@os-design/editor 1.0.159 → 1.0.161

package/dist/cjs/Editor/BlockToolbar.js

@@ -1,39 +1,26 @@
 "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 _Toolbar = _interopRequireDefault(require("./Toolbar"));
-
 var _ToolbarButton = _interopRequireDefault(require("./ToolbarButton"));
-
 var _getCurrentBlock = _interopRequireDefault(require("./utils/getCurrentBlock"));
-
 var _excluded = ["items", "value", "onChange", "setReadOnly"];
-
 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 _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; }
-
 var BlockToolbar = function BlockToolbar(_ref) {
   var items = _ref.items,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      setReadOnly = _ref.setReadOnly,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref.value,
+    onChange = _ref.onChange,
+    setReadOnly = _ref.setReadOnly,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var clickHandler = (0, _react.useCallback)(function (_ref2) {
     var onClick = _ref2.onClick;
     var currentBlock = (0, _getCurrentBlock["default"])(value);
@@ -53,7 +40,6 @@ var BlockToolbar = function BlockToolbar(_ref) {
     }, item.icon);
   }));
 };
-
 var _default = BlockToolbar;
 exports["default"] = _default;
 //# sourceMappingURL=BlockToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockToolbar.js","names":["BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","useCallback","onClick","currentBlock","getCurrentBlock","getType","getLength","map","item","type","icon"],"sources":["../../../src/Editor/BlockToolbar.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { EditorState } from 'draft-js';\nimport { PopoverProps } from '@os-design/core';\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\nimport { BlockToolbarItem } from './blocks/types';\nimport getCurrentBlock from './utils/getCurrentBlock';\n\ninterface BlockToolbarProps extends Omit<PopoverProps, 'onChange'> {\n  items: BlockToolbarItem[];\n  value: EditorState;\n  onChange: (value: EditorState) => void;\n  setReadOnly: (readOnly: boolean) => void;\n}\n\nconst BlockToolbar: React.FC<BlockToolbarProps> = ({\n  items,\n  value,\n  onChange,\n  setReadOnly,\n  ...rest\n}) => {\n  const clickHandler = useCallback<(item: BlockToolbarItem) => void>(\n    ({ onClick }) => {\n      const currentBlock = getCurrentBlock(value);\n      if (currentBlock.getType() !== 'unstyled' || currentBlock.getLength() > 0)\n        return;\n      onClick({\n        value,\n        onChange,\n        setReadOnly,\n      });\n    },\n    [value, onChange, setReadOnly]\n  );\n\n  return (\n    <Toolbar {...rest}>\n      {items.map((item) => (\n        <ToolbarButton key={item.type} onClick={() => clickHandler(item)}>\n          {item.icon}\n        </ToolbarButton>\n      ))}\n    </Toolbar>\n  );\n};\n\nexport default BlockToolbar;\n"],"mappings":";;;;;;;;;AAAA;;AAGA;;AACA;;AAEA;;;;;;;;;;;;;;AASA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAM5C;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,KAII,QAJJA,KAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADDC,IACC;;EACJ,IAAMC,YAAY,GAAG,IAAAC,kBAAA,EACnB,iBAAiB;IAAA,IAAdC,OAAc,SAAdA,OAAc;IACf,IAAMC,YAAY,GAAG,IAAAC,2BAAA,EAAgBR,KAAhB,CAArB;IACA,IAAIO,YAAY,CAACE,OAAb,OAA2B,UAA3B,IAAyCF,YAAY,CAACG,SAAb,KAA2B,CAAxE,EACE;IACFJ,OAAO,CAAC;MACNN,KAAK,EAALA,KADM;MAENC,QAAQ,EAARA,QAFM;MAGNC,WAAW,EAAXA;IAHM,CAAD,CAAP;EAKD,CAVkB,EAWnB,CAACF,KAAD,EAAQC,QAAR,EAAkBC,WAAlB,CAXmB,CAArB;EAcA,oBACE,gCAAC,mBAAD,EAAaC,IAAb,EACGJ,KAAK,CAACY,GAAN,CAAU,UAACC,IAAD;IAAA,oBACT,gCAAC,yBAAD;MAAe,GAAG,EAAEA,IAAI,CAACC,IAAzB;MAA+B,OAAO,EAAE;QAAA,OAAMT,YAAY,CAACQ,IAAD,CAAlB;MAAA;IAAxC,GACGA,IAAI,CAACE,IADR,CADS;EAAA,CAAV,CADH,CADF;AASD,CA9BD;;eAgCehB,Y"}
