@atlaskit/editor-plugin-block-type 1.0.0

package/dist/cjs/plugin/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blocktypeStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styles = require("@atlaskit/editor-common/styles");
+var _templateObject;
+var blocktypeStyles = function blocktypeStyles(props) {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), _styles.blockquoteSharedStyles, (0, _styles.headingsSharedStyles)(props));
+};
+exports.blocktypeStyles = blocktypeStyles;

package/dist/cjs/plugin/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/plugin/ui/ToolbarBlockType/blocktype-button.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = exports.BlockTypeButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _styles = require("@atlaskit/editor-common/styles");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _textStyle = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/text-style"));
+var _blockTypes = require("../../block-types");
+var _styled = require("./styled");
+/** @jsx jsx */
+
+var messages = (0, _reactIntlNext.defineMessages)({
+  textStyles: {
+    id: 'fabric.editor.textStyles',
+    defaultMessage: 'Text styles',
+    description: 'Menu provides access to various heading styles or normal text'
+  }
+});
+exports.messages = messages;
+var BlockTypeButton = function BlockTypeButton(props) {
+  var labelTextStyles = props.formatMessage(messages.textStyles);
+  return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+    spacing: props.isReducedSpacing ? 'none' : 'default',
+    selected: props.selected,
+    className: "block-type-btn",
+    disabled: props.disabled,
+    onClick: props.onClick,
+    onKeyDown: props.onKeyDown,
+    title: labelTextStyles,
+    "aria-label": labelTextStyles,
+    "aria-haspopup": true,
+    "aria-expanded": props['aria-expanded'],
+    iconAfter: (0, _react2.jsx)("span", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      css: [_styles.wrapperStyle, props.isSmall && _styled.wrapperSmallStyle],
+      "data-testid": "toolbar-block-type-text-styles-icon"
+    }, props.isSmall && (0, _react2.jsx)(_textStyle.default, {
+      label: labelTextStyles
+    }), (0, _react2.jsx)("span", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      css: _styled.expandIconWrapperStyle
+    }, (0, _react2.jsx)(_chevronDown.default, {
+      label: ""
+    })))
+  }, !props.isSmall && (0, _react2.jsx)("span", {
+    css: [
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    _styled.buttonContentStyle,
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    props.isReducedSpacing && _styled.buttonContentReducedSpacingStyle]
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, props.title || _blockTypes.NORMAL_TEXT.title)));
+};
+exports.BlockTypeButton = BlockTypeButton;

