@os-design/editor 1.0.160 → 1.0.162

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

@@ -1 +1 @@
-{"version":3,"file":"getSelectionRange.js","names":["getSelectionRange","selection","document","getSelection","rangeCount","getRangeAt"],"sources":["../../../../src/Editor/utils/getSelectionRange.ts"],"sourcesContent":["const getSelectionRange = (): Range | null => {\n  const selection = document.getSelection();\n  if (!selection || selection.rangeCount === 0) return null;\n  return selection.getRangeAt(0);\n};\n\nexport default getSelectionRange;\n"],"mappings":";;;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAoB;EAC5C,IAAMC,SAAS,GAAGC,QAAQ,CAACC,YAAT,EAAlB;EACA,IAAI,CAACF,SAAD,IAAcA,SAAS,CAACG,UAAV,KAAyB,CAA3C,EAA8C,OAAO,IAAP;EAC9C,OAAOH,SAAS,CAACI,UAAV,CAAqB,CAArB,CAAP;AACD,CAJD;;eAMeL,iB"}
+{"version":3,"file":"getSelectionRange.js","names":["getSelectionRange","selection","document","getSelection","rangeCount","getRangeAt"],"sources":["../../../../src/Editor/utils/getSelectionRange.ts"],"sourcesContent":["const getSelectionRange = (): Range | null => {\n  const selection = document.getSelection();\n  if (!selection || selection.rangeCount === 0) return null;\n  return selection.getRangeAt(0);\n};\n\nexport default getSelectionRange;\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,GAAuB;EAC5C,IAAMC,SAAS,GAAGC,QAAQ,CAACC,YAAY,EAAE;EACzC,IAAI,CAACF,SAAS,IAAIA,SAAS,CAACG,UAAU,KAAK,CAAC,EAAE,OAAO,IAAI;EACzD,OAAOH,SAAS,CAACI,UAAU,CAAC,CAAC,CAAC;AAChC,CAAC;AAAC,eAEaL,iBAAiB;AAAA"}

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

@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _draftJs = require("draft-js");
-
 var setLink = function setLink(editorState, url) {
   var containsLink = _draftJs.RichUtils.currentBlockContainsLink(editorState);
-
   if (containsLink) return editorState;
   var contentState = editorState.getCurrentContent();
   var contentStateWithLink = contentState.createEntity('LINK', 'MUTABLE', {
     url: url
   });
   var entityKey = contentStateWithLink.getLastCreatedEntityKey();
-
   var nextEditorState = _draftJs.EditorState.set(editorState, {
     currentContent: contentStateWithLink
   });
-
   return _draftJs.RichUtils.toggleLink(nextEditorState, nextEditorState.getSelection(), entityKey);
 };
-
 var _default = setLink;
 exports["default"] = _default;
 //# sourceMappingURL=setLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"setLink.js","names":["setLink","editorState","url","containsLink","RichUtils","currentBlockContainsLink","contentState","getCurrentContent","contentStateWithLink","createEntity","entityKey","getLastCreatedEntityKey","nextEditorState","EditorState","set","currentContent","toggleLink","getSelection"],"sources":["../../../../src/Editor/utils/setLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst setLink = (editorState: EditorState, url: string): EditorState => {\n  const containsLink = RichUtils.currentBlockContainsLink(editorState);\n  if (containsLink) return editorState;\n\n  const contentState = editorState.getCurrentContent();\n  const contentStateWithLink = contentState.createEntity('LINK', 'MUTABLE', {\n    url,\n  });\n  const entityKey = contentStateWithLink.getLastCreatedEntityKey();\n  const nextEditorState = EditorState.set(editorState, {\n    currentContent: contentStateWithLink,\n  });\n  return RichUtils.toggleLink(\n    nextEditorState,\n    nextEditorState.getSelection(),\n    entityKey\n  );\n};\n\nexport default setLink;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,WAAD,EAA2BC,GAA3B,EAAwD;EACtE,IAAMC,YAAY,GAAGC,kBAAA,CAAUC,wBAAV,CAAmCJ,WAAnC,CAArB;;EACA,IAAIE,YAAJ,EAAkB,OAAOF,WAAP;EAElB,IAAMK,YAAY,GAAGL,WAAW,CAACM,iBAAZ,EAArB;EACA,IAAMC,oBAAoB,GAAGF,YAAY,CAACG,YAAb,CAA0B,MAA1B,EAAkC,SAAlC,EAA6C;IACxEP,GAAG,EAAHA;EADwE,CAA7C,CAA7B;EAGA,IAAMQ,SAAS,GAAGF,oBAAoB,CAACG,uBAArB,EAAlB;;EACA,IAAMC,eAAe,GAAGC,oBAAA,CAAYC,GAAZ,CAAgBb,WAAhB,EAA6B;IACnDc,cAAc,EAAEP;EADmC,CAA7B,CAAxB;;EAGA,OAAOJ,kBAAA,CAAUY,UAAV,CACLJ,eADK,EAELA,eAAe,CAACK,YAAhB,EAFK,EAGLP,SAHK,CAAP;AAKD,CAjBD;;eAmBeV,O"}
+{"version":3,"file":"setLink.js","names":["setLink","editorState","url","containsLink","RichUtils","currentBlockContainsLink","contentState","getCurrentContent","contentStateWithLink","createEntity","entityKey","getLastCreatedEntityKey","nextEditorState","EditorState","set","currentContent","toggleLink","getSelection"],"sources":["../../../../src/Editor/utils/setLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst setLink = (editorState: EditorState, url: string): EditorState => {\n  const containsLink = RichUtils.currentBlockContainsLink(editorState);\n  if (containsLink) return editorState;\n\n  const contentState = editorState.getCurrentContent();\n  const contentStateWithLink = contentState.createEntity('LINK', 'MUTABLE', {\n    url,\n  });\n  const entityKey = contentStateWithLink.getLastCreatedEntityKey();\n  const nextEditorState = EditorState.set(editorState, {\n    currentContent: contentStateWithLink,\n  });\n  return RichUtils.toggleLink(\n    nextEditorState,\n    nextEditorState.getSelection(),\n    entityKey\n  );\n};\n\nexport default setLink;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,WAAwB,EAAEC,GAAW,EAAkB;EACtE,IAAMC,YAAY,GAAGC,kBAAS,CAACC,wBAAwB,CAACJ,WAAW,CAAC;EACpE,IAAIE,YAAY,EAAE,OAAOF,WAAW;EAEpC,IAAMK,YAAY,GAAGL,WAAW,CAACM,iBAAiB,EAAE;EACpD,IAAMC,oBAAoB,GAAGF,YAAY,CAACG,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;IACxEP,GAAG,EAAHA;EACF,CAAC,CAAC;EACF,IAAMQ,SAAS,GAAGF,oBAAoB,CAACG,uBAAuB,EAAE;EAChE,IAAMC,eAAe,GAAGC,oBAAW,CAACC,GAAG,CAACb,WAAW,EAAE;IACnDc,cAAc,EAAEP;EAClB,CAAC,CAAC;EACF,OAAOJ,kBAAS,CAACY,UAAU,CACzBJ,eAAe,EACfA,eAAe,CAACK,YAAY,EAAE,EAC9BP,SAAS,CACV;AACH,CAAC;AAAC,eAEaV,OAAO;AAAA"}

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

@@ -4,19 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editorStateToMetaDescription = exports.editorStateToFirstParagraph = void 0;
-
 var editorStateToFirstParagraph = function editorStateToFirstParagraph(editorState) {
   var firstUnstyledBlock = editorState.getCurrentContent().getBlocksAsArray().find(function (block) {
     return block.getType() === 'unstyled';
   });
   return firstUnstyledBlock ? firstUnstyledBlock.getText() : '';
 };
-
 exports.editorStateToFirstParagraph = editorStateToFirstParagraph;
-
 var editorStateToMetaDescription = function editorStateToMetaDescription(editorState) {
   return editorStateToFirstParagraph(editorState).slice(0, 200).replace(/^(.*[.?!])(.*)/, '$1').trim();
 };
-
 exports.editorStateToMetaDescription = editorStateToMetaDescription;
 //# sourceMappingURL=transformers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"transformers.js","names":["editorStateToFirstParagraph","editorState","firstUnstyledBlock","getCurrentContent","getBlocksAsArray","find","block","getType","getText","editorStateToMetaDescription","slice","replace","trim"],"sources":["../../../../src/Editor/utils/transformers.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\n\nexport const editorStateToFirstParagraph = (\n  editorState: EditorState\n): string => {\n  const firstUnstyledBlock = editorState\n    .getCurrentContent()\n    .getBlocksAsArray()\n    .find((block) => block.getType() === 'unstyled');\n\n  return firstUnstyledBlock ? firstUnstyledBlock.getText() : '';\n};\n\nexport const editorStateToMetaDescription = (\n  editorState: EditorState\n): string =>\n  editorStateToFirstParagraph(editorState)\n    .slice(0, 200)\n    .replace(/^(.*[.?!])(.*)/, '$1')\n    .trim();\n"],"mappings":";;;;;;;AAEO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CACzCC,WADyC,EAE9B;EACX,IAAMC,kBAAkB,GAAGD,WAAW,CACnCE,iBADwB,GAExBC,gBAFwB,GAGxBC,IAHwB,CAGnB,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,OAAN,OAAoB,UAA/B;EAAA,CAHmB,CAA3B;EAKA,OAAOL,kBAAkB,GAAGA,kBAAkB,CAACM,OAAnB,EAAH,GAAkC,EAA3D;AACD,CATM;;;;AAWA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAC1CR,WAD0C;EAAA,OAG1CD,2BAA2B,CAACC,WAAD,CAA3B,CACGS,KADH,CACS,CADT,EACY,GADZ,EAEGC,OAFH,CAEW,gBAFX,EAE6B,IAF7B,EAGGC,IAHH,EAH0C;AAAA,CAArC"}
+{"version":3,"file":"transformers.js","names":["editorStateToFirstParagraph","editorState","firstUnstyledBlock","getCurrentContent","getBlocksAsArray","find","block","getType","getText","editorStateToMetaDescription","slice","replace","trim"],"sources":["../../../../src/Editor/utils/transformers.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\n\nexport const editorStateToFirstParagraph = (\n  editorState: EditorState\n): string => {\n  const firstUnstyledBlock = editorState\n    .getCurrentContent()\n    .getBlocksAsArray()\n    .find((block) => block.getType() === 'unstyled');\n\n  return firstUnstyledBlock ? firstUnstyledBlock.getText() : '';\n};\n\nexport const editorStateToMetaDescription = (\n  editorState: EditorState\n): string =>\n  editorStateToFirstParagraph(editorState)\n    .slice(0, 200)\n    .replace(/^(.*[.?!])(.*)/, '$1')\n    .trim();\n"],"mappings":";;;;;;AAEO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2B,CACtCC,WAAwB,EACb;EACX,IAAMC,kBAAkB,GAAGD,WAAW,CACnCE,iBAAiB,EAAE,CACnBC,gBAAgB,EAAE,CAClBC,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,OAAO,EAAE,KAAK,UAAU;EAAA,EAAC;EAElD,OAAOL,kBAAkB,GAAGA,kBAAkB,CAACM,OAAO,EAAE,GAAG,EAAE;AAC/D,CAAC;AAAC;AAEK,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4B,CACvCR,WAAwB;EAAA,OAExBD,2BAA2B,CAACC,WAAW,CAAC,CACrCS,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CACbC,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC/BC,IAAI,EAAE;AAAA;AAAC"}

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

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _draftJs = require("draft-js");
-
 var unsetLink = function unsetLink(editorState) {
   var containsLink = _draftJs.RichUtils.currentBlockContainsLink(editorState);
-
   if (!containsLink) return editorState;
   var selectionState = editorState.getSelection();
   return _draftJs.RichUtils.toggleLink(editorState, selectionState, null);
 };
-
 var _default = unsetLink;
 exports["default"] = _default;
 //# sourceMappingURL=unsetLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"unsetLink.js","names":["unsetLink","editorState","containsLink","RichUtils","currentBlockContainsLink","selectionState","getSelection","toggleLink"],"sources":["../../../../src/Editor/utils/unsetLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst unsetLink = (editorState: EditorState): EditorState => {\n  const containsLink = RichUtils.currentBlockContainsLink(editorState);\n  if (!containsLink) return editorState;\n\n  const selectionState = editorState.getSelection();\n  return RichUtils.toggleLink(editorState, selectionState, null);\n};\n\nexport default unsetLink;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,WAAD,EAA2C;EAC3D,IAAMC,YAAY,GAAGC,kBAAA,CAAUC,wBAAV,CAAmCH,WAAnC,CAArB;;EACA,IAAI,CAACC,YAAL,EAAmB,OAAOD,WAAP;EAEnB,IAAMI,cAAc,GAAGJ,WAAW,CAACK,YAAZ,EAAvB;EACA,OAAOH,kBAAA,CAAUI,UAAV,CAAqBN,WAArB,EAAkCI,cAAlC,EAAkD,IAAlD,CAAP;AACD,CAND;;eAQeL,S"}
+{"version":3,"file":"unsetLink.js","names":["unsetLink","editorState","containsLink","RichUtils","currentBlockContainsLink","selectionState","getSelection","toggleLink"],"sources":["../../../../src/Editor/utils/unsetLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst unsetLink = (editorState: EditorState): EditorState => {\n  const containsLink = RichUtils.currentBlockContainsLink(editorState);\n  if (!containsLink) return editorState;\n\n  const selectionState = editorState.getSelection();\n  return RichUtils.toggleLink(editorState, selectionState, null);\n};\n\nexport default unsetLink;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,WAAwB,EAAkB;EAC3D,IAAMC,YAAY,GAAGC,kBAAS,CAACC,wBAAwB,CAACH,WAAW,CAAC;EACpE,IAAI,CAACC,YAAY,EAAE,OAAOD,WAAW;EAErC,IAAMI,cAAc,GAAGJ,WAAW,CAACK,YAAY,EAAE;EACjD,OAAOH,kBAAS,CAACI,UAAU,CAACN,WAAW,EAAEI,cAAc,EAAE,IAAI,CAAC;AAChE,CAAC;AAAC,eAEaL,SAAS;AAAA"}

package/dist/cjs/EditorSkeleton/index.js

@@ -1,37 +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 _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@os-design/core");
-
 var _templateObject;
-
 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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var StyledEditorSkeleton = (0, _styled["default"])(_core.InputSkeleton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", "em;\n"])), function (p) {
   return p.theme.editorMinHeight;
 });
+
 /**
  * Provides an editor placeholder while a user waits for the content to load.
  */
-
 var EditorSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react["default"].createElement(StyledEditorSkeleton, _extends({}, props, {
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StyledEditorSkeleton","styled","InputSkeleton","p","theme","editorMinHeight","EditorSkeleton","forwardRef","props","ref","displayName"],"sources":["../../../src/EditorSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { InputSkeleton, InputSkeletonProps } from '@os-design/core';\n\nexport type EditorSkeletonProps = InputSkeletonProps;\n\nconst StyledEditorSkeleton = styled(InputSkeleton)`\n  height: ${(p) => p.theme.editorMinHeight}em;\n`;\n\n/**\n * Provides an editor placeholder while a user waits for the content to load.\n */\nconst EditorSkeleton = forwardRef<HTMLDivElement, EditorSkeletonProps>(\n  (props, ref) => <StyledEditorSkeleton {...props} ref={ref} />\n);\n\nEditorSkeleton.displayName = 'EditorSkeleton';\n\nexport default EditorSkeleton;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;AAIA,IAAMA,oBAAoB,GAAG,IAAAC,kBAAA,EAAOC,mBAAP,CAAH,2FACd,UAACC,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,eAAf;AAAA,CADc,CAA1B;AAIA;AACA;AACA;;AACA,IAAMC,cAAc,gBAAG,IAAAC,iBAAA,EACrB,UAACC,KAAD,EAAQC,GAAR;EAAA,oBAAgB,gCAAC,oBAAD,eAA0BD,KAA1B;IAAiC,GAAG,EAAEC;EAAtC,GAAhB;AAAA,CADqB,CAAvB;AAIAH,cAAc,CAACI,WAAf,GAA6B,gBAA7B;eAEeJ,c"}
+{"version":3,"file":"index.js","names":["StyledEditorSkeleton","styled","InputSkeleton","p","theme","editorMinHeight","EditorSkeleton","forwardRef","props","ref","displayName"],"sources":["../../../src/EditorSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { InputSkeleton, InputSkeletonProps } from '@os-design/core';\n\nexport type EditorSkeletonProps = InputSkeletonProps;\n\nconst StyledEditorSkeleton = styled(InputSkeleton)`\n  height: ${(p) => p.theme.editorMinHeight}em;\n`;\n\n/**\n * Provides an editor placeholder while a user waits for the content to load.\n */\nconst EditorSkeleton = forwardRef<HTMLDivElement, EditorSkeletonProps>(\n  (props, ref) => <StyledEditorSkeleton {...props} ref={ref} />\n);\n\nEditorSkeleton.displayName = 'EditorSkeleton';\n\nexport default EditorSkeleton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAIpE,IAAMA,oBAAoB,GAAG,IAAAC,kBAAM,EAACC,mBAAa,CAAC,2FACtC,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,eAAe;AAAA,EACzC;;AAED;AACA;AACA;AACA,IAAMC,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,UAACC,KAAK,EAAEC,GAAG;EAAA,oBAAK,gCAAC,oBAAoB,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,GAAG;AAAA,EAC9D;AAEDH,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAAC,eAE/BJ,cAAc;AAAA"}

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "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
 });
@@ -84,9 +83,7 @@ Object.defineProperty(exports, "videoBlock", {
     return _videoBlock["default"];
   }
 });
-
 var _Editor = _interopRequireWildcard(require("./Editor"));
-
 Object.keys(_Editor).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -98,27 +95,16 @@ Object.keys(_Editor).forEach(function (key) {
     }
   });
 });
