@edtr-io/plugin-text/dist/controls/default.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DefaultControls = void 0;

var React = _interopRequireWildcard(require("react"));

var _editorUi = require("@edtr-io/editor-ui");

var _button = require("../toolbar/button");

var _richText = require("../plugins/rich-text");

var _link = require("../plugins/link");

var _katex = require("../plugins/katex");

var _ = require(".");

var _list = require("../plugins/list");

var _colors = require("./colors");

var _colors2 = require("../plugins/colors");

var _headings = require("../plugins/headings");

var _paragraph = require("../plugins/paragraph");

var _blockquote = require("../plugins/blockquote");

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

var DefaultControls = function DefaultControls(props) {
  var editor = props.editor,
      name = props.name,
      pluginClosure = props.pluginClosure;
  return React.createElement(React.Fragment, null, React.createElement(_button.Button, {
    name: name,
    active: (0, _richText.isStrong)(editor),
    onClick: function onClick() {
      (0, _richText.toggleStrong)(editor).focus();
      props.onChange(editor);
    },
    title: "Fett (Strg + B)"
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: _editorUi.edtrTextControls.bold
  })), React.createElement(_button.Button, {
    name: name,
    active: (0, _richText.isEmphasized)(editor),
    onClick: function onClick() {
      (0, _richText.toggleEmphasize)(editor).focus();
      props.onChange(editor);
    },
    title: "Kursiv (Strg + I)"
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: _editorUi.edtrTextControls.italic
  })), React.createElement(_button.Button, {
    name: name,
    active: (0, _link.isLink)(editor),
    onClick: function onClick() {
      (0, _link.isLink)(editor) ? (0, _link.unwrapLink)(editor).focus() : (0, _link.wrapLink)()(editor);
      props.onChange(editor);
    },
    title: "Link (Strg + K)"
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: _editorUi.edtrTextControls.link
  })), React.createElement(_button.Button, {
    name: name,
    active: !!(0, _headings.getHeadingLevel)(props.editor),
    onClick: function onClick() {
      if ((0, _headings.getHeadingLevel)(props.editor)) {
        (0, _paragraph.setParagraph)(props.editor);
        props.onChange(editor);
      } else {
        props.switchControls(_.VisibleControls.Headings);
      }
    },
    title: 'Überschriften'
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: _editorUi.edtrTextControls.text
  })), React.createElement(_button.Button, {
    name: name,
    onClick: function onClick() {
      return props.switchControls(_.VisibleControls.Colors);
    },
    title: 'Textfarben'
  }, React.createElement(_colors.ColoredTextIcon, {
    index: (0, _colors2.getColorIndex)(editor)
  })), React.createElement(_button.Button, {
    name: name,
    onClick: function onClick() {
      if (!(0, _list.isList)(_list.unorderedListNode)(editor) && !(0, _list.isList)(_list.orderedListNode)(editor)) {
        (0, _list.toggleList)(_list.unorderedListNode)(props.editor).focus();
        props.onChange(editor);
      }

      props.switchControls(_.VisibleControls.Lists);
    },
    title: 'Listen'
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: (0, _list.isList)(_list.orderedListNode)(editor) ? _editorUi.edtrTextControls.listNumbered : _editorUi.edtrTextControls.listBullets
  })), React.createElement(_button.Button, {
    name: name,
    active: (0, _blockquote.isBlockquote)(editor, pluginClosure),
    onClick: function onClick() {
      if ((0, _blockquote.isBlockquote)(editor, pluginClosure)) {
        (0, _blockquote.removeBlockquote)(editor, pluginClosure);
        props.onChange(editor);
      } else {
        (0, _blockquote.createBlockquote)(editor, name);
        props.onChange(editor);
      }
    },
    title: 'Zitat'
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: _editorUi.edtrTextControls.quote
  })), React.createElement(_button.Button, {
    name: name,
    active: (0, _katex.isKatex)(editor),
    onClick: function onClick() {
      (0, _katex.isKatex)(editor) ? (0, _katex.removeKatex)(editor).focus() : (0, _katex.insertKatex)(editor);
      props.onChange(editor);
    },
    title: "Matheformel (Strg + M)"
  }, React.createElement(_editorUi.EdtrIcon, {
    icon: _editorUi.edtrTextControls.formel
  })));
};

exports.DefaultControls = DefaultControls;
//# sourceMappingURL=default.js.map