+{"version":3,"file":"BlockToolbar.js","names":["BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","useCallback","onClick","currentBlock","getCurrentBlock","getType","getLength","map","item","type","icon"],"sources":["../../../src/Editor/BlockToolbar.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { EditorState } from 'draft-js';\nimport { PopoverProps } from '@os-design/core';\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\nimport { BlockToolbarItem } from './blocks/types';\nimport getCurrentBlock from './utils/getCurrentBlock';\n\ninterface BlockToolbarProps extends Omit<PopoverProps, 'onChange'> {\n  items: BlockToolbarItem[];\n  value: EditorState;\n  onChange: (value: EditorState) => void;\n  setReadOnly: (readOnly: boolean) => void;\n}\n\nconst BlockToolbar: React.FC<BlockToolbarProps> = ({\n  items,\n  value,\n  onChange,\n  setReadOnly,\n  ...rest\n}) => {\n  const clickHandler = useCallback<(item: BlockToolbarItem) => void>(\n    ({ onClick }) => {\n      const currentBlock = getCurrentBlock(value);\n      if (currentBlock.getType() !== 'unstyled' || currentBlock.getLength() > 0)\n        return;\n      onClick({\n        value,\n        onChange,\n        setReadOnly,\n      });\n    },\n    [value, onChange, setReadOnly]\n  );\n\n  return (\n    <Toolbar {...rest}>\n      {items.map((item) => (\n        <ToolbarButton key={item.type} onClick={() => clickHandler(item)}>\n          {item.icon}\n        </ToolbarButton>\n      ))}\n    </Toolbar>\n  );\n};\n\nexport default BlockToolbar;\n"],"mappings":";;;;;;;AAAA;AAGA;AACA;AAEA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAStD,IAAMA,YAAyC,GAAG,SAA5CA,YAAyC,OAMzC;EAAA,IALJC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACRC,IAAI;EAEP,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,iBAAiB;IAAA,IAAdC,OAAO,SAAPA,OAAO;IACR,IAAMC,YAAY,GAAG,IAAAC,2BAAe,EAACR,KAAK,CAAC;IAC3C,IAAIO,YAAY,CAACE,OAAO,EAAE,KAAK,UAAU,IAAIF,YAAY,CAACG,SAAS,EAAE,GAAG,CAAC,EACvE;IACFJ,OAAO,CAAC;MACNN,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA,QAAQ;MACRC,WAAW,EAAXA;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAC/B;EAED,oBACE,gCAAC,mBAAO,EAAKC,IAAI,EACdJ,KAAK,CAACY,GAAG,CAAC,UAACC,IAAI;IAAA,oBACd,gCAAC,yBAAa;MAAC,GAAG,EAAEA,IAAI,CAACC,IAAK;MAAC,OAAO,EAAE;QAAA,OAAMT,YAAY,CAACQ,IAAI,CAAC;MAAA;IAAC,GAC9DA,IAAI,CAACE,IAAI,CACI;EAAA,CACjB,CAAC,CACM;AAEd,CAAC;AAAC,eAEahB,YAAY;AAAA"}

package/dist/cjs/Editor/StyleToolbar.js

@@ -1,43 +1,28 @@
 "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 _setLink = _interopRequireDefault(require("./utils/setLink"));
-
 var _unsetLink = _interopRequireDefault(require("./utils/unsetLink"));
-
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
-
 var _ToolbarButton = _interopRequireDefault(require("./ToolbarButton"));
-
 var _excluded = ["items", "value", "onChange"];
-
 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 _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; }
-
 var StyleToolbar = function StyleToolbar(_ref) {
   var items = _ref.items,
-      value = _ref.value,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref.value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var currentBlockType = (0, _react.useMemo)(function () {
     return _draftJs.RichUtils.getCurrentBlockType(value);
   }, [value]);
@@ -48,9 +33,8 @@ var StyleToolbar = function StyleToolbar(_ref) {
     if (currentBlockContainsLink) {
       onChange((0, _unsetLink["default"])(value));
       return;
-    } // eslint-disable-next-line no-alert
-
-
+    }
+    // eslint-disable-next-line no-alert
     var url = prompt('Paste or type a link');
     if (!url) return;
     onChange((0, _setLink["default"])(value, url));
@@ -76,7 +60,6 @@ var StyleToolbar = function StyleToolbar(_ref) {
     }, item.icon);
   }));
 };