-
 var _addNewBlockAt = _interopRequireDefault(require("./Editor/utils/addNewBlockAt"));
-
 var _changeBlock = _interopRequireDefault(require("./Editor/utils/changeBlock"));
-
 var _createContentEditorState = _interopRequireDefault(require("./Editor/utils/createContentEditorState"));
-
 var _createDecorator = _interopRequireDefault(require("./Editor/utils/createDecorator"));
-
 var _createEmptyEditorState = _interopRequireDefault(require("./Editor/utils/createEmptyEditorState"));
-
 var _defaultStyleToolbarItems = _interopRequireDefault(require("./Editor/utils/defaultStyleToolbarItems"));
-
 var _getCurrentBlock = _interopRequireDefault(require("./Editor/utils/getCurrentBlock"));
-
 var _imageBlock = _interopRequireDefault(require("./Editor/blocks/imageBlock"));
-
 var _videoBlock = _interopRequireDefault(require("./Editor/blocks/videoBlock"));
-
 var _EditorSkeleton = _interopRequireWildcard(require("./EditorSkeleton"));
-
 Object.keys(_EditorSkeleton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -130,9 +116,7 @@ Object.keys(_EditorSkeleton).forEach(function (key) {
     }
   });
 });
-
 var _transformers = require("./Editor/utils/transformers");