package/dist/cjs/plugin/ui/ToolbarBlockType/index.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _styles = require("@atlaskit/editor-common/styles");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _blocktypeButton = require("./blocktype-button");
+var _styled = require("./styled");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(ToolbarBlockType, _React$PureComponent);
+  var _super = _createSuper(ToolbarBlockType);
+  function ToolbarBlockType() {
+    var _this;
+    (0, _classCallCheck2.default)(this, ToolbarBlockType);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      active: false,
+      isOpenedByKeyboard: false
+    });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOpenChange", function (attrs) {
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        active: attrs.isOpen,
+        isOpenedByKeyboard: attrs.isOpenedByKeyboard
+      }));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerClick", function () {
+      _this.onOpenChange({
+        isOpen: !_this.state.active,
+        isOpenedByKeyboard: false
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerByKeyboard", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.onOpenChange({
+          isOpen: !_this.state.active,
+          isOpenedByKeyboard: true
+        });
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createItems", function () {
+      var formatMessage = _this.props.intl.formatMessage;
+      var _this$props$pluginSta = _this.props.pluginState,
+        currentBlockType = _this$props$pluginSta.currentBlockType,
+        availableBlockTypes = _this$props$pluginSta.availableBlockTypes;
+      var items = availableBlockTypes.map(function (blockType, index) {
+        var isActive = currentBlockType === blockType;
+        var tagName = blockType.tagName || 'p';
+        var Tag = tagName;
+        var keyMap = (0, _keymaps.findKeymapByDescription)(blockType.title.defaultMessage);
+        return {
+          content:
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+          (0, _react2.jsx)("div", {
+            css: (0, _styled.blockTypeMenuItemStyle)(tagName, isActive)
+          }, (0, _react2.jsx)(Tag, null, formatMessage(blockType.title))),
+          value: blockType,
+          label: formatMessage(blockType.title),
+          'aria-label': (0, _keymaps.tooltip)(keyMap, formatMessage(blockType.title)),
+          keyShortcuts: (0, _keymaps.getAriaKeyshortcuts)(keyMap),
+          key: "".concat(blockType.name, "-").concat(index),
+          elemAfter:
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+          (0, _react2.jsx)("div", {
+            css: [_styled.keyboardShortcut, isActive && _styled.keyboardShortcutSelect]
+          }, (0, _keymaps.tooltip)(keyMap)),
+          isActive: isActive
+        };
+      });
+      return [{
+        items: items
+      }];
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectBlockType", function (_ref) {
+      var item = _ref.item,
+        _ref$shouldCloseMenu = _ref.shouldCloseMenu,
+        shouldCloseMenu = _ref$shouldCloseMenu === void 0 ? true : _ref$shouldCloseMenu;
+      var blockType = item.value;
+      _this.props.setBlockType(blockType.name);
+      if (shouldCloseMenu) {
+        _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+          active: false
+        }));
+      }
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(ToolbarBlockType, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state = this.state,
+        active = _this$state.active,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
+      var _this$props = this.props,
+        popupsMountPoint = _this$props.popupsMountPoint,
+        popupsBoundariesElement = _this$props.popupsBoundariesElement,
+        popupsScrollableElement = _this$props.popupsScrollableElement,
+        isSmall = _this$props.isSmall,
+        isReducedSpacing = _this$props.isReducedSpacing,
+        _this$props$pluginSta2 = _this$props.pluginState,
+        currentBlockType = _this$props$pluginSta2.currentBlockType,
+        blockTypesDisabled = _this$props$pluginSta2.blockTypesDisabled,
+        availableBlockTypes = _this$props$pluginSta2.availableBlockTypes,
+        formatMessage = _this$props.intl.formatMessage;
+      var isHeadingDisabled = !availableBlockTypes.some(function (blockType) {
+        return blockType.nodeName === 'heading';
+      });
+      if (isHeadingDisabled) {
+        return null;
+      }
+      var blockTypeTitles = availableBlockTypes.filter(function (blockType) {
+        return blockType.name === currentBlockType.name;
+      }).map(function (blockType) {
+        return blockType.title;
+      });
+      if (!this.props.isDisabled && !blockTypesDisabled) {
+        var items = this.createItems();
+        return (
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+          (0, _react2.jsx)("span", {
+            css: _styles.wrapperStyle
+          }, (0, _react2.jsx)(_uiMenu.DropdownMenuWithKeyboardNavigation, {
+            items: items,
+            onOpenChange: this.onOpenChange,
+            onItemActivated: this.handleSelectBlockType,
+            isOpen: active,
+            mountTo: popupsMountPoint,
+            boundariesElement: popupsBoundariesElement,
+            scrollableElement: popupsScrollableElement,
+            zIndex: _editorSharedStyles.akEditorMenuZIndex,
+            fitHeight: 360,
+            fitWidth: 106,
+            shouldUseDefaultRole: true,
+            shouldFocusFirstItem: function shouldFocusFirstItem() {
+              if (isOpenedByKeyboard) {
+                // eslint-disable-next-line @repo/internal/react/no-set-state-inside-render
+                _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
+                  isOpenedByKeyboard: false
+                }));
+              }
+              return isOpenedByKeyboard;
+            }
+          }, (0, _react2.jsx)(_blocktypeButton.BlockTypeButton, {
+            isSmall: isSmall,
+            isReducedSpacing: isReducedSpacing,
+            selected: active,
+            disabled: false,
+            title: blockTypeTitles[0],
+            onClick: this.handleTriggerClick,
+            onKeyDown: this.handleTriggerByKeyboard,
+            formatMessage: formatMessage,
+            "aria-expanded": active
+          })), (0, _react2.jsx)("span", {
+            // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+            css: _styles.separatorStyles
+          }))
+        );
+      }
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+        (0, _react2.jsx)("span", {
+          css: _styles.wrapperStyle
+        }, (0, _react2.jsx)(_blocktypeButton.BlockTypeButton, {
+          isSmall: isSmall,
+          isReducedSpacing: isReducedSpacing,
+          selected: active,
+          disabled: true,
+          title: blockTypeTitles[0],
+          onClick: this.handleTriggerClick,
+          onKeyDown: this.handleTriggerByKeyboard,
+          formatMessage: formatMessage,
+          "aria-expanded": active
+        }), (0, _react2.jsx)("span", {
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+          css: _styles.separatorStyles
+        }))
+      );
+    }
+  }]);
+  return ToolbarBlockType;
+}(_react.default.PureComponent);
+var _default = (0, _reactIntlNext.injectIntl)(ToolbarBlockType);
+exports.default = _default;