-
 StyleToolbar.displayName = 'StyleToolbar';
 var _default = StyleToolbar;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"StyleToolbar.js","names":["StyleToolbar","items","value","onChange","rest","currentBlockType","useMemo","RichUtils","getCurrentBlockType","currentBlockContainsLink","toggleLink","useCallback","unsetLink","url","prompt","setLink","clickHandler","item","type","toggleInlineStyle","name","toggleBlockType","length","map","isLink","active","getCurrentInlineStyle","has","onClick","icon","displayName"],"sources":["../../../src/Editor/StyleToolbar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { EditorState, RichUtils } from 'draft-js';\nimport { PopoverProps } from '@os-design/core';\nimport { StyleToolbarItem } from './utils/defaultStyleToolbarItems';\nimport setLink from './utils/setLink';\nimport unsetLink from './utils/unsetLink';\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\n\ninterface StyleToolbarProps extends Omit<PopoverProps, 'onChange'> {\n  items: StyleToolbarItem[];\n  value: EditorState;\n  onChange: (value: EditorState) => void;\n}\n\nconst StyleToolbar: React.FC<StyleToolbarProps> = ({\n  items,\n  value,\n  onChange = () => {},\n  ...rest\n}) => {\n  const currentBlockType = useMemo(\n    () => RichUtils.getCurrentBlockType(value),\n    [value]\n  );\n  const currentBlockContainsLink = useMemo(\n    () => RichUtils.currentBlockContainsLink(value),\n    [value]\n  );\n\n  const toggleLink = useCallback(() => {\n    if (currentBlockContainsLink) {\n      onChange(unsetLink(value));\n      return;\n    }\n    // eslint-disable-next-line no-alert\n    const url = prompt('Paste or type a link');\n    if (!url) return;\n    onChange(setLink(value, url));\n  }, [currentBlockContainsLink, value, onChange]);\n\n  const clickHandler = useCallback<(item: StyleToolbarItem) => void>(\n    (item) => {\n      if (item.type === 'inline') {\n        onChange(RichUtils.toggleInlineStyle(value, item.name));\n      } else if (item.type === 'block') {\n        onChange(RichUtils.toggleBlockType(value, item.name));\n      }\n    },\n    [value, onChange]\n  );\n\n  if (items.length === 0) return null;\n\n  return (\n    <Toolbar {...rest}>\n      {items.map((item) => {\n        const isLink = item.name === 'LINK' && item.type === 'inline';\n\n        const active = isLink\n          ? currentBlockContainsLink\n          : value.getCurrentInlineStyle().has(item.name) ||\n            currentBlockType === item.name;\n        const onClick = isLink ? toggleLink : () => clickHandler(item);\n\n        return (\n          <ToolbarButton key={item.name} active={active} onClick={onClick}>\n            {item.icon}\n          </ToolbarButton>\n        );\n      })}\n    </Toolbar>\n  );\n};\n\nStyleToolbar.displayName = 'StyleToolbar';\n\nexport default StyleToolbar;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAQA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAK5C;EAAA,IAJJC,KAII,QAJJA,KAII;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,IACC;;EACJ,IAAMC,gBAAgB,GAAG,IAAAC,cAAA,EACvB;IAAA,OAAMC,kBAAA,CAAUC,mBAAV,CAA8BN,KAA9B,CAAN;EAAA,CADuB,EAEvB,CAACA,KAAD,CAFuB,CAAzB;EAIA,IAAMO,wBAAwB,GAAG,IAAAH,cAAA,EAC/B;IAAA,OAAMC,kBAAA,CAAUE,wBAAV,CAAmCP,KAAnC,CAAN;EAAA,CAD+B,EAE/B,CAACA,KAAD,CAF+B,CAAjC;EAKA,IAAMQ,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACnC,IAAIF,wBAAJ,EAA8B;MAC5BN,QAAQ,CAAC,IAAAS,qBAAA,EAAUV,KAAV,CAAD,CAAR;MACA;IACD,CAJkC,CAKnC;;;IACA,IAAMW,GAAG,GAAGC,MAAM,CAAC,sBAAD,CAAlB;IACA,IAAI,CAACD,GAAL,EAAU;IACVV,QAAQ,CAAC,IAAAY,mBAAA,EAAQb,KAAR,EAAeW,GAAf,CAAD,CAAR;EACD,CATkB,EAShB,CAACJ,wBAAD,EAA2BP,KAA3B,EAAkCC,QAAlC,CATgB,CAAnB;EAWA,IAAMa,YAAY,GAAG,IAAAL,kBAAA,EACnB,UAACM,IAAD,EAAU;IACR,IAAIA,IAAI,CAACC,IAAL,KAAc,QAAlB,EAA4B;MAC1Bf,QAAQ,CAACI,kBAAA,CAAUY,iBAAV,CAA4BjB,KAA5B,EAAmCe,IAAI,CAACG,IAAxC,CAAD,CAAR;IACD,CAFD,MAEO,IAAIH,IAAI,CAACC,IAAL,KAAc,OAAlB,EAA2B;MAChCf,QAAQ,CAACI,kBAAA,CAAUc,eAAV,CAA0BnB,KAA1B,EAAiCe,IAAI,CAACG,IAAtC,CAAD,CAAR;IACD;EACF,CAPkB,EAQnB,CAAClB,KAAD,EAAQC,QAAR,CARmB,CAArB;EAWA,IAAIF,KAAK,CAACqB,MAAN,KAAiB,CAArB,EAAwB,OAAO,IAAP;EAExB,oBACE,gCAAC,mBAAD,EAAalB,IAAb,EACGH,KAAK,CAACsB,GAAN,CAAU,UAACN,IAAD,EAAU;IACnB,IAAMO,MAAM,GAAGP,IAAI,CAACG,IAAL,KAAc,MAAd,IAAwBH,IAAI,CAACC,IAAL,KAAc,QAArD;IAEA,IAAMO,MAAM,GAAGD,MAAM,GACjBf,wBADiB,GAEjBP,KAAK,CAACwB,qBAAN,GAA8BC,GAA9B,CAAkCV,IAAI,CAACG,IAAvC,KACAf,gBAAgB,KAAKY,IAAI,CAACG,IAH9B;IAIA,IAAMQ,OAAO,GAAGJ,MAAM,GAAGd,UAAH,GAAgB;MAAA,OAAMM,YAAY,CAACC,IAAD,CAAlB;IAAA,CAAtC;IAEA,oBACE,gCAAC,yBAAD;MAAe,GAAG,EAAEA,IAAI,CAACG,IAAzB;MAA+B,MAAM,EAAEK,MAAvC;MAA+C,OAAO,EAAEG;IAAxD,GACGX,IAAI,CAACY,IADR,CADF;EAKD,CAdA,CADH,CADF;AAmBD,CA1DD;;AA4DA7B,YAAY,CAAC8B,WAAb,GAA2B,cAA3B;eAEe9B,Y"}