-
 Object.keys(_transformers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -144,9 +128,7 @@ Object.keys(_transformers).forEach(function (key) {
     }
   });
 });
-
 var _types = require("./Editor/blocks/types");
-
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -158,10 +140,7 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-
 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; }
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as videoBlock } from './Editor/blocks/videoBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAYA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAXA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAFA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as videoBlock } from './Editor/blocks/videoBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAYA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAFA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAsC;AAAA;AAAA"}

package/dist/esm/Editor/BlockToolbar.js

@@ -2,7 +2,6 @@ import React, { useCallback } from 'react';
 import Toolbar from './Toolbar';
 import ToolbarButton from './ToolbarButton';
 import getCurrentBlock from './utils/getCurrentBlock';
-
 const BlockToolbar = ({
   items,
   value,
@@ -26,6 +25,5 @@ const BlockToolbar = ({
     onClick: () => clickHandler(item)
   }, item.icon)));
 };
-
 export default BlockToolbar;
 //# sourceMappingURL=BlockToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockToolbar.js","names":["React","useCallback","Toolbar","ToolbarButton","getCurrentBlock","BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","onClick","currentBlock","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,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AAGA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,OAAOC,eAAP,MAA4B,yBAA5B;;AASA,MAAMC,YAAyC,GAAG,CAAC;EACjDC,KADiD;EAEjDC,KAFiD;EAGjDC,QAHiD;EAIjDC,WAJiD;EAKjD,GAAGC;AAL8C,CAAD,KAM5C;EACJ,MAAMC,YAAY,GAAGV,WAAW,CAC9B,CAAC;IAAEW;EAAF,CAAD,KAAiB;IACf,MAAMC,YAAY,GAAGT,eAAe,CAACG,KAAD,CAApC;IACA,IAAIM,YAAY,CAACC,OAAb,OAA2B,UAA3B,IAAyCD,YAAY,CAACE,SAAb,KAA2B,CAAxE,EACE;IACFH,OAAO,CAAC;MACNL,KADM;MAENC,QAFM;MAGNC;IAHM,CAAD,CAAP;EAKD,CAV6B,EAW9B,CAACF,KAAD,EAAQC,QAAR,EAAkBC,WAAlB,CAX8B,CAAhC;EAcA,oBACE,oBAAC,OAAD,EAAaC,IAAb,EACGJ,KAAK,CAACU,GAAN,CAAWC,IAAD,iBACT,oBAAC,aAAD;IAAe,GAAG,EAAEA,IAAI,CAACC,IAAzB;IAA+B,OAAO,EAAE,MAAMP,YAAY,CAACM,IAAD;EAA1D,GACGA,IAAI,CAACE,IADR,CADD,CADH,CADF;AASD,CA9BD;;AAgCA,eAAed,YAAf"}