package/dist/cjs/plugin/ui/ToolbarBlockType/styled.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapperSmallStyle = exports.keyboardShortcutSelect = exports.keyboardShortcut = exports.expandIconWrapperStyle = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = exports.blockTypeMenuItemStyle = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styles = require("@atlaskit/editor-common/styles");
+var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
+var _colors = require("@atlaskit/theme/colors");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+/** @jsx jsx */
+var blockTypeMenuItemStyle = function blockTypeMenuItemStyle(tagName, selected) {
+  // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
+  var selectedStyle = selected ? "".concat(tagName, " { color: ", "var(--ds-text, white)", " !important; }") : '';
+  return function (themeProps) {
+    return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    > {\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-top: 0;\n      }\n    }\n    ", ";\n  "])), (0, _styles.headingsSharedStyles)(themeProps), selectedStyle);
+  };
+};
+exports.blockTypeMenuItemStyle = blockTypeMenuItemStyle;
+var keyboardShortcut = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin-left: ", ";\n"])), _shortcut.shortcutStyle, "var(--ds-space-200, 16px)");
+exports.keyboardShortcut = keyboardShortcut;
+var keyboardShortcutSelect = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-icon, ".concat(_colors.N400, ")"));
+exports.keyboardShortcutSelect = keyboardShortcutSelect;
+var buttonContentStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: ", ";\n"])), "var(--ds-space-075, 6px)");
+exports.buttonContentStyle = buttonContentStyle;
+var buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n"])), "var(--ds-space-100, 8px)");
+exports.buttonContentReducedSpacingStyle = buttonContentReducedSpacingStyle;
+var wrapperSmallStyle = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  min-width: 40px;\n"])), "var(--ds-space-050, 4px)");
+exports.wrapperSmallStyle = wrapperSmallStyle;
+var expandIconWrapperStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
+exports.expandIconWrapperStyle = expandIconWrapperStyle;

package/dist/cjs/plugin/ui/ToolbarBlockType/toolbar-messages.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toolbarMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var toolbarMessages = (0, _reactIntlNext.defineMessages)({
+  textStyles: {
+    id: 'fabric.editor.textStyles',
+    defaultMessage: 'Text styles',
+    description: 'Menu provides access to various heading styles or normal text'
+  }
+});
+exports.toolbarMessages = toolbarMessages;

package/dist/cjs/plugin/utils.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.areBlockTypesDisabled = areBlockTypesDisabled;
+exports.isNodeAWrappingBlockNode = exports.createWrappingTextBlockRule = exports.createJoinNodesRule = void 0;
+var _utils = require("@atlaskit/editor-common/utils");
+var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
+var _blockTypes = require("./block-types");
+var isNodeAWrappingBlockNode = function isNodeAWrappingBlockNode(node) {
+  if (!node) {
+    return false;
+  }
+  return _blockTypes.WRAPPER_BLOCK_TYPES.some(function (blockNode) {
+    return blockNode.name === node.type.name;
+  });
+};
+exports.isNodeAWrappingBlockNode = isNodeAWrappingBlockNode;
+var createJoinNodesRule = function createJoinNodesRule(match, nodeType) {
+  return (0, _utils.createWrappingJoinRule)({
+    nodeType: nodeType,
+    match: match,
+    getAttrs: {},
+    joinPredicate: function joinPredicate(_, node) {
+      return node.type === nodeType;
+    }
+  });
+};
+exports.createJoinNodesRule = createJoinNodesRule;
+var createWrappingTextBlockRule = function createWrappingTextBlockRule(_ref) {
+  var match = _ref.match,
+    nodeType = _ref.nodeType,
+    getAttrs = _ref.getAttrs;
+  var handler = function handler(state, match, start, end) {
+    var fixedStart = Math.max(start, 1);
+    var $start = state.doc.resolve(fixedStart);
+    var attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
+    var nodeBefore = $start.node(-1);
+    if (nodeBefore && !nodeBefore.canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType)) {
+      return null;
+    }
+    return state.tr.delete(fixedStart, end).setBlockType(fixedStart, fixedStart, nodeType, attrs);
+  };
+  return (0, _prosemirrorInputRules.createRule)(match, handler);
+};
+
+/**
+ * Function will create a list of wrapper blocks present in a selection.
+ */
+exports.createWrappingTextBlockRule = createWrappingTextBlockRule;
+function getSelectedWrapperNodes(state) {
+  var nodes = [];
+  if (state.selection) {
+    var _state$selection = state.selection,
+      $from = _state$selection.$from,
+      $to = _state$selection.$to;
+    var _state$schema$nodes = state.schema.nodes,
+      blockquote = _state$schema$nodes.blockquote,
+      panel = _state$schema$nodes.panel,
+      orderedList = _state$schema$nodes.orderedList,
+      bulletList = _state$schema$nodes.bulletList,
+      listItem = _state$schema$nodes.listItem,
+      codeBlock = _state$schema$nodes.codeBlock,
+      decisionItem = _state$schema$nodes.decisionItem,
+      decisionList = _state$schema$nodes.decisionList,
+      taskItem = _state$schema$nodes.taskItem,
+      taskList = _state$schema$nodes.taskList;
+    state.doc.nodesBetween($from.pos, $to.pos, function (node) {
+      if (node.isBlock && [blockquote, panel, orderedList, bulletList, listItem, codeBlock, decisionItem, decisionList, taskItem, taskList].indexOf(node.type) >= 0) {
+        nodes.push(node.type);
+      }
+    });
+  }
+  return nodes;
+}
+
+/**
+ * Function will check if changing block types: Paragraph, Heading is enabled.
+ */
+function areBlockTypesDisabled(state) {
+  var nodesTypes = getSelectedWrapperNodes(state);
+  var panel = state.schema.nodes.panel;
+  return nodesTypes.filter(function (type) {
+    return type !== panel;
+  }).length > 0;
+}