+{"version":3,"file":"StyleToolbar.js","names":["StyleToolbar","items","value","onChange","rest","currentBlockType","useMemo","RichUtils","getCurrentBlockType","currentBlockContainsLink","toggleLink","useCallback","unsetLink","url","prompt","setLink","clickHandler","item","type","toggleInlineStyle","name","toggleBlockType","length","map","isLink","active","getCurrentInlineStyle","has","onClick","icon","displayName"],"sources":["../../../src/Editor/StyleToolbar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { EditorState, RichUtils } from 'draft-js';\nimport { PopoverProps } from '@os-design/core';\nimport { StyleToolbarItem } from './utils/defaultStyleToolbarItems';\nimport setLink from './utils/setLink';\nimport unsetLink from './utils/unsetLink';\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\n\ninterface StyleToolbarProps extends Omit<PopoverProps, 'onChange'> {\n  items: StyleToolbarItem[];\n  value: EditorState;\n  onChange: (value: EditorState) => void;\n}\n\nconst StyleToolbar: React.FC<StyleToolbarProps> = ({\n  items,\n  value,\n  onChange = () => {},\n  ...rest\n}) => {\n  const currentBlockType = useMemo(\n    () => RichUtils.getCurrentBlockType(value),\n    [value]\n  );\n  const currentBlockContainsLink = useMemo(\n    () => RichUtils.currentBlockContainsLink(value),\n    [value]\n  );\n\n  const toggleLink = useCallback(() => {\n    if (currentBlockContainsLink) {\n      onChange(unsetLink(value));\n      return;\n    }\n    // eslint-disable-next-line no-alert\n    const url = prompt('Paste or type a link');\n    if (!url) return;\n    onChange(setLink(value, url));\n  }, [currentBlockContainsLink, value, onChange]);\n\n  const clickHandler = useCallback<(item: StyleToolbarItem) => void>(\n    (item) => {\n      if (item.type === 'inline') {\n        onChange(RichUtils.toggleInlineStyle(value, item.name));\n      } else if (item.type === 'block') {\n        onChange(RichUtils.toggleBlockType(value, item.name));\n      }\n    },\n    [value, onChange]\n  );\n\n  if (items.length === 0) return null;\n\n  return (\n    <Toolbar {...rest}>\n      {items.map((item) => {\n        const isLink = item.name === 'LINK' && item.type === 'inline';\n\n        const active = isLink\n          ? currentBlockContainsLink\n          : value.getCurrentInlineStyle().has(item.name) ||\n            currentBlockType === item.name;\n        const onClick = isLink ? toggleLink : () => clickHandler(item);\n\n        return (\n          <ToolbarButton key={item.name} active={active} onClick={onClick}>\n            {item.icon}\n          </ToolbarButton>\n        );\n      })}\n    </Toolbar>\n  );\n};\n\nStyleToolbar.displayName = 'StyleToolbar';\n\nexport default StyleToolbar;\n"],"mappings":";;;;;;;AAAA;AACA;AAGA;AACA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5C,IAAMA,YAAyC,GAAG,SAA5CA,YAAyC,OAKzC;EAAA,IAJJC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IAAA,qBACLC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,IAAI;EAEP,IAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAC9B;IAAA,OAAMC,kBAAS,CAACC,mBAAmB,CAACN,KAAK,CAAC;EAAA,GAC1C,CAACA,KAAK,CAAC,CACR;EACD,IAAMO,wBAAwB,GAAG,IAAAH,cAAO,EACtC;IAAA,OAAMC,kBAAS,CAACE,wBAAwB,CAACP,KAAK,CAAC;EAAA,GAC/C,CAACA,KAAK,CAAC,CACR;EAED,IAAMQ,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnC,IAAIF,wBAAwB,EAAE;MAC5BN,QAAQ,CAAC,IAAAS,qBAAS,EAACV,KAAK,CAAC,CAAC;MAC1B;IACF;IACA;IACA,IAAMW,GAAG,GAAGC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,IAAI,CAACD,GAAG,EAAE;IACVV,QAAQ,CAAC,IAAAY,mBAAO,EAACb,KAAK,EAAEW,GAAG,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACJ,wBAAwB,EAAEP,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAE/C,IAAMa,YAAY,GAAG,IAAAL,kBAAW,EAC9B,UAACM,IAAI,EAAK;IACR,IAAIA,IAAI,CAACC,IAAI,KAAK,QAAQ,EAAE;MAC1Bf,QAAQ,CAACI,kBAAS,CAACY,iBAAiB,CAACjB,KAAK,EAAEe,IAAI,CAACG,IAAI,CAAC,CAAC;IACzD,CAAC,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MAChCf,QAAQ,CAACI,kBAAS,CAACc,eAAe,CAACnB,KAAK,EAAEe,IAAI,CAACG,IAAI,CAAC,CAAC;IACvD;EACF,CAAC,EACD,CAAClB,KAAK,EAAEC,QAAQ,CAAC,CAClB;EAED,IAAIF,KAAK,CAACqB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,oBACE,gCAAC,mBAAO,EAAKlB,IAAI,EACdH,KAAK,CAACsB,GAAG,CAAC,UAACN,IAAI,EAAK;IACnB,IAAMO,MAAM,GAAGP,IAAI,CAACG,IAAI,KAAK,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,QAAQ;IAE7D,IAAMO,MAAM,GAAGD,MAAM,GACjBf,wBAAwB,GACxBP,KAAK,CAACwB,qBAAqB,EAAE,CAACC,GAAG,CAACV,IAAI,CAACG,IAAI,CAAC,IAC5Cf,gBAAgB,KAAKY,IAAI,CAACG,IAAI;IAClC,IAAMQ,OAAO,GAAGJ,MAAM,GAAGd,UAAU,GAAG;MAAA,OAAMM,YAAY,CAACC,IAAI,CAAC;IAAA;IAE9D,oBACE,gCAAC,yBAAa;MAAC,GAAG,EAAEA,IAAI,CAACG,IAAK;MAAC,MAAM,EAAEK,MAAO;MAAC,OAAO,EAAEG;IAAQ,GAC7DX,IAAI,CAACY,IAAI,CACI;EAEpB,CAAC,CAAC,CACM;AAEd,CAAC;AAED7B,YAAY,CAAC8B,WAAW,GAAG,cAAc;AAAC,eAE3B9B,YAAY;AAAA"}

package/dist/cjs/Editor/Toolbar.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _core = require("@os-design/core");
-
 var _theming = require("@os-design/theming");