+{"version":3,"file":"BlockToolbar.js","names":["React","useCallback","Toolbar","ToolbarButton","getCurrentBlock","BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","onClick","currentBlock","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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAG1C,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAOC,eAAe,MAAM,yBAAyB;AASrD,MAAMC,YAAyC,GAAG,CAAC;EACjDC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACX,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGV,WAAW,CAC9B,CAAC;IAAEW;EAAQ,CAAC,KAAK;IACf,MAAMC,YAAY,GAAGT,eAAe,CAACG,KAAK,CAAC;IAC3C,IAAIM,YAAY,CAACC,OAAO,EAAE,KAAK,UAAU,IAAID,YAAY,CAACE,SAAS,EAAE,GAAG,CAAC,EACvE;IACFH,OAAO,CAAC;MACNL,KAAK;MACLC,QAAQ;MACRC;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAC/B;EAED,oBACE,oBAAC,OAAO,EAAKC,IAAI,EACdJ,KAAK,CAACU,GAAG,CAAEC,IAAI,iBACd,oBAAC,aAAa;IAAC,GAAG,EAAEA,IAAI,CAACC,IAAK;IAAC,OAAO,EAAE,MAAMP,YAAY,CAACM,IAAI;EAAE,GAC9DA,IAAI,CAACE,IAAI,CAEb,CAAC,CACM;AAEd,CAAC;AAED,eAAed,YAAY"}

package/dist/esm/Editor/StyleToolbar.js

@@ -4,7 +4,6 @@ import setLink from './utils/setLink';
 import unsetLink from './utils/unsetLink';
 import Toolbar from './Toolbar';
 import ToolbarButton from './ToolbarButton';
-
 const StyleToolbar = ({
   items,
   value,
@@ -17,9 +16,8 @@ const StyleToolbar = ({
     if (currentBlockContainsLink) {
       onChange(unsetLink(value));
       return;
-    } // eslint-disable-next-line no-alert
-
-
+    }
+    // eslint-disable-next-line no-alert
     const url = prompt('Paste or type a link');
     if (!url) return;
     onChange(setLink(value, url));
@@ -43,7 +41,6 @@ const StyleToolbar = ({
     }, item.icon);
   }));
 };
-
 StyleToolbar.displayName = 'StyleToolbar';
 export default StyleToolbar;
 //# sourceMappingURL=StyleToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StyleToolbar.js","names":["React","useCallback","useMemo","RichUtils","setLink","unsetLink","Toolbar","ToolbarButton","StyleToolbar","items","value","onChange","rest","currentBlockType","getCurrentBlockType","currentBlockContainsLink","toggleLink","url","prompt","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,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,QAA4C,OAA5C;AACA,SAAsBC,SAAtB,QAAuC,UAAvC;AAGA,OAAOC,OAAP,MAAoB,iBAApB;AACA,OAAOC,SAAP,MAAsB,mBAAtB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;;AAQA,MAAMC,YAAyC,GAAG,CAAC;EACjDC,KADiD;EAEjDC,KAFiD;EAGjDC,QAAQ,GAAG,MAAM,CAAE,CAH8B;EAIjD,GAAGC;AAJ8C,CAAD,KAK5C;EACJ,MAAMC,gBAAgB,GAAGX,OAAO,CAC9B,MAAMC,SAAS,CAACW,mBAAV,CAA8BJ,KAA9B,CADwB,EAE9B,CAACA,KAAD,CAF8B,CAAhC;EAIA,MAAMK,wBAAwB,GAAGb,OAAO,CACtC,MAAMC,SAAS,CAACY,wBAAV,CAAmCL,KAAnC,CADgC,EAEtC,CAACA,KAAD,CAFsC,CAAxC;EAKA,MAAMM,UAAU,GAAGf,WAAW,CAAC,MAAM;IACnC,IAAIc,wBAAJ,EAA8B;MAC5BJ,QAAQ,CAACN,SAAS,CAACK,KAAD,CAAV,CAAR;MACA;IACD,CAJkC,CAKnC;;;IACA,MAAMO,GAAG,GAAGC,MAAM,CAAC,sBAAD,CAAlB;IACA,IAAI,CAACD,GAAL,EAAU;IACVN,QAAQ,CAACP,OAAO,CAACM,KAAD,EAAQO,GAAR,CAAR,CAAR;EACD,CAT6B,EAS3B,CAACF,wBAAD,EAA2BL,KAA3B,EAAkCC,QAAlC,CAT2B,CAA9B;EAWA,MAAMQ,YAAY,GAAGlB,WAAW,CAC7BmB,IAAD,IAAU;IACR,IAAIA,IAAI,CAACC,IAAL,KAAc,QAAlB,EAA4B;MAC1BV,QAAQ,CAACR,SAAS,CAACmB,iBAAV,CAA4BZ,KAA5B,EAAmCU,IAAI,CAACG,IAAxC,CAAD,CAAR;IACD,CAFD,MAEO,IAAIH,IAAI,CAACC,IAAL,KAAc,OAAlB,EAA2B;MAChCV,QAAQ,CAACR,SAAS,CAACqB,eAAV,CAA0Bd,KAA1B,EAAiCU,IAAI,CAACG,IAAtC,CAAD,CAAR;IACD;EACF,CAP6B,EAQ9B,CAACb,KAAD,EAAQC,QAAR,CAR8B,CAAhC;EAWA,IAAIF,KAAK,CAACgB,MAAN,KAAiB,CAArB,EAAwB,OAAO,IAAP;EAExB,oBACE,oBAAC,OAAD,EAAab,IAAb,EACGH,KAAK,CAACiB,GAAN,CAAWN,IAAD,IAAU;IACnB,MAAMO,MAAM,GAAGP,IAAI,CAACG,IAAL,KAAc,MAAd,IAAwBH,IAAI,CAACC,IAAL,KAAc,QAArD;IAEA,MAAMO,MAAM,GAAGD,MAAM,GACjBZ,wBADiB,GAEjBL,KAAK,CAACmB,qBAAN,GAA8BC,GAA9B,CAAkCV,IAAI,CAACG,IAAvC,KACAV,gBAAgB,KAAKO,IAAI,CAACG,IAH9B;IAIA,MAAMQ,OAAO,GAAGJ,MAAM,GAAGX,UAAH,GAAgB,MAAMG,YAAY,CAACC,IAAD,CAAxD;IAEA,oBACE,oBAAC,aAAD;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;;AA4DAxB,YAAY,CAACyB,WAAb,GAA2B,cAA3B;AAEA,eAAezB,YAAf"}
