@os-design/editor 1.0.160 → 1.0.161

package/dist/cjs/Editor/index.js

@@ -1,78 +1,44 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _draftJs = require("draft-js");
-
 var _core = require("@os-design/core");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _utils = require("@os-design/utils");
-
 var _react2 = require("@emotion/react");
-
 var _createEmptyEditorState = _interopRequireDefault(require("./utils/createEmptyEditorState"));
-
 var _defaultDraftJsStyles = _interopRequireDefault(require("./styles/defaultDraftJsStyles"));
-
 var _overrideDraftJsStyles = _interopRequireDefault(require("./styles/overrideDraftJsStyles"));
-
 var _defaultStyleToolbarItems = _interopRequireDefault(require("./utils/defaultStyleToolbarItems"));
-
 var _StyleToolbar = _interopRequireDefault(require("./StyleToolbar"));
-
 var _BlockToolbar = _interopRequireDefault(require("./BlockToolbar"));
-
 var _useStyleToolbarProps = _interopRequireDefault(require("./hooks/useStyleToolbarProps"));
-
 var _useBlockToolbarProps = _interopRequireDefault(require("./hooks/useBlockToolbarProps"));
-
 var _useReturnHandler = _interopRequireDefault(require("./hooks/useReturnHandler"));
-
 var _usePastedTextHandler = _interopRequireDefault(require("./hooks/usePastedTextHandler"));
-
 var _excluded = ["disabled", "styleToolbarItems", "blockToolbarItems", "value", "defaultValue", "onChange", "size", "readOnly", "handleReturn", "handlePastedText"];
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var disabledStyles = function disabledStyles(p) {
   return p.disabled && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n  "])));
 };
-
 var Container = (0, _styled["default"])(_core.InputContainer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: unset;\n  cursor: text;\n\n  padding: ", "em\n    ", "em;\n  min-height: ", "em;\n\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
   return p.theme.editorPaddingVertical;
 }, function (p) {
@@ -80,64 +46,62 @@ var Container = (0, _styled["default"])(_core.InputContainer)(_templateObject2 |
 }, function (p) {
   return p.theme.editorMinHeight;
 }, _defaultDraftJsStyles["default"], _overrideDraftJsStyles["default"], disabledStyles);
+
 /**
  * Rich text editor based on the Draft.js.
  */
-
 var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$styleToolbarItem = _ref.styleToolbarItems,
-      styleToolbarItems = _ref$styleToolbarItem === void 0 ? _defaultStyleToolbarItems["default"] : _ref$styleToolbarItem,
-      _ref$blockToolbarItem = _ref.blockToolbarItems,
-      blockToolbarItems = _ref$blockToolbarItem === void 0 ? [] : _ref$blockToolbarItem,
-      value = _ref.value,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? (0, _createEmptyEditorState["default"])() : _ref$defaultValue,
-      onChange = _ref.onChange,
-      size = _ref.size,
-      readOnly = _ref.readOnly,
-      _ref$handleReturn = _ref.handleReturn,
-      handleReturn = _ref$handleReturn === void 0 ? function () {
-    return 'not-handled';
-  } : _ref$handleReturn,
-      _ref$handlePastedText = _ref.handlePastedText,
-      handlePastedText = _ref$handlePastedText === void 0 ? function () {
-    return 'not-handled';
-  } : _ref$handlePastedText,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$styleToolbarItem = _ref.styleToolbarItems,
+    styleToolbarItems = _ref$styleToolbarItem === void 0 ? _defaultStyleToolbarItems["default"] : _ref$styleToolbarItem,
+    _ref$blockToolbarItem = _ref.blockToolbarItems,
+    blockToolbarItems = _ref$blockToolbarItem === void 0 ? [] : _ref$blockToolbarItem,
+    value = _ref.value,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? (0, _createEmptyEditorState["default"])() : _ref$defaultValue,
+    onChange = _ref.onChange,
+    size = _ref.size,
+    readOnly = _ref.readOnly,
+    _ref$handleReturn = _ref.handleReturn,
+    handleReturn = _ref$handleReturn === void 0 ? function () {
+      return 'not-handled';
+    } : _ref$handleReturn,
+    _ref$handlePastedText = _ref.handlePastedText,
+    handlePastedText = _ref$handlePastedText === void 0 ? function () {
+      return 'not-handled';
+    } : _ref$handlePastedText,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-      _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-      editorRef = _useForwardedRef2[0],
-      mergedEditorRef = _useForwardedRef2[1];
-
+    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
+    editorRef = _useForwardedRef2[0],
+    mergedEditorRef = _useForwardedRef2[1];
   var _useForwardedState = (0, _utils.useForwardedState)({
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange
-  }),
-      _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
-      forwardedValue = _useForwardedState2[0],
-      setForwardedValue = _useForwardedState2[1]; // Used by ImageBlock to make the editor read-only
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange
+    }),
+    _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
+    forwardedValue = _useForwardedState2[0],
+    setForwardedValue = _useForwardedState2[1];
+
+  // Used by ImageBlock to make the editor read-only
   // while an image is being uploaded
-
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerReadOnly = _useState2[0],
-      setInnerReadOnly = _useState2[1]; // Get the trigger and visible props for the toolbars
-
+    _useState2 = _slicedToArray(_useState, 2),
+    innerReadOnly = _useState2[0],
+    setInnerReadOnly = _useState2[1];
 
+  // Get the trigger and visible props for the toolbars
   var styleToolbarProps = (0, _useStyleToolbarProps["default"])(forwardedValue || defaultValue);
-  var blockToolbarProps = (0, _useBlockToolbarProps["default"])(forwardedValue || defaultValue, (blockToolbarItems || []).length > 0); // Move the caret to the end of the content when the focus event was fired
+  var blockToolbarProps = (0, _useBlockToolbarProps["default"])(forwardedValue || defaultValue, (blockToolbarItems || []).length > 0);
 
+  // Move the caret to the end of the content when the focus event was fired
   var setEditorState = (0, _react.useCallback)(function (editorState) {
     if (!editorState.getSelection().getHasFocus()) {
       setForwardedValue(_draftJs.EditorState.moveSelectionToEnd(editorState));
       return;
     }
-
     setForwardedValue(editorState);
   }, [setForwardedValue]);
   var blockRenderer = (0, _react.useCallback)(function (block) {
@@ -148,8 +112,9 @@ var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     return {
       component: blockConfig.component
     };
-  }, [blockToolbarItems]); // Custom handlers
+  }, [blockToolbarItems]);
 