-
 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 Toolbar = (0, _styled["default"])(_core.Popover)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Reset popover styles\n  border: 0;\n\n  display: flex;\n  flex-direction: row;\n  overflow: hidden; // For border-radius\n\n  background-color: ", ";\n"])), function (p) {
   return (0, _theming.clr)(p.theme.editorToolbarButtonColorBg);
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","names":["Toolbar","styled","Popover","p","clr","theme","editorToolbarButtonColorBg","displayName"],"sources":["../../../src/Editor/Toolbar.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Popover } from '@os-design/core';\nimport { clr } from '@os-design/theming';\n\nconst Toolbar = styled(Popover)`\n  // Reset popover styles\n  border: 0;\n\n  display: flex;\n  flex-direction: row;\n  overflow: hidden; // For border-radius\n\n  background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBg)};\n`;\n\nToolbar.displayName = 'Toolbar';\n\nexport default Toolbar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,OAAO,GAAG,IAAAC,kBAAA,EAAOC,aAAP,CAAH,oOAQS,UAACC,CAAD;EAAA,OAAO,IAAAC,YAAA,EAAID,CAAC,CAACE,KAAF,CAAQC,0BAAZ,CAAP;AAAA,CART,CAAb;AAWAN,OAAO,CAACO,WAAR,GAAsB,SAAtB;eAEeP,O"}
+{"version":3,"file":"Toolbar.js","names":["Toolbar","styled","Popover","p","clr","theme","editorToolbarButtonColorBg","displayName"],"sources":["../../../src/Editor/Toolbar.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Popover } from '@os-design/core';\nimport { clr } from '@os-design/theming';\n\nconst Toolbar = styled(Popover)`\n  // Reset popover styles\n  border: 0;\n\n  display: flex;\n  flex-direction: row;\n  overflow: hidden; // For border-radius\n\n  background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBg)};\n`;\n\nToolbar.displayName = 'Toolbar';\n\nexport default Toolbar;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAyC;AAAA;AAAA;AAEzC,IAAMA,OAAO,GAAG,IAAAC,kBAAM,EAACC,aAAO,CAAC,oOAQT,UAACC,CAAC;EAAA,OAAK,IAAAC,YAAG,EAACD,CAAC,CAACE,KAAK,CAACC,0BAA0B,CAAC;AAAA,EACnE;AAEDN,OAAO,CAACO,WAAW,GAAG,SAAS;AAAC,eAEjBP,OAAO;AAAA"}

package/dist/cjs/Editor/ToolbarButton.js

@@ -4,37 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _theming = require("@os-design/theming");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _styles = require("@os-design/styles");
-
 var _utils = require("@os-design/utils");
-
 var _excluded = ["onMouseDown"];
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _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 activeStyles = function activeStyles(p) {
   return p.active && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.editorToolbarButtonColorBgActive));
 };