package/dist/cjs/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "blocktypeStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styles.blocktypeStyles;
+  }
+});
+var _styles = require("./plugin/styles");

package/dist/es2019/consts.js

@@ -0,0 +1 @@
+export { BLOCK_QUOTE, CODE_BLOCK, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, NORMAL_TEXT, PANEL } from './plugin/block-types';

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { blockTypePlugin } from './plugin';

package/dist/es2019/messages.js

@@ -0,0 +1,2 @@
+export { messages } from './plugin/messages';
+export { toolbarMessages } from './plugin/ui/ToolbarBlockType/toolbar-messages';

package/dist/es2019/plugin/block-types.js

@@ -0,0 +1,84 @@
+import { messages } from './messages';
+export const NORMAL_TEXT = {
+  name: 'normal',
+  title: messages.normal,
+  nodeName: 'paragraph',
+  tagName: 'p'
+};
+export const HEADING_1 = {
+  name: 'heading1',
+  title: messages.heading1,
+  nodeName: 'heading',
+  tagName: 'h1',
+  level: 1
+};
+export const HEADING_2 = {
+  name: 'heading2',
+  title: messages.heading2,
+  nodeName: 'heading',
+  tagName: 'h2',
+  level: 2
+};
+export const HEADING_3 = {
+  name: 'heading3',
+  title: messages.heading3,
+  nodeName: 'heading',
+  tagName: 'h3',
+  level: 3
+};
+export const HEADING_4 = {
+  name: 'heading4',
+  title: messages.heading4,
+  nodeName: 'heading',
+  tagName: 'h4',
+  level: 4
+};
+export const HEADING_5 = {
+  name: 'heading5',
+  title: messages.heading5,
+  nodeName: 'heading',
+  tagName: 'h5',
+  level: 5
+};
+export const HEADING_6 = {
+  name: 'heading6',
+  title: messages.heading6,
+  nodeName: 'heading',
+  tagName: 'h6',
+  level: 6
+};
+export const BLOCK_QUOTE = {
+  name: 'blockquote',
+  title: messages.blockquote,
+  nodeName: 'blockquote'
+};
+export const CODE_BLOCK = {
+  name: 'codeblock',
+  title: messages.codeblock,
+  nodeName: 'codeBlock'
+};
+export const PANEL = {
+  name: 'panel',
+  title: messages.infoPanel,
+  nodeName: 'panel'
+};
+export const OTHER = {
+  name: 'other',
+  title: messages.other,
+  nodeName: ''
+};
+export const TEXT_BLOCK_TYPES = [NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
+export const WRAPPER_BLOCK_TYPES = [BLOCK_QUOTE, CODE_BLOCK, PANEL];
+export const ALL_BLOCK_TYPES = TEXT_BLOCK_TYPES.concat(WRAPPER_BLOCK_TYPES);
+export const HEADINGS_BY_LEVEL = TEXT_BLOCK_TYPES.reduce((acc, blockType) => {
+  if (blockType.level && blockType.nodeName === 'heading') {
+    acc[blockType.level] = blockType;
+  }
+  return acc;
+}, {});
+export const HEADINGS_BY_NAME = TEXT_BLOCK_TYPES.reduce((acc, blockType) => {
+  if (blockType.level && blockType.nodeName === 'heading') {
+    acc[blockType.name] = blockType;
+  }
+  return acc;
+}, {});