+  // Custom handlers
   var returnHandler = (0, _useReturnHandler["default"])(setForwardedValue, handleReturn);
   var pastedTextHandler = (0, _usePastedTextHandler["default"])(setForwardedValue, handlePastedText);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Container, {

package/dist/cjs/Editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["disabledStyles","p","disabled","css","Container","styled","InputContainer","theme","editorPaddingVertical","inputPaddingHorizontal","editorMinHeight","defaultDraftJsStyles","overrideDraftJsStyles","Editor","forwardRef","ref","styleToolbarItems","defaultStyleToolbarItems","blockToolbarItems","value","defaultValue","createEmptyEditorState","onChange","size","readOnly","handleReturn","handlePastedText","rest","useForwardedRef","editorRef","mergedEditorRef","useForwardedState","forwardedValue","setForwardedValue","useState","innerReadOnly","setInnerReadOnly","styleToolbarProps","useStyleToolbarProps","blockToolbarProps","useBlockToolbarProps","length","setEditorState","useCallback","editorState","getSelection","getHasFocus","EditorState","moveSelectionToEnd","blockRenderer","block","blockConfig","find","item","type","getType","component","returnHandler","useReturnHandler","pastedTextHandler","usePastedTextHandler","undefined","current","focus","displayName"],"sources":["../../../src/Editor/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from 'react';\nimport {\n  Editor as DraftEditor,\n  EditorState,\n  EditorProps as DraftEditorProps,\n} from 'draft-js';\nimport { InputContainer } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { WithSize } from '@os-design/styles';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport createEmptyEditorState from './utils/createEmptyEditorState';\nimport defaultDraftJsStyles from './styles/defaultDraftJsStyles';\nimport overrideDraftJsStyles from './styles/overrideDraftJsStyles';\nimport defaultStyleToolbarItems, {\n  StyleToolbarItem,\n} from './utils/defaultStyleToolbarItems';\nimport StyleToolbar from './StyleToolbar';\nimport BlockToolbar from './BlockToolbar';\nimport useStyleToolbarProps from './hooks/useStyleToolbarProps';\nimport useBlockToolbarProps from './hooks/useBlockToolbarProps';\nimport useReturnHandler from './hooks/useReturnHandler';\nimport usePastedTextHandler from './hooks/usePastedTextHandler';\nimport { BlockToolbarItem } from './blocks/types';\n\nexport interface EditorProps\n  extends Omit<DraftEditorProps, 'editorState' | 'onChange'>,\n    WithSize {\n  /**\n   * Whether the editor is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Available styles in the toolbar.\n   * @default undefined\n   */\n  styleToolbarItems?: StyleToolbarItem[];\n  /**\n   * Available blocks in the toolbar.\n   * @default undefined\n   */\n  blockToolbarItems?: BlockToolbarItem[];\n  /**\n   * The editor state.\n   * @default undefined\n   */\n  value?: EditorState;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: EditorState;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: EditorState) => void;\n}\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    cursor: not-allowed;\n  `;\n\nconst Container = styled(InputContainer)`\n  height: unset;\n  cursor: text;\n\n  padding: ${(p) => p.theme.editorPaddingVertical}em\n    ${(p) => p.theme.inputPaddingHorizontal}em;\n  min-height: ${(p) => p.theme.editorMinHeight}em;\n\n  ${defaultDraftJsStyles};\n  ${overrideDraftJsStyles};\n  ${disabledStyles};\n`;\n\n/**\n * Rich text editor based on the Draft.js.\n */\nconst Editor = forwardRef<DraftEditor, EditorProps>(\n  (\n    {\n      disabled = false,\n      styleToolbarItems = defaultStyleToolbarItems,\n      blockToolbarItems = [],\n      value,\n      defaultValue = createEmptyEditorState(),\n      onChange,\n      size,\n      readOnly,\n      handleReturn = () => 'not-handled',\n      handlePastedText = () => 'not-handled',\n      ...rest\n    },\n    ref\n  ) => {\n    const [editorRef, mergedEditorRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    // Used by ImageBlock to make the editor read-only\n    // while an image is being uploaded\n    const [innerReadOnly, setInnerReadOnly] = useState(false);\n\n    // Get the trigger and visible props for the toolbars\n    const styleToolbarProps = useStyleToolbarProps(\n      forwardedValue || defaultValue\n    );\n    const blockToolbarProps = useBlockToolbarProps(\n      forwardedValue || defaultValue,\n      (blockToolbarItems || []).length > 0\n    );\n\n    // Move the caret to the end of the content when the focus event was fired\n    const setEditorState = useCallback(\n      (editorState: EditorState) => {\n        if (!editorState.getSelection().getHasFocus()) {\n          setForwardedValue(EditorState.moveSelectionToEnd(editorState));\n          return;\n        }\n        setForwardedValue(editorState);\n      },\n      [setForwardedValue]\n    );\n\n    const blockRenderer = useCallback(\n      (block) => {\n        const blockConfig = blockToolbarItems.find(\n          (item) => item.type === block.getType()\n        );\n        if (!blockConfig) return null;\n        return { component: blockConfig.component };\n      },\n      [blockToolbarItems]\n    );\n\n    // Custom handlers\n    const returnHandler = useReturnHandler(setForwardedValue, handleReturn);\n    const pastedTextHandler = usePastedTextHandler(\n      setForwardedValue,\n      handlePastedText\n    );\n\n    return (\n      <>\n        <Container\n          disabled={disabled}\n          size={size}\n          tabIndex={!disabled ? 0 : -1}\n          role={!disabled ? 'textbox' : undefined}\n          onFocus={() => {\n            if (disabled || !editorRef.current) return;\n            editorRef.current.focus();\n          }}\n        >\n          <DraftEditor\n            onChange={setEditorState}\n            blockRendererFn={blockRenderer}\n            handleReturn={returnHandler}\n            handlePastedText={pastedTextHandler}\n            readOnly={readOnly || innerReadOnly || disabled}\n            stripPastedStyles\n            {...rest}\n            editorState={forwardedValue || defaultValue}\n            ref={mergedEditorRef}\n          />\n        </Container>\n\n        <StyleToolbar\n          {...styleToolbarProps}\n          size={size}\n          items={styleToolbarItems}\n          value={forwardedValue || defaultValue}\n          onChange={setForwardedValue}\n        />\n\n        <BlockToolbar\n          {...blockToolbarProps}\n          placement='right'\n          gap={2.5}\n          size={size}\n          items={blockToolbarItems}\n          value={forwardedValue || defaultValue}\n          onChange={setForwardedValue}\n          setReadOnly={setInnerReadOnly}\n        />\n      </>\n    );\n  }\n);\n\nEditor.displayName = 'Editor';\n\nexport default Editor;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["disabledStyles","p","disabled","css","Container","styled","InputContainer","theme","editorPaddingVertical","inputPaddingHorizontal","editorMinHeight","defaultDraftJsStyles","overrideDraftJsStyles","Editor","forwardRef","ref","styleToolbarItems","defaultStyleToolbarItems","blockToolbarItems","value","defaultValue","createEmptyEditorState","onChange","size","readOnly","handleReturn","handlePastedText","rest","useForwardedRef","editorRef","mergedEditorRef","useForwardedState","forwardedValue","setForwardedValue","useState","innerReadOnly","setInnerReadOnly","styleToolbarProps","useStyleToolbarProps","blockToolbarProps","useBlockToolbarProps","length","setEditorState","useCallback","editorState","getSelection","getHasFocus","EditorState","moveSelectionToEnd","blockRenderer","block","blockConfig","find","item","type","getType","component","returnHandler","useReturnHandler","pastedTextHandler","usePastedTextHandler","undefined","current","focus","displayName"],"sources":["../../../src/Editor/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from 'react';\nimport {\n  Editor as DraftEditor,\n  EditorState,\n  EditorProps as DraftEditorProps,\n} from 'draft-js';\nimport { InputContainer } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { WithSize } from '@os-design/styles';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport createEmptyEditorState from './utils/createEmptyEditorState';\nimport defaultDraftJsStyles from './styles/defaultDraftJsStyles';\nimport overrideDraftJsStyles from './styles/overrideDraftJsStyles';\nimport defaultStyleToolbarItems, {\n  StyleToolbarItem,\n} from './utils/defaultStyleToolbarItems';\nimport StyleToolbar from './StyleToolbar';\nimport BlockToolbar from './BlockToolbar';\nimport useStyleToolbarProps from './hooks/useStyleToolbarProps';\nimport useBlockToolbarProps from './hooks/useBlockToolbarProps';\nimport useReturnHandler from './hooks/useReturnHandler';\nimport usePastedTextHandler from './hooks/usePastedTextHandler';\nimport { BlockToolbarItem } from './blocks/types';\n\nexport interface EditorProps\n  extends Omit<DraftEditorProps, 'editorState' | 'onChange'>,\n    WithSize {\n  /**\n   * Whether the editor is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Available styles in the toolbar.\n   * @default undefined\n   */\n  styleToolbarItems?: StyleToolbarItem[];\n  /**\n   * Available blocks in the toolbar.\n   * @default undefined\n   */\n  blockToolbarItems?: BlockToolbarItem[];\n  /**\n   * The editor state.\n   * @default undefined\n   */\n  value?: EditorState;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: EditorState;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: EditorState) => void;\n}\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    cursor: not-allowed;\n  `;\n\nconst Container = styled(InputContainer)`\n  height: unset;\n  cursor: text;\n\n  padding: ${(p) => p.theme.editorPaddingVertical}em\n    ${(p) => p.theme.inputPaddingHorizontal}em;\n  min-height: ${(p) => p.theme.editorMinHeight}em;\n\n  ${defaultDraftJsStyles};\n  ${overrideDraftJsStyles};\n  ${disabledStyles};\n`;\n\n/**\n * Rich text editor based on the Draft.js.\n */\nconst Editor = forwardRef<DraftEditor, EditorProps>(\n  (\n    {\n      disabled = false,\n      styleToolbarItems = defaultStyleToolbarItems,\n      blockToolbarItems = [],\n      value,\n      defaultValue = createEmptyEditorState(),\n      onChange,\n      size,\n      readOnly,\n      handleReturn = () => 'not-handled',\n      handlePastedText = () => 'not-handled',\n      ...rest\n    },\n    ref\n  ) => {\n    const [editorRef, mergedEditorRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    // Used by ImageBlock to make the editor read-only\n    // while an image is being uploaded\n    const [innerReadOnly, setInnerReadOnly] = useState(false);\n\n    // Get the trigger and visible props for the toolbars\n    const styleToolbarProps = useStyleToolbarProps(\n      forwardedValue || defaultValue\n    );\n    const blockToolbarProps = useBlockToolbarProps(\n      forwardedValue || defaultValue,\n      (blockToolbarItems || []).length > 0\n    );\n\n    // Move the caret to the end of the content when the focus event was fired\n    const setEditorState = useCallback(\n      (editorState: EditorState) => {\n        if (!editorState.getSelection().getHasFocus()) {\n          setForwardedValue(EditorState.moveSelectionToEnd(editorState));\n          return;\n        }\n        setForwardedValue(editorState);\n      },\n      [setForwardedValue]\n    );\n\n    const blockRenderer = useCallback(\n      (block) => {\n        const blockConfig = blockToolbarItems.find(\n          (item) => item.type === block.getType()\n        );\n        if (!blockConfig) return null;\n        return { component: blockConfig.component };\n      },\n      [blockToolbarItems]\n    );\n\n    // Custom handlers\n    const returnHandler = useReturnHandler(setForwardedValue, handleReturn);\n    const pastedTextHandler = usePastedTextHandler(\n      setForwardedValue,\n      handlePastedText\n    );\n\n    return (\n      <>\n        <Container\n          disabled={disabled}\n          size={size}\n          tabIndex={!disabled ? 0 : -1}\n          role={!disabled ? 'textbox' : undefined}\n          onFocus={() => {\n            if (disabled || !editorRef.current) return;\n            editorRef.current.focus();\n          }}\n        >\n          <DraftEditor\n            onChange={setEditorState}\n            blockRendererFn={blockRenderer}\n            handleReturn={returnHandler}\n            handlePastedText={pastedTextHandler}\n            readOnly={readOnly || innerReadOnly || disabled}\n            stripPastedStyles\n            {...rest}\n            editorState={forwardedValue || defaultValue}\n            ref={mergedEditorRef}\n          />\n        </Container>\n\n        <StyleToolbar\n          {...styleToolbarProps}\n          size={size}\n          items={styleToolbarItems}\n          value={forwardedValue || defaultValue}\n          onChange={setForwardedValue}\n        />\n\n        <BlockToolbar\n          {...blockToolbarProps}\n          placement='right'\n          gap={2.5}\n          size={size}\n          items={blockToolbarItems}\n          value={forwardedValue || defaultValue}\n          onChange={setForwardedValue}\n          setReadOnly={setInnerReadOnly}\n        />\n      </>\n    );\n  }\n);\n\nEditor.displayName = 'Editor';\n\nexport default Editor;\n"],"mappings":"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"}

package/dist/cjs/Editor/styles/defaultDraftJsStyles.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("@emotion/react");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 /**
  * Default Draft.js styles.
  * The original styles located in `node_modules/draft-js/dist/Draft.css`.

package/dist/cjs/Editor/styles/defaultDraftJsStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultDraftJsStyles.js","names":["defaultDraftJsStyles","css"],"sources":["../../../../src/Editor/styles/defaultDraftJsStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\n/**\n * Default Draft.js styles.\n * The original styles located in `node_modules/draft-js/dist/Draft.css`.\n */\nconst defaultDraftJsStyles = css`\n  .DraftEditor-editorContainer,\n  .DraftEditor-root,\n  .public-DraftEditor-content {\n    height: inherit;\n    text-align: initial;\n  }\n  .public-DraftEditor-content[contenteditable='true'] {\n    -webkit-user-modify: read-write-plaintext-only;\n  }\n  .DraftEditor-root {\n    position: relative;\n  }\n  .DraftEditor-editorContainer {\n    background-color: rgba(255, 255, 255, 0);\n    border-left: 0.1px solid transparent;\n    position: relative;\n    z-index: 1;\n  }\n  .public-DraftEditor-block {\n    position: relative;\n  }\n  .DraftEditor-alignLeft .public-DraftStyleDefault-block {\n    text-align: left;\n  }\n  .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {\n    left: 0;\n    text-align: left;\n  }\n  .DraftEditor-alignCenter .public-DraftStyleDefault-block {\n    text-align: center;\n  }\n  .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {\n    margin: 0 auto;\n    text-align: center;\n    width: 100%;\n  }\n  .DraftEditor-alignRight .public-DraftStyleDefault-block {\n    text-align: right;\n  }\n  .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {\n    right: 0;\n    text-align: right;\n  }\n  .public-DraftEditorPlaceholder-root {\n    color: #9197a3;\n    position: absolute;\n    width: 100%;\n    z-index: 1;\n  }\n  .public-DraftEditorPlaceholder-hasFocus {\n    color: #bdc1c9;\n  }\n  .DraftEditorPlaceholder-hidden {\n    display: none;\n  }\n  .public-DraftStyleDefault-block {\n    position: relative;\n    white-space: pre-wrap;\n  }\n  .public-DraftStyleDefault-ltr {\n    direction: ltr;\n    text-align: left;\n  }\n  .public-DraftStyleDefault-rtl {\n    direction: rtl;\n    text-align: right;\n  }\n  .public-DraftStyleDefault-listLTR {\n    direction: ltr;\n  }\n  .public-DraftStyleDefault-listRTL {\n    direction: rtl;\n  }\n  .public-DraftStyleDefault-ol,\n  .public-DraftStyleDefault-ul {\n    margin: 16px 0;\n    padding: 0;\n  }\n  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {\n    margin-left: 1.5em;\n  }\n  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {\n    margin-right: 1.5em;\n  }\n  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {\n    margin-left: 3em;\n  }\n  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {\n    margin-right: 3em;\n  }\n  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {\n    margin-left: 4.5em;\n  }\n  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {\n    margin-right: 4.5em;\n  }\n  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {\n    margin-left: 6em;\n  }\n  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {\n    margin-right: 6em;\n  }\n  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {\n    margin-left: 7.5em;\n  }\n  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {\n    margin-right: 7.5em;\n  }\n  .public-DraftStyleDefault-unorderedListItem {\n    list-style-type: square;\n    position: relative;\n  }\n  .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {\n    list-style-type: disc;\n  }\n  .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {\n    list-style-type: circle;\n  }\n  .public-DraftStyleDefault-orderedListItem {\n    list-style-type: none;\n    position: relative;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {\n    left: -36px;\n    position: absolute;\n    text-align: right;\n    width: 30px;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {\n    position: absolute;\n    right: -36px;\n    text-align: left;\n    width: 30px;\n  }\n  .public-DraftStyleDefault-orderedListItem:before {\n    content: counter(ol0) '. ';\n    counter-increment: ol0;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {\n    content: counter(ol1, lower-alpha) '. ';\n    counter-increment: ol1;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {\n    content: counter(ol2, lower-roman) '. ';\n    counter-increment: ol2;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {\n    content: counter(ol3) '. ';\n    counter-increment: ol3;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {\n    content: counter(ol4, lower-alpha) '. ';\n    counter-increment: ol4;\n  }\n  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {\n    counter-reset: ol0;\n  }\n  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {\n    counter-reset: ol1;\n  }\n  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {\n    counter-reset: ol2;\n  }\n  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {\n    counter-reset: ol3;\n  }\n  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {\n    counter-reset: ol4;\n  }\n`;\n\nexport default defaultDraftJsStyles;\n"],"mappings":";;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,oBAAoB,OAAGC,UAAH,48JAA1B;eA4KeD,oB"}
+{"version":3,"file":"defaultDraftJsStyles.js","names":["defaultDraftJsStyles","css"],"sources":["../../../../src/Editor/styles/defaultDraftJsStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\n/**\n * Default Draft.js styles.\n * The original styles located in `node_modules/draft-js/dist/Draft.css`.\n */\nconst defaultDraftJsStyles = css`\n  .DraftEditor-editorContainer,\n  .DraftEditor-root,\n  .public-DraftEditor-content {\n    height: inherit;\n    text-align: initial;\n  }\n  .public-DraftEditor-content[contenteditable='true'] {\n    -webkit-user-modify: read-write-plaintext-only;\n  }\n  .DraftEditor-root {\n    position: relative;\n  }\n  .DraftEditor-editorContainer {\n    background-color: rgba(255, 255, 255, 0);\n    border-left: 0.1px solid transparent;\n    position: relative;\n    z-index: 1;\n  }\n  .public-DraftEditor-block {\n    position: relative;\n  }\n  .DraftEditor-alignLeft .public-DraftStyleDefault-block {\n    text-align: left;\n  }\n  .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {\n    left: 0;\n    text-align: left;\n  }\n  .DraftEditor-alignCenter .public-DraftStyleDefault-block {\n    text-align: center;\n  }\n  .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {\n    margin: 0 auto;\n    text-align: center;\n    width: 100%;\n  }\n  .DraftEditor-alignRight .public-DraftStyleDefault-block {\n    text-align: right;\n  }\n  .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {\n    right: 0;\n    text-align: right;\n  }\n  .public-DraftEditorPlaceholder-root {\n    color: #9197a3;\n    position: absolute;\n    width: 100%;\n    z-index: 1;\n  }\n  .public-DraftEditorPlaceholder-hasFocus {\n    color: #bdc1c9;\n  }\n  .DraftEditorPlaceholder-hidden {\n    display: none;\n  }\n  .public-DraftStyleDefault-block {\n    position: relative;\n    white-space: pre-wrap;\n  }\n  .public-DraftStyleDefault-ltr {\n    direction: ltr;\n    text-align: left;\n  }\n  .public-DraftStyleDefault-rtl {\n    direction: rtl;\n    text-align: right;\n  }\n  .public-DraftStyleDefault-listLTR {\n    direction: ltr;\n  }\n  .public-DraftStyleDefault-listRTL {\n    direction: rtl;\n  }\n  .public-DraftStyleDefault-ol,\n  .public-DraftStyleDefault-ul {\n    margin: 16px 0;\n    padding: 0;\n  }\n  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {\n    margin-left: 1.5em;\n  }\n  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {\n    margin-right: 1.5em;\n  }\n  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {\n    margin-left: 3em;\n  }\n  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {\n    margin-right: 3em;\n  }\n  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {\n    margin-left: 4.5em;\n  }\n  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {\n    margin-right: 4.5em;\n  }\n  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {\n    margin-left: 6em;\n  }\n  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {\n    margin-right: 6em;\n  }\n  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {\n    margin-left: 7.5em;\n  }\n  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {\n    margin-right: 7.5em;\n  }\n  .public-DraftStyleDefault-unorderedListItem {\n    list-style-type: square;\n    position: relative;\n  }\n  .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {\n    list-style-type: disc;\n  }\n  .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {\n    list-style-type: circle;\n  }\n  .public-DraftStyleDefault-orderedListItem {\n    list-style-type: none;\n    position: relative;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {\n    left: -36px;\n    position: absolute;\n    text-align: right;\n    width: 30px;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {\n    position: absolute;\n    right: -36px;\n    text-align: left;\n    width: 30px;\n  }\n  .public-DraftStyleDefault-orderedListItem:before {\n    content: counter(ol0) '. ';\n    counter-increment: ol0;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {\n    content: counter(ol1, lower-alpha) '. ';\n    counter-increment: ol1;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {\n    content: counter(ol2, lower-roman) '. ';\n    counter-increment: ol2;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {\n    content: counter(ol3) '. ';\n    counter-increment: ol3;\n  }\n  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {\n    content: counter(ol4, lower-alpha) '. ';\n    counter-increment: ol4;\n  }\n  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {\n    counter-reset: ol0;\n  }\n  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {\n    counter-reset: ol1;\n  }\n  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {\n    counter-reset: ol2;\n  }\n  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {\n    counter-reset: ol3;\n  }\n  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {\n    counter-reset: ol4;\n  }\n`;\n\nexport default defaultDraftJsStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAErC;AACA;AACA;AACA;AACA,IAAMA,oBAAoB,OAAGC,UAAG,48JA0K/B;AAAC,eAEaD,oBAAoB;AAAA"}

package/dist/cjs/Editor/styles/overrideDraftJsStyles.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("@emotion/react");
-
 var _theming = require("@os-design/theming");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 var overrideDraftJsStyles = function overrideDraftJsStyles(p) {
   return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .DraftEditor-root {\n    width: 100%;\n    overflow: hidden;\n    line-height: ", ";\n    color: ", ";\n  }\n  .public-DraftEditorPlaceholder-root {\n    color: ", ";\n  }\n  .public-DraftStyleDefault-block {\n    margin: 0 0 ", "em;\n  }\n"])), p.theme.lineHeight, (0, _theming.clr)(p.theme.colorText), (0, _theming.clr)(p.theme.inputColorPlaceholder), p.theme.paragraphMarginBottom);
 };
-
 var _default = overrideDraftJsStyles;
 exports["default"] = _default;
 //# sourceMappingURL=overrideDraftJsStyles.js.map

package/dist/cjs/Editor/styles/overrideDraftJsStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"overrideDraftJsStyles.js","names":["overrideDraftJsStyles","p","css","theme","lineHeight","clr","colorText","inputColorPlaceholder","paragraphMarginBottom"],"sources":["../../../../src/Editor/styles/overrideDraftJsStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { clr } from '@os-design/theming';\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst overrideDraftJsStyles = (p) => css`\n  .DraftEditor-root {\n    width: 100%;\n    overflow: hidden;\n    line-height: ${p.theme.lineHeight};\n    color: ${clr(p.theme.colorText)};\n  }\n  .public-DraftEditorPlaceholder-root {\n    color: ${clr(p.theme.inputColorPlaceholder)};\n  }\n  .public-DraftStyleDefault-block {\n    margin: 0 0 ${p.theme.paragraphMarginBottom}em;\n  }\n`;\n\nexport default overrideDraftJsStyles;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA;AACA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,CAAD;EAAA,WAAOC,UAAP,2TAIXD,CAAC,CAACE,KAAF,CAAQC,UAJG,EAKjB,IAAAC,YAAA,EAAIJ,CAAC,CAACE,KAAF,CAAQG,SAAZ,CALiB,EAQjB,IAAAD,YAAA,EAAIJ,CAAC,CAACE,KAAF,CAAQI,qBAAZ,CARiB,EAWZN,CAAC,CAACE,KAAF,CAAQK,qBAXI;AAAA,CAA9B;;eAeeR,qB"}
+{"version":3,"file":"overrideDraftJsStyles.js","names":["overrideDraftJsStyles","p","css","theme","lineHeight","clr","colorText","inputColorPlaceholder","paragraphMarginBottom"],"sources":["../../../../src/Editor/styles/overrideDraftJsStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { clr } from '@os-design/theming';\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst overrideDraftJsStyles = (p) => css`\n  .DraftEditor-root {\n    width: 100%;\n    overflow: hidden;\n    line-height: ${p.theme.lineHeight};\n    color: ${clr(p.theme.colorText)};\n  }\n  .public-DraftEditorPlaceholder-root {\n    color: ${clr(p.theme.inputColorPlaceholder)};\n  }\n  .public-DraftStyleDefault-block {\n    margin: 0 0 ${p.theme.paragraphMarginBottom}em;\n  }\n`;\n\nexport default overrideDraftJsStyles;\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAAA;AAEzC;AACA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,CAAC;EAAA,WAAKC,UAAG,2TAIrBD,CAAC,CAACE,KAAK,CAACC,UAAU,EACxB,IAAAC,YAAG,EAACJ,CAAC,CAACE,KAAK,CAACG,SAAS,CAAC,EAGtB,IAAAD,YAAG,EAACJ,CAAC,CAACE,KAAK,CAACI,qBAAqB,CAAC,EAG7BN,CAAC,CAACE,KAAK,CAACK,qBAAqB;AAAA,CAE9C;AAAC,eAEaR,qBAAqB;AAAA"}

package/dist/cjs/Editor/utils/addNewBlockAt.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _immutable = _interopRequireDefault(require("immutable"));
-
 var _draftJs = require("draft-js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var addNewBlockAt = function addNewBlockAt(editorState, pivotBlockKey) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'unstyled';
   var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -48,7 +44,6 @@ var addNewBlockAt = function addNewBlockAt(editorState, pivotBlockKey) {
   });
   return _draftJs.EditorState.push(editorState, nextContentState, 'split-block');
 };
-
 var _default = addNewBlockAt;
 exports["default"] = _default;
 //# sourceMappingURL=addNewBlockAt.js.map

package/dist/cjs/Editor/utils/addNewBlockAt.js.map

@@ -1 +1 @@
-{"version":3,"file":"addNewBlockAt.js","names":["addNewBlockAt","editorState","pivotBlockKey","type","data","contentState","getCurrentContent","blockMap","getBlockMap","pivotBlock","get","Error","blocksBefore","toSeq","takeUntil","v","blocksAfter","skipUntil","rest","key","genKey","block","ContentBlock","text","characterList","Immutable","List","depth","Map","selectionState","getSelection","nextBlockMap","concat","toOrderedMap","nextContentState","merge","selectionBefore","selectionAfter","anchorKey","anchorOffset","focusKey","focusOffset","isBackward","EditorState","push"],"sources":["../../../../src/Editor/utils/addNewBlockAt.ts"],"sourcesContent":["import Immutable from 'immutable';\nimport { ContentBlock, ContentState, EditorState, genKey } from 'draft-js';\n\nconst addNewBlockAt = (\n  editorState: EditorState,\n  pivotBlockKey: string,\n  type = 'unstyled',\n  data: Record<string, any> = {} // eslint-disable-line @typescript-eslint/no-explicit-any\n): EditorState => {\n  const contentState = editorState.getCurrentContent();\n  const blockMap = contentState.getBlockMap();\n  const pivotBlock = blockMap.get(pivotBlockKey);\n  if (!pivotBlock)\n    throw new Error(\n      `The pivot key - ${pivotBlockKey} is not present in blockMap`\n    );\n  const blocksBefore = blockMap.toSeq().takeUntil((v) => v === pivotBlock);\n  const blocksAfter = blockMap\n    .toSeq()\n    .skipUntil((v) => v === pivotBlock)\n    .rest();\n  const key = genKey();\n\n  const block = new ContentBlock({\n    key,\n    type,\n    text: '',\n    characterList: Immutable.List(),\n    depth: 0,\n    data: Immutable.Map(data),\n  });\n\n  const selectionState = editorState.getSelection();\n  const nextBlockMap = blocksBefore\n    .concat(\n      [\n        [pivotBlockKey, pivotBlock],\n        [key, block],\n      ],\n      blocksAfter\n    )\n    .toOrderedMap();\n\n  const nextContentState = contentState.merge({\n    blockMap: nextBlockMap,\n    selectionBefore: selectionState,\n    selectionAfter: selectionState.merge({\n      anchorKey: key,\n      anchorOffset: 0,\n      focusKey: key,\n      focusOffset: 0,\n      isBackward: false,\n    }),\n  }) as ContentState;\n\n  return EditorState.push(editorState, nextContentState, 'split-block');\n};\n\nexport default addNewBlockAt;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CACpBC,WADoB,EAEpBC,aAFoB,EAKJ;EAAA,IAFhBC,IAEgB,uEAFT,UAES;EAAA,IADhBC,IACgB,uEADY,EACZ;EAChB,IAAMC,YAAY,GAAGJ,WAAW,CAACK,iBAAZ,EAArB;EACA,IAAMC,QAAQ,GAAGF,YAAY,CAACG,WAAb,EAAjB;EACA,IAAMC,UAAU,GAAGF,QAAQ,CAACG,GAAT,CAAaR,aAAb,CAAnB;EACA,IAAI,CAACO,UAAL,EACE,MAAM,IAAIE,KAAJ,2BACeT,aADf,iCAAN;EAGF,IAAMU,YAAY,GAAGL,QAAQ,CAACM,KAAT,GAAiBC,SAAjB,CAA2B,UAACC,CAAD;IAAA,OAAOA,CAAC,KAAKN,UAAb;EAAA,CAA3B,CAArB;EACA,IAAMO,WAAW,GAAGT,QAAQ,CACzBM,KADiB,GAEjBI,SAFiB,CAEP,UAACF,CAAD;IAAA,OAAOA,CAAC,KAAKN,UAAb;EAAA,CAFO,EAGjBS,IAHiB,EAApB;EAIA,IAAMC,GAAG,GAAG,IAAAC,eAAA,GAAZ;EAEA,IAAMC,KAAK,GAAG,IAAIC,qBAAJ,CAAiB;IAC7BH,GAAG,EAAHA,GAD6B;IAE7BhB,IAAI,EAAJA,IAF6B;IAG7BoB,IAAI,EAAE,EAHuB;IAI7BC,aAAa,EAAEC,qBAAA,CAAUC,IAAV,EAJc;IAK7BC,KAAK,EAAE,CALsB;IAM7BvB,IAAI,EAAEqB,qBAAA,CAAUG,GAAV,CAAcxB,IAAd;EANuB,CAAjB,CAAd;EASA,IAAMyB,cAAc,GAAG5B,WAAW,CAAC6B,YAAZ,EAAvB;EACA,IAAMC,YAAY,GAAGnB,YAAY,CAC9BoB,MADkB,CAEjB,CACE,CAAC9B,aAAD,EAAgBO,UAAhB,CADF,EAEE,CAACU,GAAD,EAAME,KAAN,CAFF,CAFiB,EAMjBL,WANiB,EAQlBiB,YARkB,EAArB;EAUA,IAAMC,gBAAgB,GAAG7B,YAAY,CAAC8B,KAAb,CAAmB;IAC1C5B,QAAQ,EAAEwB,YADgC;IAE1CK,eAAe,EAAEP,cAFyB;IAG1CQ,cAAc,EAAER,cAAc,CAACM,KAAf,CAAqB;MACnCG,SAAS,EAAEnB,GADwB;MAEnCoB,YAAY,EAAE,CAFqB;MAGnCC,QAAQ,EAAErB,GAHyB;MAInCsB,WAAW,EAAE,CAJsB;MAKnCC,UAAU,EAAE;IALuB,CAArB;EAH0B,CAAnB,CAAzB;EAYA,OAAOC,oBAAA,CAAYC,IAAZ,CAAiB3C,WAAjB,EAA8BiC,gBAA9B,EAAgD,aAAhD,CAAP;AACD,CArDD;;eAuDelC,a"}
+{"version":3,"file":"addNewBlockAt.js","names":["addNewBlockAt","editorState","pivotBlockKey","type","data","contentState","getCurrentContent","blockMap","getBlockMap","pivotBlock","get","Error","blocksBefore","toSeq","takeUntil","v","blocksAfter","skipUntil","rest","key","genKey","block","ContentBlock","text","characterList","Immutable","List","depth","Map","selectionState","getSelection","nextBlockMap","concat","toOrderedMap","nextContentState","merge","selectionBefore","selectionAfter","anchorKey","anchorOffset","focusKey","focusOffset","isBackward","EditorState","push"],"sources":["../../../../src/Editor/utils/addNewBlockAt.ts"],"sourcesContent":["import Immutable from 'immutable';\nimport { ContentBlock, ContentState, EditorState, genKey } from 'draft-js';\n\nconst addNewBlockAt = (\n  editorState: EditorState,\n  pivotBlockKey: string,\n  type = 'unstyled',\n  data: Record<string, any> = {} // eslint-disable-line @typescript-eslint/no-explicit-any\n): EditorState => {\n  const contentState = editorState.getCurrentContent();\n  const blockMap = contentState.getBlockMap();\n  const pivotBlock = blockMap.get(pivotBlockKey);\n  if (!pivotBlock)\n    throw new Error(\n      `The pivot key - ${pivotBlockKey} is not present in blockMap`\n    );\n  const blocksBefore = blockMap.toSeq().takeUntil((v) => v === pivotBlock);\n  const blocksAfter = blockMap\n    .toSeq()\n    .skipUntil((v) => v === pivotBlock)\n    .rest();\n  const key = genKey();\n\n  const block = new ContentBlock({\n    key,\n    type,\n    text: '',\n    characterList: Immutable.List(),\n    depth: 0,\n    data: Immutable.Map(data),\n  });\n\n  const selectionState = editorState.getSelection();\n  const nextBlockMap = blocksBefore\n    .concat(\n      [\n        [pivotBlockKey, pivotBlock],\n        [key, block],\n      ],\n      blocksAfter\n    )\n    .toOrderedMap();\n\n  const nextContentState = contentState.merge({\n    blockMap: nextBlockMap,\n    selectionBefore: selectionState,\n    selectionAfter: selectionState.merge({\n      anchorKey: key,\n      anchorOffset: 0,\n      focusKey: key,\n      focusOffset: 0,\n      isBackward: false,\n    }),\n  }) as ContentState;\n\n  return EditorState.push(editorState, nextContentState, 'split-block');\n};\n\nexport default addNewBlockAt;\n"],"mappings":";;;;;;AAAA;AACA;AAA2E;AAE3E,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CACjBC,WAAwB,EACxBC,aAAqB,EAGL;EAAA,IAFhBC,IAAI,uEAAG,UAAU;EAAA,IACjBC,IAAyB,uEAAG,CAAC,CAAC;EAE9B,IAAMC,YAAY,GAAGJ,WAAW,CAACK,iBAAiB,EAAE;EACpD,IAAMC,QAAQ,GAAGF,YAAY,CAACG,WAAW,EAAE;EAC3C,IAAMC,UAAU,GAAGF,QAAQ,CAACG,GAAG,CAACR,aAAa,CAAC;EAC9C,IAAI,CAACO,UAAU,EACb,MAAM,IAAIE,KAAK,2BACMT,aAAa,iCACjC;EACH,IAAMU,YAAY,GAAGL,QAAQ,CAACM,KAAK,EAAE,CAACC,SAAS,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,KAAKN,UAAU;EAAA,EAAC;EACxE,IAAMO,WAAW,GAAGT,QAAQ,CACzBM,KAAK,EAAE,CACPI,SAAS,CAAC,UAACF,CAAC;IAAA,OAAKA,CAAC,KAAKN,UAAU;EAAA,EAAC,CAClCS,IAAI,EAAE;EACT,IAAMC,GAAG,GAAG,IAAAC,eAAM,GAAE;EAEpB,IAAMC,KAAK,GAAG,IAAIC,qBAAY,CAAC;IAC7BH,GAAG,EAAHA,GAAG;IACHhB,IAAI,EAAJA,IAAI;IACJoB,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEC,qBAAS,CAACC,IAAI,EAAE;IAC/BC,KAAK,EAAE,CAAC;IACRvB,IAAI,EAAEqB,qBAAS,CAACG,GAAG,CAACxB,IAAI;EAC1B,CAAC,CAAC;EAEF,IAAMyB,cAAc,GAAG5B,WAAW,CAAC6B,YAAY,EAAE;EACjD,IAAMC,YAAY,GAAGnB,YAAY,CAC9BoB,MAAM,CACL,CACE,CAAC9B,aAAa,EAAEO,UAAU,CAAC,EAC3B,CAACU,GAAG,EAAEE,KAAK,CAAC,CACb,EACDL,WAAW,CACZ,CACAiB,YAAY,EAAE;EAEjB,IAAMC,gBAAgB,GAAG7B,YAAY,CAAC8B,KAAK,CAAC;IAC1C5B,QAAQ,EAAEwB,YAAY;IACtBK,eAAe,EAAEP,cAAc;IAC/BQ,cAAc,EAAER,cAAc,CAACM,KAAK,CAAC;MACnCG,SAAS,EAAEnB,GAAG;MACdoB,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAErB,GAAG;MACbsB,WAAW,EAAE,CAAC;MACdC,UAAU,EAAE;IACd,CAAC;EACH,CAAC,CAAiB;EAElB,OAAOC,oBAAW,CAACC,IAAI,CAAC3C,WAAW,EAAEiC,gBAAgB,EAAE,aAAa,CAAC;AACvE,CAAC;AAAC,eAEalC,aAAa;AAAA"}

package/dist/cjs/Editor/utils/changeBlock.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _draftJs = require("draft-js");
-
 var changeBlock = function changeBlock(editorState, block, type) {
   var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var contentState = editorState.getCurrentContent();
@@ -20,7 +18,6 @@ var changeBlock = function changeBlock(editorState, block, type) {
   });
   return _draftJs.EditorState.push(editorState, nextContentState, 'change-block-type');
 };
-
 var _default = changeBlock;
 exports["default"] = _default;
 //# sourceMappingURL=changeBlock.js.map

package/dist/cjs/Editor/utils/changeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"changeBlock.js","names":["changeBlock","editorState","block","type","data","contentState","getCurrentContent","nextCurrentBlock","merge","nextContentState","blockMap","getBlockMap","set","getKey","selectionAfter","getSelection","EditorState","push"],"sources":["../../../../src/Editor/utils/changeBlock.ts"],"sourcesContent":["import { ContentBlock, ContentState, EditorState } from 'draft-js';\n\nconst changeBlock = (\n  editorState: EditorState,\n  block: ContentBlock,\n  type: string,\n  data: Record<string, any> = {} // eslint-disable-line @typescript-eslint/no-explicit-any\n): EditorState => {\n  const contentState = editorState.getCurrentContent();\n\n  const nextCurrentBlock = block.merge({ type, data }) as ContentBlock;\n  const nextContentState = contentState.merge({\n    blockMap: contentState.getBlockMap().set(block.getKey(), nextCurrentBlock),\n    selectionAfter: editorState.getSelection(),\n  }) as ContentState;\n\n  return EditorState.push(editorState, nextContentState, 'change-block-type');\n};\n\nexport default changeBlock;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAClBC,WADkB,EAElBC,KAFkB,EAGlBC,IAHkB,EAKF;EAAA,IADhBC,IACgB,uEADY,EACZ;EAChB,IAAMC,YAAY,GAAGJ,WAAW,CAACK,iBAAZ,EAArB;EAEA,IAAMC,gBAAgB,GAAGL,KAAK,CAACM,KAAN,CAAY;IAAEL,IAAI,EAAJA,IAAF;IAAQC,IAAI,EAAJA;EAAR,CAAZ,CAAzB;EACA,IAAMK,gBAAgB,GAAGJ,YAAY,CAACG,KAAb,CAAmB;IAC1CE,QAAQ,EAAEL,YAAY,CAACM,WAAb,GAA2BC,GAA3B,CAA+BV,KAAK,CAACW,MAAN,EAA/B,EAA+CN,gBAA/C,CADgC;IAE1CO,cAAc,EAAEb,WAAW,CAACc,YAAZ;EAF0B,CAAnB,CAAzB;EAKA,OAAOC,oBAAA,CAAYC,IAAZ,CAAiBhB,WAAjB,EAA8BQ,gBAA9B,EAAgD,mBAAhD,CAAP;AACD,CAfD;;eAiBeT,W"}
+{"version":3,"file":"changeBlock.js","names":["changeBlock","editorState","block","type","data","contentState","getCurrentContent","nextCurrentBlock","merge","nextContentState","blockMap","getBlockMap","set","getKey","selectionAfter","getSelection","EditorState","push"],"sources":["../../../../src/Editor/utils/changeBlock.ts"],"sourcesContent":["import { ContentBlock, ContentState, EditorState } from 'draft-js';\n\nconst changeBlock = (\n  editorState: EditorState,\n  block: ContentBlock,\n  type: string,\n  data: Record<string, any> = {} // eslint-disable-line @typescript-eslint/no-explicit-any\n): EditorState => {\n  const contentState = editorState.getCurrentContent();\n\n  const nextCurrentBlock = block.merge({ type, data }) as ContentBlock;\n  const nextContentState = contentState.merge({\n    blockMap: contentState.getBlockMap().set(block.getKey(), nextCurrentBlock),\n    selectionAfter: editorState.getSelection(),\n  }) as ContentState;\n\n  return EditorState.push(editorState, nextContentState, 'change-block-type');\n};\n\nexport default changeBlock;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CACfC,WAAwB,EACxBC,KAAmB,EACnBC,IAAY,EAEI;EAAA,IADhBC,IAAyB,uEAAG,CAAC,CAAC;EAE9B,IAAMC,YAAY,GAAGJ,WAAW,CAACK,iBAAiB,EAAE;EAEpD,IAAMC,gBAAgB,GAAGL,KAAK,CAACM,KAAK,CAAC;IAAEL,IAAI,EAAJA,IAAI;IAAEC,IAAI,EAAJA;EAAK,CAAC,CAAiB;EACpE,IAAMK,gBAAgB,GAAGJ,YAAY,CAACG,KAAK,CAAC;IAC1CE,QAAQ,EAAEL,YAAY,CAACM,WAAW,EAAE,CAACC,GAAG,CAACV,KAAK,CAACW,MAAM,EAAE,EAAEN,gBAAgB,CAAC;IAC1EO,cAAc,EAAEb,WAAW,CAACc,YAAY;EAC1C,CAAC,CAAiB;EAElB,OAAOC,oBAAW,CAACC,IAAI,CAAChB,WAAW,EAAEQ,gBAAgB,EAAE,mBAAmB,CAAC;AAC7E,CAAC;AAAC,eAEaT,WAAW;AAAA"}

package/dist/cjs/Editor/utils/createContentEditorState.js

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _draftJs = require("draft-js");
-
 var _createDecorator = _interopRequireDefault(require("./createDecorator"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var createContentEditorState = function createContentEditorState(contentState) {
   return _draftJs.EditorState.createWithContent(contentState, (0, _createDecorator["default"])());
 };
-
 var _default = createContentEditorState;
 exports["default"] = _default;
 //# sourceMappingURL=createContentEditorState.js.map

package/dist/cjs/Editor/utils/createContentEditorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createContentEditorState.js","names":["createContentEditorState","contentState","EditorState","createWithContent","createDecorator"],"sources":["../../../../src/Editor/utils/createContentEditorState.ts"],"sourcesContent":["import { ContentState, EditorState } from 'draft-js';\nimport createDecorator from './createDecorator';\n\nconst createContentEditorState = (contentState: ContentState): EditorState =>\n  EditorState.createWithContent(contentState, createDecorator());\n\nexport default createContentEditorState;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,YAAD;EAAA,OAC/BC,oBAAA,CAAYC,iBAAZ,CAA8BF,YAA9B,EAA4C,IAAAG,2BAAA,GAA5C,CAD+B;AAAA,CAAjC;;eAGeJ,wB"}
+{"version":3,"file":"createContentEditorState.js","names":["createContentEditorState","contentState","EditorState","createWithContent","createDecorator"],"sources":["../../../../src/Editor/utils/createContentEditorState.ts"],"sourcesContent":["import { ContentState, EditorState } from 'draft-js';\nimport createDecorator from './createDecorator';\n\nconst createContentEditorState = (contentState: ContentState): EditorState =>\n  EditorState.createWithContent(contentState, createDecorator());\n\nexport default createContentEditorState;\n"],"mappings":";;;;;;AAAA;AACA;AAAgD;AAEhD,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,YAA0B;EAAA,OAC1DC,oBAAW,CAACC,iBAAiB,CAACF,YAAY,EAAE,IAAAG,2BAAe,GAAE,CAAC;AAAA;AAAC,eAElDJ,wBAAwB;AAAA"}

package/dist/cjs/Editor/utils/createDecorator.js

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _draftJs = require("draft-js");
-
 var _linkDecorator = _interopRequireDefault(require("../decorators/linkDecorator"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var createDecorator = function createDecorator() {
   return new _draftJs.CompositeDecorator([_linkDecorator["default"]]);
 };
-
 var _default = createDecorator;
 exports["default"] = _default;
 //# sourceMappingURL=createDecorator.js.map

package/dist/cjs/Editor/utils/createDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDecorator.js","names":["createDecorator","CompositeDecorator","linkDecorator"],"sources":["../../../../src/Editor/utils/createDecorator.ts"],"sourcesContent":["import { CompositeDecorator } from 'draft-js';\nimport linkDecorator from '../decorators/linkDecorator';\n\nconst createDecorator = (): CompositeDecorator =>\n  new CompositeDecorator([linkDecorator]);\n\nexport default createDecorator;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,OACtB,IAAIC,2BAAJ,CAAuB,CAACC,yBAAD,CAAvB,CADsB;AAAA,CAAxB;;eAGeF,e"}
+{"version":3,"file":"createDecorator.js","names":["createDecorator","CompositeDecorator","linkDecorator"],"sources":["../../../../src/Editor/utils/createDecorator.ts"],"sourcesContent":["import { CompositeDecorator } from 'draft-js';\nimport linkDecorator from '../decorators/linkDecorator';\n\nconst createDecorator = (): CompositeDecorator =>\n  new CompositeDecorator([linkDecorator]);\n\nexport default createDecorator;\n"],"mappings":";;;;;;AAAA;AACA;AAAwD;AAExD,IAAMA,eAAe,GAAG,SAAlBA,eAAe;EAAA,OACnB,IAAIC,2BAAkB,CAAC,CAACC,yBAAa,CAAC,CAAC;AAAA;AAAC,eAE3BF,eAAe;AAAA"}

package/dist/cjs/Editor/utils/createEmptyEditorState.js

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _draftJs = require("draft-js");
-
 var _createDecorator = _interopRequireDefault(require("./createDecorator"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var createEmptyEditorState = function createEmptyEditorState() {
   return _draftJs.EditorState.createEmpty((0, _createDecorator["default"])());
 };
-
 var _default = createEmptyEditorState;
 exports["default"] = _default;
 //# sourceMappingURL=createEmptyEditorState.js.map

package/dist/cjs/Editor/utils/createEmptyEditorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createEmptyEditorState.js","names":["createEmptyEditorState","EditorState","createEmpty","createDecorator"],"sources":["../../../../src/Editor/utils/createEmptyEditorState.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\nimport createDecorator from './createDecorator';\n\nconst createEmptyEditorState = (): EditorState =>\n  EditorState.createEmpty(createDecorator());\n\nexport default createEmptyEditorState;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB;EAAA,OAC7BC,oBAAA,CAAYC,WAAZ,CAAwB,IAAAC,2BAAA,GAAxB,CAD6B;AAAA,CAA/B;;eAGeH,sB"}
+{"version":3,"file":"createEmptyEditorState.js","names":["createEmptyEditorState","EditorState","createEmpty","createDecorator"],"sources":["../../../../src/Editor/utils/createEmptyEditorState.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\nimport createDecorator from './createDecorator';\n\nconst createEmptyEditorState = (): EditorState =>\n  EditorState.createEmpty(createDecorator());\n\nexport default createEmptyEditorState;\n"],"mappings":";;;;;;AAAA;AACA;AAAgD;AAEhD,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB;EAAA,OAC1BC,oBAAW,CAACC,WAAW,CAAC,IAAAC,2BAAe,GAAE,CAAC;AAAA;AAAC,eAE9BH,sBAAsB;AAAA"}

package/dist/cjs/Editor/utils/defaultStyleToolbarItems.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _icons = require("@os-design/icons");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var FontSizeSmall = (0, _styled["default"])(_icons.FontSize)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transform: scale(0.7);\n"])));
 var defaultStyleToolbarItems = [{
   name: 'header-two',

package/dist/cjs/Editor/utils/defaultStyleToolbarItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultStyleToolbarItems.js","names":["FontSizeSmall","styled","FontSize","defaultStyleToolbarItems","name","type","icon"],"sources":["../../../../src/Editor/utils/defaultStyleToolbarItems.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport {\n  Bold,\n  FontSize,\n  OrderedList,\n  UnorderedList,\n  Link as LinkIcon,\n} from '@os-design/icons';\n\nexport interface StyleToolbarItem {\n  name: string;\n  type: 'block' | 'inline';\n  icon: React.ReactNode;\n}\n\nconst FontSizeSmall = styled(FontSize)`\n  transform: scale(0.7);\n`;\n\nconst defaultStyleToolbarItems: StyleToolbarItem[] = [\n  { name: 'header-two', type: 'block', icon: <FontSize /> },\n  { name: 'header-three', type: 'block', icon: <FontSizeSmall /> },\n  { name: 'BOLD', type: 'inline', icon: <Bold /> },\n  { name: 'unordered-list-item', type: 'block', icon: <UnorderedList /> },\n  { name: 'ordered-list-item', type: 'block', icon: <OrderedList /> },\n  { name: 'LINK', type: 'inline', icon: <LinkIcon /> },\n];\n\nexport default defaultStyleToolbarItems;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAcA,IAAMA,aAAa,GAAG,IAAAC,kBAAA,EAAOC,eAAP,CAAH,iGAAnB;AAIA,IAAMC,wBAA4C,GAAG,CACnD;EAAEC,IAAI,EAAE,YAAR;EAAsBC,IAAI,EAAE,OAA5B;EAAqCC,IAAI,eAAE,gCAAC,eAAD;AAA3C,CADmD,EAEnD;EAAEF,IAAI,EAAE,cAAR;EAAwBC,IAAI,EAAE,OAA9B;EAAuCC,IAAI,eAAE,gCAAC,aAAD;AAA7C,CAFmD,EAGnD;EAAEF,IAAI,EAAE,MAAR;EAAgBC,IAAI,EAAE,QAAtB;EAAgCC,IAAI,eAAE,gCAAC,WAAD;AAAtC,CAHmD,EAInD;EAAEF,IAAI,EAAE,qBAAR;EAA+BC,IAAI,EAAE,OAArC;EAA8CC,IAAI,eAAE,gCAAC,oBAAD;AAApD,CAJmD,EAKnD;EAAEF,IAAI,EAAE,mBAAR;EAA6BC,IAAI,EAAE,OAAnC;EAA4CC,IAAI,eAAE,gCAAC,kBAAD;AAAlD,CALmD,EAMnD;EAAEF,IAAI,EAAE,MAAR;EAAgBC,IAAI,EAAE,QAAtB;EAAgCC,IAAI,eAAE,gCAAC,WAAD;AAAtC,CANmD,CAArD;eASeH,wB"}
+{"version":3,"file":"defaultStyleToolbarItems.js","names":["FontSizeSmall","styled","FontSize","defaultStyleToolbarItems","name","type","icon"],"sources":["../../../../src/Editor/utils/defaultStyleToolbarItems.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport {\n  Bold,\n  FontSize,\n  OrderedList,\n  UnorderedList,\n  Link as LinkIcon,\n} from '@os-design/icons';\n\nexport interface StyleToolbarItem {\n  name: string;\n  type: 'block' | 'inline';\n  icon: React.ReactNode;\n}\n\nconst FontSizeSmall = styled(FontSize)`\n  transform: scale(0.7);\n`;\n\nconst defaultStyleToolbarItems: StyleToolbarItem[] = [\n  { name: 'header-two', type: 'block', icon: <FontSize /> },\n  { name: 'header-three', type: 'block', icon: <FontSizeSmall /> },\n  { name: 'BOLD', type: 'inline', icon: <Bold /> },\n  { name: 'unordered-list-item', type: 'block', icon: <UnorderedList /> },\n  { name: 'ordered-list-item', type: 'block', icon: <OrderedList /> },\n  { name: 'LINK', type: 'inline', icon: <LinkIcon /> },\n];\n\nexport default defaultStyleToolbarItems;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAM0B;AAAA;AAAA;AAQ1B,IAAMA,aAAa,GAAG,IAAAC,kBAAM,EAACC,eAAQ,CAAC,iGAErC;AAED,IAAMC,wBAA4C,GAAG,CACnD;EAAEC,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,eAAQ;AAAI,CAAC,EACzD;EAAEF,IAAI,EAAE,cAAc;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,aAAa;AAAI,CAAC,EAChE;EAAEF,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAE,gCAAC,WAAI;AAAI,CAAC,EAChD;EAAEF,IAAI,EAAE,qBAAqB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,oBAAa;AAAI,CAAC,EACvE;EAAEF,IAAI,EAAE,mBAAmB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,kBAAW;AAAI,CAAC,EACnE;EAAEF,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAE,gCAAC,WAAQ;AAAI,CAAC,CACrD;AAAC,eAEaH,wBAAwB;AAAA"}

package/dist/cjs/Editor/utils/getCurrentBlock.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var getCurrentBlock = function getCurrentBlock(editorState) {
   var selectionState = editorState.getSelection();
   var contentState = editorState.getCurrentContent();
   return contentState.getBlockForKey(selectionState.getStartKey());
 };
-
 var _default = getCurrentBlock;
 exports["default"] = _default;
 //# sourceMappingURL=getCurrentBlock.js.map

package/dist/cjs/Editor/utils/getCurrentBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCurrentBlock.js","names":["getCurrentBlock","editorState","selectionState","getSelection","contentState","getCurrentContent","getBlockForKey","getStartKey"],"sources":["../../../../src/Editor/utils/getCurrentBlock.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\n\nconst getCurrentBlock = (editorState: EditorState): ContentBlock => {\n  const selectionState = editorState.getSelection();\n  const contentState = editorState.getCurrentContent();\n  return contentState.getBlockForKey(selectionState.getStartKey());\n};\n\nexport default getCurrentBlock;\n"],"mappings":";;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,WAAD,EAA4C;EAClE,IAAMC,cAAc,GAAGD,WAAW,CAACE,YAAZ,EAAvB;EACA,IAAMC,YAAY,GAAGH,WAAW,CAACI,iBAAZ,EAArB;EACA,OAAOD,YAAY,CAACE,cAAb,CAA4BJ,cAAc,CAACK,WAAf,EAA5B,CAAP;AACD,CAJD;;eAMeP,e"}
+{"version":3,"file":"getCurrentBlock.js","names":["getCurrentBlock","editorState","selectionState","getSelection","contentState","getCurrentContent","getBlockForKey","getStartKey"],"sources":["../../../../src/Editor/utils/getCurrentBlock.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\n\nconst getCurrentBlock = (editorState: EditorState): ContentBlock => {\n  const selectionState = editorState.getSelection();\n  const contentState = editorState.getCurrentContent();\n  return contentState.getBlockForKey(selectionState.getStartKey());\n};\n\nexport default getCurrentBlock;\n"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,WAAwB,EAAmB;EAClE,IAAMC,cAAc,GAAGD,WAAW,CAACE,YAAY,EAAE;EACjD,IAAMC,YAAY,GAAGH,WAAW,CAACI,iBAAiB,EAAE;EACpD,OAAOD,YAAY,CAACE,cAAc,CAACJ,cAAc,CAACK,WAAW,EAAE,CAAC;AAClE,CAAC;AAAC,eAEaP,eAAe;AAAA"}

package/dist/cjs/Editor/utils/getSelectedBlockElement.js

@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _getSelectionRange = _interopRequireDefault(require("./getSelectionRange"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var getSelectedBlockElement = function getSelectedBlockElement() {
   var selectionRange = (0, _getSelectionRange["default"])();
   if (!selectionRange) return null;
   var node = selectionRange.startContainer;
-
   do {
     if (node instanceof Element && node.getAttribute('data-block') === 'true') return node;
     node = node.parentNode;
   } while (node != null);
-
   return null;
 };
-
 var _default = getSelectedBlockElement;
 exports["default"] = _default;
 //# sourceMappingURL=getSelectedBlockElement.js.map

package/dist/cjs/Editor/utils/getSelectedBlockElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSelectedBlockElement.js","names":["getSelectedBlockElement","selectionRange","getSelectionRange","node","startContainer","Element","getAttribute","parentNode"],"sources":["../../../../src/Editor/utils/getSelectedBlockElement.ts"],"sourcesContent":["import getSelectionRange from './getSelectionRange';\n\nconst getSelectedBlockElement = (): Element | null => {\n  const selectionRange = getSelectionRange();\n  if (!selectionRange) return null;\n\n  let node: Node | null = selectionRange.startContainer;\n\n  do {\n    if (node instanceof Element && node.getAttribute('data-block') === 'true')\n      return node;\n    node = node.parentNode;\n  } while (node != null);\n  return null;\n};\n\nexport default getSelectedBlockElement;\n"],"mappings":";;;;;;;AAAA;;;;AAEA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAsB;EACpD,IAAMC,cAAc,GAAG,IAAAC,6BAAA,GAAvB;EACA,IAAI,CAACD,cAAL,EAAqB,OAAO,IAAP;EAErB,IAAIE,IAAiB,GAAGF,cAAc,CAACG,cAAvC;;EAEA,GAAG;IACD,IAAID,IAAI,YAAYE,OAAhB,IAA2BF,IAAI,CAACG,YAAL,CAAkB,YAAlB,MAAoC,MAAnE,EACE,OAAOH,IAAP;IACFA,IAAI,GAAGA,IAAI,CAACI,UAAZ;EACD,CAJD,QAISJ,IAAI,IAAI,IAJjB;;EAKA,OAAO,IAAP;AACD,CAZD;;eAceH,uB"}
+{"version":3,"file":"getSelectedBlockElement.js","names":["getSelectedBlockElement","selectionRange","getSelectionRange","node","startContainer","Element","getAttribute","parentNode"],"sources":["../../../../src/Editor/utils/getSelectedBlockElement.ts"],"sourcesContent":["import getSelectionRange from './getSelectionRange';\n\nconst getSelectedBlockElement = (): Element | null => {\n  const selectionRange = getSelectionRange();\n  if (!selectionRange) return null;\n\n  let node: Node | null = selectionRange.startContainer;\n\n  do {\n    if (node instanceof Element && node.getAttribute('data-block') === 'true')\n      return node;\n    node = node.parentNode;\n  } while (node != null);\n  return null;\n};\n\nexport default getSelectedBlockElement;\n"],"mappings":";;;;;;AAAA;AAAoD;AAEpD,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAyB;EACpD,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,GAAE;EAC1C,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;EAEhC,IAAIE,IAAiB,GAAGF,cAAc,CAACG,cAAc;EAErD,GAAG;IACD,IAAID,IAAI,YAAYE,OAAO,IAAIF,IAAI,CAACG,YAAY,CAAC,YAAY,CAAC,KAAK,MAAM,EACvE,OAAOH,IAAI;IACbA,IAAI,GAAGA,IAAI,CAACI,UAAU;EACxB,CAAC,QAAQJ,IAAI,IAAI,IAAI;EACrB,OAAO,IAAI;AACb,CAAC;AAAC,eAEaH,uBAAuB;AAAA"}

package/dist/cjs/Editor/utils/getSelectionRange.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var getSelectionRange = function getSelectionRange() {
   var selection = document.getSelection();
   if (!selection || selection.rangeCount === 0) return null;
   return selection.getRangeAt(0);
 };
-
 var _default = getSelectionRange;
 exports["default"] = _default;
 //# sourceMappingURL=getSelectionRange.js.map