-
 var StyledToolbarButton = (0, _styled["default"])('button', (0, _utils.omitEmotionProps)('active'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  font-size: 1.3em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: ", "em;\n  height: ", "em;\n  background-color: ", ";\n  color: ", ";\n\n  @media (hover: hover) {\n    &:hover,\n    &:focus {\n      background-color: ", ";\n    }\n  }\n\n  ", ";\n  ", ";\n"])), _styles.resetButtonStyles, function (p) {
   return p.theme.editorToolbarButtonSize;
 }, function (p) {
@@ -46,21 +31,17 @@ var StyledToolbarButton = (0, _styled["default"])('button', (0, _utils.omitEmoti
 }, function (p) {
   return (0, _theming.clr)(p.theme.editorToolbarButtonColorBgHover);
 }, activeStyles, (0, _styles.transitionStyles)('background-color'));
-
 var ToolbarButton = function ToolbarButton(_ref) {
   var _ref$onMouseDown = _ref.onMouseDown,
-      _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(StyledToolbarButton, _extends({
     onMouseDown: function onMouseDown(e) {
       _onMouseDown(e);
-
       e.preventDefault();
     }
   }, rest));
 };
-
 ToolbarButton.displayName = 'ToolbarButton';
 var _default = ToolbarButton;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.js","names":["activeStyles","p","active","css","clr","theme","editorToolbarButtonColorBgActive","StyledToolbarButton","styled","omitEmotionProps","resetButtonStyles","editorToolbarButtonSize","editorToolbarButtonColorBg","editorToolbarButtonColorText","editorToolbarButtonColorBgHover","transitionStyles","ToolbarButton","onMouseDown","rest","e","preventDefault","displayName"],"sources":["../../../src/Editor/ToolbarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/react';\nimport { clr } from '@os-design/theming';\nimport styled from '@emotion/styled';\nimport { resetButtonStyles, transitionStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\n\ntype JsxButtonProps = JSX.IntrinsicElements['button'];\ninterface ToolbarButtonProps extends JsxButtonProps {\n  active?: boolean;\n}\n\nconst activeStyles = (p) =>\n  p.active &&\n  css`\n    background-color: ${clr(p.theme.editorToolbarButtonColorBgActive)};\n  `;\n\ntype StyledToolbarButtonProps = Pick<ToolbarButtonProps, 'active'>;\nconst StyledToolbarButton = styled(\n  'button',\n  omitEmotionProps('active')\n)<StyledToolbarButtonProps>`\n  ${resetButtonStyles};\n  cursor: pointer;\n  font-size: 1.3em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: ${(p) => p.theme.editorToolbarButtonSize}em;\n  height: ${(p) => p.theme.editorToolbarButtonSize}em;\n  background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBg)};\n  color: ${(p) => clr(p.theme.editorToolbarButtonColorText)};\n\n  @media (hover: hover) {\n    &:hover,\n    &:focus {\n      background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBgHover)};\n    }\n  }\n\n  ${activeStyles};\n  ${transitionStyles('background-color')};\n`;\n\nconst ToolbarButton: React.FC<ToolbarButtonProps> = ({\n  onMouseDown = () => {},\n  ...rest\n}) => (\n  <StyledToolbarButton\n    onMouseDown={(e) => {\n      onMouseDown(e);\n      e.preventDefault();\n    }}\n    {...rest}\n  />\n);\n\nToolbarButton.displayName = 'ToolbarButton';\n\nexport default ToolbarButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD;EAAA,OACnBA,CAAC,CAACC,MAAF,QACAC,WADA,wGAEsB,IAAAC,YAAA,EAAIH,CAAC,CAACI,KAAF,CAAQC,gCAAZ,CAFtB,CADmB;AAAA,CAArB;;AAOA,IAAMC,mBAAmB,GAAG,IAAAC,kBAAA,EAC1B,QAD0B,EAE1B,IAAAC,uBAAA,EAAiB,QAAjB,CAF0B,CAAH,+YAIrBC,yBAJqB,EAYd,UAACT,CAAD;EAAA,OAAOA,CAAC,CAACI,KAAF,CAAQM,uBAAf;AAAA,CAZc,EAab,UAACV,CAAD;EAAA,OAAOA,CAAC,CAACI,KAAF,CAAQM,uBAAf;AAAA,CAba,EAcH,UAACV,CAAD;EAAA,OAAO,IAAAG,YAAA,EAAIH,CAAC,CAACI,KAAF,CAAQO,0BAAZ,CAAP;AAAA,CAdG,EAed,UAACX,CAAD;EAAA,OAAO,IAAAG,YAAA,EAAIH,CAAC,CAACI,KAAF,CAAQQ,4BAAZ,CAAP;AAAA,CAfc,EAoBC,UAACZ,CAAD;EAAA,OAAO,IAAAG,YAAA,EAAIH,CAAC,CAACI,KAAF,CAAQS,+BAAZ,CAAP;AAAA,CApBD,EAwBrBd,YAxBqB,EAyBrB,IAAAe,wBAAA,EAAiB,kBAAjB,CAzBqB,CAAzB;;AA4BA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C;EAAA,4BAClDC,WADkD;EAAA,IAClDA,YADkD,iCACpC,YAAM,CAAE,CAD4B;EAAA,IAE/CC,IAF+C;;EAAA,oBAIlD,gCAAC,mBAAD;IACE,WAAW,EAAE,qBAACC,CAAD,EAAO;MAClBF,YAAW,CAACE,CAAD,CAAX;;MACAA,CAAC,CAACC,cAAF;IACD;EAJH,GAKMF,IALN,EAJkD;AAAA,CAApD;;AAaAF,aAAa,CAACK,WAAd,GAA4B,eAA5B;eAEeL,a"}
+{"version":3,"file":"ToolbarButton.js","names":["activeStyles","p","active","css","clr","theme","editorToolbarButtonColorBgActive","StyledToolbarButton","styled","omitEmotionProps","resetButtonStyles","editorToolbarButtonSize","editorToolbarButtonColorBg","editorToolbarButtonColorText","editorToolbarButtonColorBgHover","transitionStyles","ToolbarButton","onMouseDown","rest","e","preventDefault","displayName"],"sources":["../../../src/Editor/ToolbarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/react';\nimport { clr } from '@os-design/theming';\nimport styled from '@emotion/styled';\nimport { resetButtonStyles, transitionStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\n\ntype JsxButtonProps = JSX.IntrinsicElements['button'];\ninterface ToolbarButtonProps extends JsxButtonProps {\n  active?: boolean;\n}\n\nconst activeStyles = (p) =>\n  p.active &&\n  css`\n    background-color: ${clr(p.theme.editorToolbarButtonColorBgActive)};\n  `;\n\ntype StyledToolbarButtonProps = Pick<ToolbarButtonProps, 'active'>;\nconst StyledToolbarButton = styled(\n  'button',\n  omitEmotionProps('active')\n)<StyledToolbarButtonProps>`\n  ${resetButtonStyles};\n  cursor: pointer;\n  font-size: 1.3em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: ${(p) => p.theme.editorToolbarButtonSize}em;\n  height: ${(p) => p.theme.editorToolbarButtonSize}em;\n  background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBg)};\n  color: ${(p) => clr(p.theme.editorToolbarButtonColorText)};\n\n  @media (hover: hover) {\n    &:hover,\n    &:focus {\n      background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBgHover)};\n    }\n  }\n\n  ${activeStyles};\n  ${transitionStyles('background-color')};\n`;\n\nconst ToolbarButton: React.FC<ToolbarButtonProps> = ({\n  onMouseDown = () => {},\n  ...rest\n}) => (\n  <StyledToolbarButton\n    onMouseDown={(e) => {\n      onMouseDown(e);\n      e.preventDefault();\n    }}\n    {...rest}\n  />\n);\n\nToolbarButton.displayName = 'ToolbarButton';\n\nexport default ToolbarButton;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpD,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,CAAC;EAAA,OACrBA,CAAC,CAACC,MAAM,QACRC,WAAG,wGACmB,IAAAC,YAAG,EAACH,CAAC,CAACI,KAAK,CAACC,gCAAgC,CAAC,CAClE;AAAA;AAGH,IAAMC,mBAAmB,GAAG,IAAAC,kBAAM,EAChC,QAAQ,EACR,IAAAC,uBAAgB,EAAC,QAAQ,CAAC,CAC3B,+YACGC,yBAAiB,EAQV,UAACT,CAAC;EAAA,OAAKA,CAAC,CAACI,KAAK,CAACM,uBAAuB;AAAA,GACrC,UAACV,CAAC;EAAA,OAAKA,CAAC,CAACI,KAAK,CAACM,uBAAuB;AAAA,GAC5B,UAACV,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACI,KAAK,CAACO,0BAA0B,CAAC;AAAA,GACzD,UAACX,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACI,KAAK,CAACQ,4BAA4B,CAAC;AAAA,GAKjC,UAACZ,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACI,KAAK,CAACS,+BAA+B,CAAC;AAAA,GAIzEd,YAAY,EACZ,IAAAe,wBAAgB,EAAC,kBAAkB,CAAC,CACvC;AAED,IAAMC,aAA2C,GAAG,SAA9CA,aAA2C;EAAA,4BAC/CC,WAAW;IAAXA,YAAW,iCAAG,YAAM,CAAC,CAAC;IACnBC,IAAI;EAAA,oBAEP,gCAAC,mBAAmB;IAClB,WAAW,EAAE,qBAACC,CAAC,EAAK;MAClBF,YAAW,CAACE,CAAC,CAAC;MACdA,CAAC,CAACC,cAAc,EAAE;IACpB;EAAE,GACEF,IAAI,EACR;AAAA,CACH;AAEDF,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAE7BL,aAAa;AAAA"}

package/dist/cjs/Editor/blocks/Figure.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 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 Figure = _styled["default"].figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", "em;\n  overflow: hidden;\n"])), function (p) {
   return p.theme.borderRadius;
 });
-
 Figure.displayName = 'Figure';
 var _default = Figure;
 exports["default"] = _default;

package/dist/cjs/Editor/blocks/Figure.js.map

@@ -1 +1 @@
-{"version":3,"file":"Figure.js","names":["Figure","styled","figure","p","theme","borderRadius","displayName"],"sources":["../../../../src/Editor/blocks/Figure.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nconst Figure = styled.figure`\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  overflow: hidden;\n`;\n\nFigure.displayName = 'Figure';\n\nexport default Figure;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,kBAAA,CAAOC,MAAV,uHACO,UAACC,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,YAAf;AAAA,CADP,CAAZ;;AAKAL,MAAM,CAACM,WAAP,GAAqB,QAArB;eAEeN,M"}
+{"version":3,"file":"Figure.js","names":["Figure","styled","figure","p","theme","borderRadius","displayName"],"sources":["../../../../src/Editor/blocks/Figure.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nconst Figure = styled.figure`\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  overflow: hidden;\n`;\n\nFigure.displayName = 'Figure';\n\nexport default Figure;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAAA;AAErC,IAAMA,MAAM,GAAGC,kBAAM,CAACC,MAAM,uHACT,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,YAAY;AAAA,EAE7C;AAEDL,MAAM,CAACM,WAAW,GAAG,QAAQ;AAAC,eAEfN,MAAM;AAAA"}

package/dist/cjs/Editor/blocks/FigureCaption.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _theming = require("@os-design/theming");
-
 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 FigureCaption = _styled["default"].figcaption(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", "em;\n  padding: 0.4em 0.8em;\n\n  background-color: ", ";\n  color: ", ";\n\n  & > div {\n    text-align: center !important;\n    margin: 0 !important;\n  }\n"])), function (p) {
   return p.theme.sizes.small;
 }, function (p) {
@@ -22,7 +16,6 @@ var FigureCaption = _styled["default"].figcaption(_templateObject || (_templateO
 }, function (p) {
   return (0, _theming.clr)(p.theme.editorFigureCaptionColorText);
 });
-
 FigureCaption.displayName = 'FigureCaption';
 var _default = FigureCaption;
 exports["default"] = _default;

package/dist/cjs/Editor/blocks/FigureCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"FigureCaption.js","names":["FigureCaption","styled","figcaption","p","theme","sizes","small","clr","editorFigureCaptionColorBg","editorFigureCaptionColorText","displayName"],"sources":["../../../../src/Editor/blocks/FigureCaption.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\n\nconst FigureCaption = styled.figcaption`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  padding: 0.4em 0.8em;\n\n  background-color: ${(p) => clr(p.theme.editorFigureCaptionColorBg)};\n  color: ${(p) => clr(p.theme.editorFigureCaptionColorText)};\n\n  & > div {\n    text-align: center !important;\n    margin: 0 !important;\n  }\n`;\n\nFigureCaption.displayName = 'FigureCaption';\n\nexport default FigureCaption;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAGC,kBAAA,CAAOC,UAAV,uPACJ,UAACC,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,KAAR,CAAcC,KAArB;AAAA,CADI,EAIG,UAACH,CAAD;EAAA,OAAO,IAAAI,YAAA,EAAIJ,CAAC,CAACC,KAAF,CAAQI,0BAAZ,CAAP;AAAA,CAJH,EAKR,UAACL,CAAD;EAAA,OAAO,IAAAI,YAAA,EAAIJ,CAAC,CAACC,KAAF,CAAQK,4BAAZ,CAAP;AAAA,CALQ,CAAnB;;AAaAT,aAAa,CAACU,WAAd,GAA4B,eAA5B;eAEeV,a"}
+{"version":3,"file":"FigureCaption.js","names":["FigureCaption","styled","figcaption","p","theme","sizes","small","clr","editorFigureCaptionColorBg","editorFigureCaptionColorText","displayName"],"sources":["../../../../src/Editor/blocks/FigureCaption.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\n\nconst FigureCaption = styled.figcaption`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  padding: 0.4em 0.8em;\n\n  background-color: ${(p) => clr(p.theme.editorFigureCaptionColorBg)};\n  color: ${(p) => clr(p.theme.editorFigureCaptionColorText)};\n\n  & > div {\n    text-align: center !important;\n    margin: 0 !important;\n  }\n`;\n\nFigureCaption.displayName = 'FigureCaption';\n\nexport default FigureCaption;\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAAA;AAAA;AAEzC,IAAMA,aAAa,GAAGC,kBAAM,CAACC,UAAU,uPACxB,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,KAAK,CAACC,KAAK;AAAA,GAGnB,UAACH,CAAC;EAAA,OAAK,IAAAI,YAAG,EAACJ,CAAC,CAACC,KAAK,CAACI,0BAA0B,CAAC;AAAA,GACzD,UAACL,CAAC;EAAA,OAAK,IAAAI,YAAG,EAACJ,CAAC,CAACC,KAAK,CAACK,4BAA4B,CAAC;AAAA,EAM1D;AAEDT,aAAa,CAACU,WAAW,GAAG,eAAe;AAAC,eAE7BV,aAAa;AAAA"}

package/dist/cjs/Editor/blocks/imageBlock.js

@@ -1,93 +1,60 @@
 "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"] = exports.IMAGE_BLOCK = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _draftJs = require("draft-js");
-
 var _icons = require("@os-design/icons");
-
 var _core = require("@os-design/core");
-
 var _utils = require("@os-design/utils");
-
 var _react2 = require("@emotion/react");
-
 var _FigureCaption = _interopRequireDefault(require("./FigureCaption"));
-
 var _changeBlock = _interopRequireDefault(require("../utils/changeBlock"));
-
 var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
-
 var _Figure = _interopRequireDefault(require("./Figure"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var widthStyles = function widthStyles(p) {
   return p.width && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), p.width);
 };
-
 var ImageFigure = (0, _styled["default"])(_Figure["default"], (0, _utils.omitEmotionProps)('width'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-block;\n  max-width: 100%;\n  ", ";\n"])), widthStyles);
-
 var Mask = _styled["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  background-color: hsla(\n    0,\n    0%,\n    0%,\n    ", "\n  );\n  color: hsl(0, 0%, 100%);\n"])), function (p) {
   return p.theme.editorBlockImageMaskOpacity;
 });
-
 var LoadingIcon = (0, _styled["default"])(_icons.Loading)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", "em;\n"])), function (p) {
   return p.theme.editorBlockImageLoadingFontSize;
 });
-
 var Image = _styled["default"].img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  max-height: ", "em;\n  vertical-align: bottom;\n"])), function (p) {
   return p.theme.editorBlockImageMaxHeight;
 });