+{"version":3,"file":"StyleToolbar.js","names":["React","useCallback","useMemo","RichUtils","setLink","unsetLink","Toolbar","ToolbarButton","StyleToolbar","items","value","onChange","rest","currentBlockType","getCurrentBlockType","currentBlockContainsLink","toggleLink","url","prompt","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,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAAsBC,SAAS,QAAQ,UAAU;AAGjD,OAAOC,OAAO,MAAM,iBAAiB;AACrC,OAAOC,SAAS,MAAM,mBAAmB;AACzC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAQ3C,MAAMC,YAAyC,GAAG,CAAC;EACjDC,KAAK;EACLC,KAAK;EACLC,QAAQ,GAAG,MAAM,CAAC,CAAC;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGX,OAAO,CAC9B,MAAMC,SAAS,CAACW,mBAAmB,CAACJ,KAAK,CAAC,EAC1C,CAACA,KAAK,CAAC,CACR;EACD,MAAMK,wBAAwB,GAAGb,OAAO,CACtC,MAAMC,SAAS,CAACY,wBAAwB,CAACL,KAAK,CAAC,EAC/C,CAACA,KAAK,CAAC,CACR;EAED,MAAMM,UAAU,GAAGf,WAAW,CAAC,MAAM;IACnC,IAAIc,wBAAwB,EAAE;MAC5BJ,QAAQ,CAACN,SAAS,CAACK,KAAK,CAAC,CAAC;MAC1B;IACF;IACA;IACA,MAAMO,GAAG,GAAGC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,IAAI,CAACD,GAAG,EAAE;IACVN,QAAQ,CAACP,OAAO,CAACM,KAAK,EAAEO,GAAG,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACF,wBAAwB,EAAEL,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAE/C,MAAMQ,YAAY,GAAGlB,WAAW,CAC7BmB,IAAI,IAAK;IACR,IAAIA,IAAI,CAACC,IAAI,KAAK,QAAQ,EAAE;MAC1BV,QAAQ,CAACR,SAAS,CAACmB,iBAAiB,CAACZ,KAAK,EAAEU,IAAI,CAACG,IAAI,CAAC,CAAC;IACzD,CAAC,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MAChCV,QAAQ,CAACR,SAAS,CAACqB,eAAe,CAACd,KAAK,EAAEU,IAAI,CAACG,IAAI,CAAC,CAAC;IACvD;EACF,CAAC,EACD,CAACb,KAAK,EAAEC,QAAQ,CAAC,CAClB;EAED,IAAIF,KAAK,CAACgB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,oBACE,oBAAC,OAAO,EAAKb,IAAI,EACdH,KAAK,CAACiB,GAAG,CAAEN,IAAI,IAAK;IACnB,MAAMO,MAAM,GAAGP,IAAI,CAACG,IAAI,KAAK,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,QAAQ;IAE7D,MAAMO,MAAM,GAAGD,MAAM,GACjBZ,wBAAwB,GACxBL,KAAK,CAACmB,qBAAqB,EAAE,CAACC,GAAG,CAACV,IAAI,CAACG,IAAI,CAAC,IAC5CV,gBAAgB,KAAKO,IAAI,CAACG,IAAI;IAClC,MAAMQ,OAAO,GAAGJ,MAAM,GAAGX,UAAU,GAAG,MAAMG,YAAY,CAACC,IAAI,CAAC;IAE9D,oBACE,oBAAC,aAAa;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;AAEDxB,YAAY,CAACyB,WAAW,GAAG,cAAc;AAEzC,eAAezB,YAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","names":["styled","Popover","clr","Toolbar","p","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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,GAAT,QAAoB,oBAApB;AAEA,MAAMC,OAAO,GAAGH,MAAM,CAACC,OAAD,CAAU;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBG,CAAD,IAAOF,GAAG,CAACE,CAAC,CAACC,KAAF,CAAQC,0BAAT,CAAqC;AACrE,CATA;AAWAH,OAAO,CAACI,WAAR,GAAsB,SAAtB;AAEA,eAAeJ,OAAf"}
+{"version":3,"file":"Toolbar.js","names":["styled","Popover","clr","Toolbar","p","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,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,GAAG,QAAQ,oBAAoB;AAExC,MAAMC,OAAO,GAAGH,MAAM,CAACC,OAAO,CAAE;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBG,CAAC,IAAKF,GAAG,CAACE,CAAC,CAACC,KAAK,CAACC,0BAA0B,CAAE;AACrE,CAAC;AAEDH,OAAO,CAACI,WAAW,GAAG,SAAS;AAE/B,eAAeJ,OAAO"}

package/dist/esm/Editor/ToolbarButton.js

@@ -1,16 +1,13 @@
 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); }
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { clr } from '@os-design/theming';
 import styled from '@emotion/styled';
 import { resetButtonStyles, transitionStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-
 const activeStyles = p => p.active && css`
     background-color: ${clr(p.theme.editorToolbarButtonColorBgActive)};
   `;
-
 const StyledToolbarButton = styled('button', omitEmotionProps('active'))`
   ${resetButtonStyles};
   cursor: pointer;
@@ -35,7 +32,6 @@ const StyledToolbarButton = styled('button', omitEmotionProps('active'))`
   ${activeStyles};
   ${transitionStyles('background-color')};
 `;
-
 const ToolbarButton = ({
   onMouseDown = () => {},
   ...rest
@@ -45,7 +41,6 @@ const ToolbarButton = ({
     e.preventDefault();
   }
 }, rest));
-
 ToolbarButton.displayName = 'ToolbarButton';
 export default ToolbarButton;
 //# sourceMappingURL=ToolbarButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.js","names":["React","css","clr","styled","resetButtonStyles","transitionStyles","omitEmotionProps","activeStyles","p","active","theme","editorToolbarButtonColorBgActive","StyledToolbarButton","editorToolbarButtonSize","editorToolbarButtonColorBg","editorToolbarButtonColorText","editorToolbarButtonColorBgHover","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,gBAApB;AACA,SAASC,GAAT,QAAoB,oBAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,iBAAT,EAA4BC,gBAA5B,QAAoD,mBAApD;AACA,SAASC,gBAAT,QAAiC,kBAAjC;;AAOA,MAAMC,YAAY,GAAIC,CAAD,IACnBA,CAAC,CAACC,MAAF,IACAR,GAAI;AACN,wBAAwBC,GAAG,CAACM,CAAC,CAACE,KAAF,CAAQC,gCAAT,CAA2C;AACtE,GAJA;;AAOA,MAAMC,mBAAmB,GAAGT,MAAM,CAChC,QADgC,EAEhCG,gBAAgB,CAAC,QAAD,CAFgB,CAGN;AAC5B,IAAIF,iBAAkB;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAYI,CAAD,IAAOA,CAAC,CAACE,KAAF,CAAQG,uBAAwB;AAClD,YAAaL,CAAD,IAAOA,CAAC,CAACE,KAAF,CAAQG,uBAAwB;AACnD,sBAAuBL,CAAD,IAAON,GAAG,CAACM,CAAC,CAACE,KAAF,CAAQI,0BAAT,CAAqC;AACrE,WAAYN,CAAD,IAAON,GAAG,CAACM,CAAC,CAACE,KAAF,CAAQK,4BAAT,CAAuC;AAC5D;AACA;AACA;AACA;AACA,0BAA2BP,CAAD,IAAON,GAAG,CAACM,CAAC,CAACE,KAAF,CAAQM,+BAAT,CAA0C;AAC9E;AACA;AACA;AACA,IAAIT,YAAa;AACjB,IAAIF,gBAAgB,CAAC,kBAAD,CAAqB;AACzC,CA1BA;;AA4BA,MAAMY,aAA2C,GAAG,CAAC;EACnDC,WAAW,GAAG,MAAM,CAAE,CAD6B;EAEnD,GAAGC;AAFgD,CAAD,kBAIlD,oBAAC,mBAAD;EACE,WAAW,EAAGC,CAAD,IAAO;IAClBF,WAAW,CAACE,CAAD,CAAX;IACAA,CAAC,CAACC,cAAF;EACD;AAJH,GAKMF,IALN,EAJF;;AAaAF,aAAa,CAACK,WAAd,GAA4B,eAA5B;AAEA,eAAeL,aAAf"}
+{"version":3,"file":"ToolbarButton.js","names":["React","css","clr","styled","resetButtonStyles","transitionStyles","omitEmotionProps","activeStyles","p","active","theme","editorToolbarButtonColorBgActive","StyledToolbarButton","editorToolbarButtonSize","editorToolbarButtonColorBg","editorToolbarButtonColorText","editorToolbarButtonColorBgHover","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,GAAG,QAAQ,oBAAoB;AACxC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,mBAAmB;AACvE,SAASC,gBAAgB,QAAQ,kBAAkB;AAOnD,MAAMC,YAAY,GAAIC,CAAC,IACrBA,CAAC,CAACC,MAAM,IACRR,GAAI;AACN,wBAAwBC,GAAG,CAACM,CAAC,CAACE,KAAK,CAACC,gCAAgC,CAAE;AACtE,GAAG;AAGH,MAAMC,mBAAmB,GAAGT,MAAM,CAChC,QAAQ,EACRG,gBAAgB,CAAC,QAAQ,CAAC,CACA;AAC5B,IAAIF,iBAAkB;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAYI,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACG,uBAAwB;AAClD,YAAaL,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACG,uBAAwB;AACnD,sBAAuBL,CAAC,IAAKN,GAAG,CAACM,CAAC,CAACE,KAAK,CAACI,0BAA0B,CAAE;AACrE,WAAYN,CAAC,IAAKN,GAAG,CAACM,CAAC,CAACE,KAAK,CAACK,4BAA4B,CAAE;AAC5D;AACA;AACA;AACA;AACA,0BAA2BP,CAAC,IAAKN,GAAG,CAACM,CAAC,CAACE,KAAK,CAACM,+BAA+B,CAAE;AAC9E;AACA;AACA;AACA,IAAIT,YAAa;AACjB,IAAIF,gBAAgB,CAAC,kBAAkB,CAAE;AACzC,CAAC;AAED,MAAMY,aAA2C,GAAG,CAAC;EACnDC,WAAW,GAAG,MAAM,CAAC,CAAC;EACtB,GAAGC;AACL,CAAC,kBACC,oBAAC,mBAAmB;EAClB,WAAW,EAAGC,CAAC,IAAK;IAClBF,WAAW,CAACE,CAAC,CAAC;IACdA,CAAC,CAACC,cAAc,EAAE;EACpB;AAAE,GACEF,IAAI,EAEX;AAEDF,aAAa,CAACK,WAAW,GAAG,eAAe;AAE3C,eAAeL,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"Figure.js","names":["styled","Figure","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,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,MAAMC,MAAM,GAAGD,MAAM,CAACE,MAAO;AAC7B,mBAAoBC,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,YAAa;AAC/C;AACA,CAHA;AAKAJ,MAAM,CAACK,WAAP,GAAqB,QAArB;AAEA,eAAeL,MAAf"}
+{"version":3,"file":"Figure.js","names":["styled","Figure","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,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,MAAMC,MAAM,GAAGD,MAAM,CAACE,MAAO;AAC7B,mBAAoBC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,YAAa;AAC/C;AACA,CAAC;AAEDJ,MAAM,CAACK,WAAW,GAAG,QAAQ;AAE7B,eAAeL,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"FigureCaption.js","names":["styled","clr","FigureCaption","figcaption","p","theme","sizes","small","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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,oBAApB;AAEA,MAAMC,aAAa,GAAGF,MAAM,CAACG,UAAW;AACxC,eAAgBC,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,KAAR,CAAcC,KAAM;AAC1C;AACA;AACA,sBAAuBH,CAAD,IAAOH,GAAG,CAACG,CAAC,CAACC,KAAF,CAAQG,0BAAT,CAAqC;AACrE,WAAYJ,CAAD,IAAOH,GAAG,CAACG,CAAC,CAACC,KAAF,CAAQI,4BAAT,CAAuC;AAC5D;AACA;AACA;AACA;AACA;AACA,CAXA;AAaAP,aAAa,CAACQ,WAAd,GAA4B,eAA5B;AAEA,eAAeR,aAAf"}
+{"version":3,"file":"FigureCaption.js","names":["styled","clr","FigureCaption","figcaption","p","theme","sizes","small","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,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,GAAG,QAAQ,oBAAoB;AAExC,MAAMC,aAAa,GAAGF,MAAM,CAACG,UAAW;AACxC,eAAgBC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,KAAK,CAACC,KAAM;AAC1C;AACA;AACA,sBAAuBH,CAAC,IAAKH,GAAG,CAACG,CAAC,CAACC,KAAK,CAACG,0BAA0B,CAAE;AACrE,WAAYJ,CAAC,IAAKH,GAAG,CAACG,CAAC,CAACC,KAAK,CAACI,4BAA4B,CAAE;AAC5D;AACA;AACA;AACA;AACA;AACA,CAAC;AAEDP,aAAa,CAACQ,WAAW,GAAG,eAAe;AAE3C,eAAeR,aAAa"}

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

@@ -9,11 +9,9 @@ import FigureCaption from './FigureCaption';
 import changeBlock from '../utils/changeBlock';
 import getCurrentBlock from '../utils/getCurrentBlock';
 import Figure from './Figure';
-
 const widthStyles = p => p.width && css`
     width: ${p.width}px;
   `;
-
 const ImageFigure = styled(Figure, omitEmotionProps('width'))`
   position: relative;
   display: inline-block;
@@ -47,15 +45,15 @@ const Image = styled.img`
   max-height: ${p => p.theme.editorBlockImageMaxHeight}em;
   vertical-align: bottom;
 `;
-
 const ImageBlock = props => {
   const {
     block
   } = props;
   const data = block.getData();
   const src = data.get('src');
-  const loading = data.get('loading'); // Update the width of the image
+  const loading = data.get('loading');
 
+  // Update the width of the image
   const imageRef = useRef(null);
   const [width, setWidth] = useState(0);
   const updateWidth = useCallback(() => {
@@ -73,9 +71,7 @@ const ImageBlock = props => {
     ref: imageRef
   }), !loading && /*#__PURE__*/React.createElement(FigureCaption, null, /*#__PURE__*/React.createElement(EditorBlock, props)));
 };
-
 export const IMAGE_BLOCK = 'atomic:image';
-
 const imageBlock = onImageUpload => ({
   type: IMAGE_BLOCK,
   component: ImageBlock,
@@ -85,13 +81,13 @@ const imageBlock = onImageUpload => ({
     onChange,
     setReadOnly
   }) => {
-    if (!onImageUpload) throw new Error('Specify the onImageUpload method'); // Not working in mobile Safari.
-    // The input must be actually appended to the DOM.
+    if (!onImageUpload) throw new Error('Specify the onImageUpload method');
 
+    // Not working in mobile Safari.
+    // The input must be actually appended to the DOM.
     const input = document.createElement('input');
     input.type = 'file';
     input.accept = 'image/jpeg,image/png,image/webp';
-
     input.onchange = async e => {
       const target = e.target;
       if (!target) return;
@@ -101,15 +97,17 @@ const imageBlock = onImageUpload => ({
       if (!files) return;
       setReadOnly(true);
       const file = files[0];
-      let src = URL.createObjectURL(file); // Add the local image
+      let src = URL.createObjectURL(file);
 
+      // Add the local image
       const currentBlock = getCurrentBlock(value);
       let nextEditorState = changeBlock(value, currentBlock, IMAGE_BLOCK, {
         src,
         loading: true
       });
-      onChange(nextEditorState); // Replace the local image with the remote one
+      onChange(nextEditorState);
 
+      // Replace the local image with the remote one
       try {
         src = await onImageUpload(file);
         nextEditorState = changeBlock(value, currentBlock, IMAGE_BLOCK, {
@@ -119,17 +117,13 @@ const imageBlock = onImageUpload => ({
         if (err instanceof Error) {
           message.error(err.message);
         }
-
         nextEditorState = changeBlock(value, currentBlock, 'unstyled');
       }
-
       setReadOnly(false);
       onChange(nextEditorState);
     };
-
     input.click();
   }
 });
-
 export default imageBlock;
 //# sourceMappingURL=imageBlock.js.map

package/dist/esm/Editor/blocks/imageBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageBlock.js","names":["React","useCallback","useRef","useState","styled","EditorBlock","Loading","Picture","message","omitEmotionProps","useEvent","css","FigureCaption","changeBlock","getCurrentBlock","Figure","widthStyles","p","width","ImageFigure","Mask","div","theme","editorBlockImageMaskOpacity","LoadingIcon","editorBlockImageLoadingFontSize","Image","img","editorBlockImageMaxHeight","ImageBlock","props","block","data","getData","src","get","loading","imageRef","setWidth","updateWidth","current","window","undefined","startsWith","getText","IMAGE_BLOCK","imageBlock","onImageUpload","type","component","icon","onClick","value","onChange","setReadOnly","Error","input","document","createElement","accept","onchange","e","target","files","file","URL","createObjectURL","currentBlock","nextEditorState","err","error","click"],"sources":["../../../../src/Editor/blocks/imageBlock.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { EditorBlock } from 'draft-js';\nimport { Loading, Picture } from '@os-design/icons';\nimport { message } from '@os-design/core';\nimport { omitEmotionProps, useEvent } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\nimport { BlockProps, BlockToolbarItem } from './types';\n\nconst widthStyles = (p) =>\n  p.width &&\n  css`\n    width: ${p.width}px;\n  `;\n\ninterface ImageFigureProps {\n  width: number;\n}\nconst ImageFigure = styled(Figure, omitEmotionProps('width'))<ImageFigureProps>`\n  position: relative;\n  display: inline-block;\n  max-width: 100%;\n  ${widthStyles};\n`;\n\nconst Mask = styled.div`\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    ${(p) => p.theme.editorBlockImageMaskOpacity}\n  );\n  color: hsl(0, 0%, 100%);\n`;\n\nconst LoadingIcon = styled(Loading)`\n  font-size: ${(p) => p.theme.editorBlockImageLoadingFontSize}em;\n`;\n\nconst Image = styled.img`\n  max-width: 100%;\n  max-height: ${(p) => p.theme.editorBlockImageMaxHeight}em;\n  vertical-align: bottom;\n`;\n\nconst ImageBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const src = data.get('src') as string;\n  const loading = data.get('loading') as boolean;\n\n  // Update the width of the image\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [width, setWidth] = useState(0);\n  const updateWidth = useCallback(() => {\n    if (!imageRef.current) return;\n    setWidth(imageRef.current.width);\n  }, []);\n  useEvent(\n    (typeof window !== 'undefined' ? window : undefined) as EventTarget,\n    'resize',\n    updateWidth\n  );\n\n  if (!src) return null;\n\n  return (\n    <ImageFigure width={width}>\n      {loading && (\n        <Mask>\n          <LoadingIcon />\n        </Mask>\n      )}\n      <Image\n        src={src.startsWith('blob:') ? src : `${src}-1024`}\n        alt={block.getText()}\n        onLoad={updateWidth}\n        ref={imageRef}\n      />\n      {!loading && (\n        <FigureCaption>\n          <EditorBlock {...props} />\n        </FigureCaption>\n      )}\n    </ImageFigure>\n  );\n};\n\nexport const IMAGE_BLOCK = 'atomic:image';\n\nconst imageBlock = (\n  onImageUpload: (file: File) => Promise<string>\n): BlockToolbarItem => ({\n  type: IMAGE_BLOCK,\n  component: ImageBlock,\n  icon: <Picture />,\n  onClick: ({ value, onChange, setReadOnly }) => {\n    if (!onImageUpload) throw new Error('Specify the onImageUpload method');\n\n    // Not working in mobile Safari.\n    // The input must be actually appended to the DOM.\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.accept = 'image/jpeg,image/png,image/webp';\n    input.onchange = async (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n      const { files } = target;\n      if (!files) return;\n\n      setReadOnly(true);\n      const file = files[0];\n      let src = URL.createObjectURL(file);\n\n      // Add the local image\n      const currentBlock = getCurrentBlock(value);\n      let nextEditorState = changeBlock(value, currentBlock, IMAGE_BLOCK, {\n        src,\n        loading: true,\n      });\n      onChange(nextEditorState);\n\n      // Replace the local image with the remote one\n      try {\n        src = await onImageUpload(file);\n        nextEditorState = changeBlock(value, currentBlock, IMAGE_BLOCK, {\n          src,\n        });\n      } catch (err) {\n        if (err instanceof Error) {\n          message.error(err.message);\n        }\n        nextEditorState = changeBlock(value, currentBlock, 'unstyled');\n      }\n\n      setReadOnly(false);\n      onChange(nextEditorState);\n    };\n    input.click();\n  },\n});\n\nexport default imageBlock;\n"],"mappings":"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"}
+{"version":3,"file":"imageBlock.js","names":["React","useCallback","useRef","useState","styled","EditorBlock","Loading","Picture","message","omitEmotionProps","useEvent","css","FigureCaption","changeBlock","getCurrentBlock","Figure","widthStyles","p","width","ImageFigure","Mask","div","theme","editorBlockImageMaskOpacity","LoadingIcon","editorBlockImageLoadingFontSize","Image","img","editorBlockImageMaxHeight","ImageBlock","props","block","data","getData","src","get","loading","imageRef","setWidth","updateWidth","current","window","undefined","startsWith","getText","IMAGE_BLOCK","imageBlock","onImageUpload","type","component","icon","onClick","value","onChange","setReadOnly","Error","input","document","createElement","accept","onchange","e","target","files","file","URL","createObjectURL","currentBlock","nextEditorState","err","error","click"],"sources":["../../../../src/Editor/blocks/imageBlock.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { EditorBlock } from 'draft-js';\nimport { Loading, Picture } from '@os-design/icons';\nimport { message } from '@os-design/core';\nimport { omitEmotionProps, useEvent } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\nimport { BlockProps, BlockToolbarItem } from './types';\n\nconst widthStyles = (p) =>\n  p.width &&\n  css`\n    width: ${p.width}px;\n  `;\n\ninterface ImageFigureProps {\n  width: number;\n}\nconst ImageFigure = styled(Figure, omitEmotionProps('width'))<ImageFigureProps>`\n  position: relative;\n  display: inline-block;\n  max-width: 100%;\n  ${widthStyles};\n`;\n\nconst Mask = styled.div`\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    ${(p) => p.theme.editorBlockImageMaskOpacity}\n  );\n  color: hsl(0, 0%, 100%);\n`;\n\nconst LoadingIcon = styled(Loading)`\n  font-size: ${(p) => p.theme.editorBlockImageLoadingFontSize}em;\n`;\n\nconst Image = styled.img`\n  max-width: 100%;\n  max-height: ${(p) => p.theme.editorBlockImageMaxHeight}em;\n  vertical-align: bottom;\n`;\n\nconst ImageBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const src = data.get('src') as string;\n  const loading = data.get('loading') as boolean;\n\n  // Update the width of the image\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [width, setWidth] = useState(0);\n  const updateWidth = useCallback(() => {\n    if (!imageRef.current) return;\n    setWidth(imageRef.current.width);\n  }, []);\n  useEvent(\n    (typeof window !== 'undefined' ? window : undefined) as EventTarget,\n    'resize',\n    updateWidth\n  );\n\n  if (!src) return null;\n\n  return (\n    <ImageFigure width={width}>\n      {loading && (\n        <Mask>\n          <LoadingIcon />\n        </Mask>\n      )}\n      <Image\n        src={src.startsWith('blob:') ? src : `${src}-1024`}\n        alt={block.getText()}\n        onLoad={updateWidth}\n        ref={imageRef}\n      />\n      {!loading && (\n        <FigureCaption>\n          <EditorBlock {...props} />\n        </FigureCaption>\n      )}\n    </ImageFigure>\n  );\n};\n\nexport const IMAGE_BLOCK = 'atomic:image';\n\nconst imageBlock = (\n  onImageUpload: (file: File) => Promise<string>\n): BlockToolbarItem => ({\n  type: IMAGE_BLOCK,\n  component: ImageBlock,\n  icon: <Picture />,\n  onClick: ({ value, onChange, setReadOnly }) => {\n    if (!onImageUpload) throw new Error('Specify the onImageUpload method');\n\n    // Not working in mobile Safari.\n    // The input must be actually appended to the DOM.\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.accept = 'image/jpeg,image/png,image/webp';\n    input.onchange = async (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n      const { files } = target;\n      if (!files) return;\n\n      setReadOnly(true);\n      const file = files[0];\n      let src = URL.createObjectURL(file);\n\n      // Add the local image\n      const currentBlock = getCurrentBlock(value);\n      let nextEditorState = changeBlock(value, currentBlock, IMAGE_BLOCK, {\n        src,\n        loading: true,\n      });\n      onChange(nextEditorState);\n\n      // Replace the local image with the remote one\n      try {\n        src = await onImageUpload(file);\n        nextEditorState = changeBlock(value, currentBlock, IMAGE_BLOCK, {\n          src,\n        });\n      } catch (err) {\n        if (err instanceof Error) {\n          message.error(err.message);\n        }\n        nextEditorState = changeBlock(value, currentBlock, 'unstyled');\n      }\n\n      setReadOnly(false);\n      onChange(nextEditorState);\n    };\n    input.click();\n  },\n});\n\nexport default imageBlock;\n"],"mappings":"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"}