-
 var ImageBlock = function ImageBlock(props) {
   var block = props.block;
   var data = block.getData();
   var src = data.get('src');
-  var loading = data.get('loading'); // Update the width of the image
+  var loading = data.get('loading');
 
+  // Update the width of the image
   var imageRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
   var updateWidth = (0, _react.useCallback)(function () {
     if (!imageRef.current) return;
     setWidth(imageRef.current.width);
@@ -103,10 +70,8 @@ var ImageBlock = function ImageBlock(props) {
     ref: imageRef
   }), !loading && /*#__PURE__*/_react["default"].createElement(_FigureCaption["default"], null, /*#__PURE__*/_react["default"].createElement(_draftJs.EditorBlock, props)));
 };
-
 var IMAGE_BLOCK = 'atomic:image';
 exports.IMAGE_BLOCK = IMAGE_BLOCK;
-
 var imageBlock = function imageBlock(onImageUpload) {
   return {
     type: IMAGE_BLOCK,
@@ -114,15 +79,15 @@ var imageBlock = function imageBlock(onImageUpload) {
     icon: /*#__PURE__*/_react["default"].createElement(_icons.Picture, null),
     onClick: function onClick(_ref) {
       var value = _ref.value,
-          onChange = _ref.onChange,
-          setReadOnly = _ref.setReadOnly;
-      if (!onImageUpload) throw new Error('Specify the onImageUpload method'); // Not working in mobile Safari.
-      // The input must be actually appended to the DOM.
+        onChange = _ref.onChange,
+        setReadOnly = _ref.setReadOnly;
+      if (!onImageUpload) throw new Error('Specify the onImageUpload method');
 
+      // Not working in mobile Safari.
+      // The input must be actually appended to the DOM.
       var input = document.createElement('input');
       input.type = 'file';
       input.accept = 'image/jpeg,image/png,image/webp';
-
       input.onchange = /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
           var target, files, file, src, currentBlock, nextEditorState;
@@ -131,40 +96,33 @@ var imageBlock = function imageBlock(onImageUpload) {
               switch (_context.prev = _context.next) {
                 case 0:
                   target = e.target;
-
                   if (target) {
                     _context.next = 3;
                     break;
                   }
-
                   return _context.abrupt("return");
-
                 case 3:
                   files = target.files;
-
                   if (files) {
                     _context.next = 6;
                     break;
                   }
-
                   return _context.abrupt("return");
-
                 case 6:
                   setReadOnly(true);
                   file = files[0];
                   src = URL.createObjectURL(file); // Add the local image
-
                   currentBlock = (0, _getCurrentBlock["default"])(value);
                   nextEditorState = (0, _changeBlock["default"])(value, currentBlock, IMAGE_BLOCK, {
                     src: src,
                     loading: true
                   });
-                  onChange(nextEditorState); // Replace the local image with the remote one
+                  onChange(nextEditorState);
 
+                  // Replace the local image with the remote one
                   _context.prev = 12;
                   _context.next = 15;
                   return onImageUpload(file);
-
                 case 15:
                   src = _context.sent;
                   nextEditorState = (0, _changeBlock["default"])(value, currentBlock, IMAGE_BLOCK, {
@@ -172,21 +130,16 @@ var imageBlock = function imageBlock(onImageUpload) {
                   });
                   _context.next = 23;
                   break;
-
                 case 19:
                   _context.prev = 19;
                   _context.t0 = _context["catch"](12);
-
                   if (_context.t0 instanceof Error) {
                     _core.message.error(_context.t0.message);
                   }
-
                   nextEditorState = (0, _changeBlock["default"])(value, currentBlock, 'unstyled');
-
                 case 23:
                   setReadOnly(false);
                   onChange(nextEditorState);
-
                 case 25:
                 case "end":
                   return _context.stop();
@@ -194,17 +147,14 @@ var imageBlock = function imageBlock(onImageUpload) {
             }
           }, _callee, null, [[12, 19]]);
         }));
-
         return function (_x) {
           return _ref2.apply(this, arguments);
         };
       }();
-
       input.click();
     }
   };
 };
-
 var _default = imageBlock;
 exports["default"] = _default;
 //# sourceMappingURL=imageBlock.js.map