@os-design/editor 1.0.200 → 1.0.202

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _icons = require("@os-design/icons");
+var _react = _interopRequireDefault(require("react"));
 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) } })); }

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

@@ -1 +1 @@
-{"version":3,"file":"defaultStyleToolbarItems.js","names":["FontSizeSmall","styled","FontSize","defaultStyleToolbarItems","name","type","icon"],"sources":["../../../../src/Editor/utils/defaultStyleToolbarItems.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport {\n  Bold,\n  FontSize,\n  OrderedList,\n  UnorderedList,\n  Link as LinkIcon,\n} from '@os-design/icons';\n\nexport interface StyleToolbarItem {\n  name: string;\n  type: 'block' | 'inline';\n  icon: React.ReactNode;\n}\n\nconst FontSizeSmall = styled(FontSize)`\n  transform: scale(0.7);\n`;\n\nconst defaultStyleToolbarItems: StyleToolbarItem[] = [\n  { name: 'header-two', type: 'block', icon: <FontSize /> },\n  { name: 'header-three', type: 'block', icon: <FontSizeSmall /> },\n  { name: 'BOLD', type: 'inline', icon: <Bold /> },\n  { name: 'unordered-list-item', type: 'block', icon: <UnorderedList /> },\n  { name: 'ordered-list-item', type: 'block', icon: <OrderedList /> },\n  { name: 'LINK', type: 'inline', icon: <LinkIcon /> },\n];\n\nexport default defaultStyleToolbarItems;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAM0B;AAAA;AAAA;AAQ1B,IAAMA,aAAa,GAAG,IAAAC,kBAAM,EAACC,eAAQ,CAAC,iGAErC;AAED,IAAMC,wBAA4C,GAAG,CACnD;EAAEC,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,eAAQ;AAAI,CAAC,EACzD;EAAEF,IAAI,EAAE,cAAc;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,aAAa;AAAI,CAAC,EAChE;EAAEF,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAE,gCAAC,WAAI;AAAI,CAAC,EAChD;EAAEF,IAAI,EAAE,qBAAqB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,oBAAa;AAAI,CAAC,EACvE;EAAEF,IAAI,EAAE,mBAAmB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAE,gCAAC,kBAAW;AAAI,CAAC,EACnE;EAAEF,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAE,gCAAC,WAAQ;AAAI,CAAC,CACrD;AAAC,eAEaH,wBAAwB;AAAA"}
+{"version":3,"file":"defaultStyleToolbarItems.js","names":["_styled","_interopRequireDefault","require","_icons","_react","_templateObject","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","FontSizeSmall","styled","FontSize","defaultStyleToolbarItems","name","type","icon","createElement","Bold","UnorderedList","OrderedList","Link","_default","exports"],"sources":["../../../../src/Editor/utils/defaultStyleToolbarItems.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n  Bold,\n  FontSize,\n  Link as LinkIcon,\n  OrderedList,\n  UnorderedList,\n} from '@os-design/icons';\nimport React from 'react';\n\nexport interface StyleToolbarItem {\n  name: string;\n  type: 'block' | 'inline';\n  icon: React.ReactNode;\n}\n\nconst FontSizeSmall = styled(FontSize)`\n  transform: scale(0.7);\n`;\n\nconst defaultStyleToolbarItems: StyleToolbarItem[] = [\n  { name: 'header-two', type: 'block', icon: <FontSize /> },\n  { name: 'header-three', type: 'block', icon: <FontSizeSmall /> },\n  { name: 'BOLD', type: 'inline', icon: <Bold /> },\n  { name: 'unordered-list-item', type: 'block', icon: <UnorderedList /> },\n  { name: 'ordered-list-item', type: 'block', icon: <OrderedList /> },\n  { name: 'LINK', type: 'inline', icon: <LinkIcon /> },\n];\n\nexport default defaultStyleToolbarItems;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0B,IAAAG,eAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAQ1B,IAAMM,aAAa,GAAG,IAAAC,kBAAM,EAACC,eAAQ,CAAC,CAAAb,eAAA,KAAAA,eAAA,GAAAG,sBAAA,oCAErC;AAED,IAAMW,wBAA4C,GAAG,CACnD;EAAEC,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAe,QAAQ,MAAE;AAAE,CAAC,EACzD;EAAEE,IAAI,EAAE,cAAc;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACP,aAAa,MAAE;AAAE,CAAC,EAChE;EAAEI,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAqB,IAAI,MAAE;AAAE,CAAC,EAChD;EAAEJ,IAAI,EAAE,qBAAqB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAsB,aAAa,MAAE;AAAE,CAAC,EACvE;EAAEL,IAAI,EAAE,mBAAmB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAuB,WAAW,MAAE;AAAE,CAAC,EACnE;EAAEN,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAwB,IAAQ,MAAE;AAAE,CAAC,CACrD;AAAC,IAAAC,QAAA,GAEaT,wBAAwB;AAAAU,OAAA,cAAAD,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"getCurrentBlock.js","names":["getCurrentBlock","editorState","selectionState","getSelection","contentState","getCurrentContent","getBlockForKey","getStartKey"],"sources":["../../../../src/Editor/utils/getCurrentBlock.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\n\nconst getCurrentBlock = (editorState: EditorState): ContentBlock => {\n  const selectionState = editorState.getSelection();\n  const contentState = editorState.getCurrentContent();\n  return contentState.getBlockForKey(selectionState.getStartKey());\n};\n\nexport default getCurrentBlock;\n"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,WAAwB,EAAmB;EAClE,IAAMC,cAAc,GAAGD,WAAW,CAACE,YAAY,EAAE;EACjD,IAAMC,YAAY,GAAGH,WAAW,CAACI,iBAAiB,EAAE;EACpD,OAAOD,YAAY,CAACE,cAAc,CAACJ,cAAc,CAACK,WAAW,EAAE,CAAC;AAClE,CAAC;AAAC,eAEaP,eAAe;AAAA"}
+{"version":3,"file":"getCurrentBlock.js","names":["getCurrentBlock","editorState","selectionState","getSelection","contentState","getCurrentContent","getBlockForKey","getStartKey","_default","exports"],"sources":["../../../../src/Editor/utils/getCurrentBlock.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\n\nconst getCurrentBlock = (editorState: EditorState): ContentBlock => {\n  const selectionState = editorState.getSelection();\n  const contentState = editorState.getCurrentContent();\n  return contentState.getBlockForKey(selectionState.getStartKey());\n};\n\nexport default getCurrentBlock;\n"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,WAAwB,EAAmB;EAClE,IAAMC,cAAc,GAAGD,WAAW,CAACE,YAAY,CAAC,CAAC;EACjD,IAAMC,YAAY,GAAGH,WAAW,CAACI,iBAAiB,CAAC,CAAC;EACpD,OAAOD,YAAY,CAACE,cAAc,CAACJ,cAAc,CAACK,WAAW,CAAC,CAAC,CAAC;AAClE,CAAC;AAAC,IAAAC,QAAA,GAEaR,eAAe;AAAAS,OAAA,cAAAD,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSelectedBlockElement.js","names":["getSelectedBlockElement","selectionRange","getSelectionRange","node","startContainer","Element","getAttribute","parentNode"],"sources":["../../../../src/Editor/utils/getSelectedBlockElement.ts"],"sourcesContent":["import getSelectionRange from './getSelectionRange';\n\nconst getSelectedBlockElement = (): Element | null => {\n  const selectionRange = getSelectionRange();\n  if (!selectionRange) return null;\n\n  let node: Node | null = selectionRange.startContainer;\n\n  do {\n    if (node instanceof Element && node.getAttribute('data-block') === 'true')\n      return node;\n    node = node.parentNode;\n  } while (node != null);\n  return null;\n};\n\nexport default getSelectedBlockElement;\n"],"mappings":";;;;;;AAAA;AAAoD;AAEpD,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAyB;EACpD,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,GAAE;EAC1C,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;EAEhC,IAAIE,IAAiB,GAAGF,cAAc,CAACG,cAAc;EAErD,GAAG;IACD,IAAID,IAAI,YAAYE,OAAO,IAAIF,IAAI,CAACG,YAAY,CAAC,YAAY,CAAC,KAAK,MAAM,EACvE,OAAOH,IAAI;IACbA,IAAI,GAAGA,IAAI,CAACI,UAAU;EACxB,CAAC,QAAQJ,IAAI,IAAI,IAAI;EACrB,OAAO,IAAI;AACb,CAAC;AAAC,eAEaH,uBAAuB;AAAA"}
+{"version":3,"file":"getSelectedBlockElement.js","names":["_getSelectionRange","_interopRequireDefault","require","obj","__esModule","getSelectedBlockElement","selectionRange","getSelectionRange","node","startContainer","Element","getAttribute","parentNode","_default","exports"],"sources":["../../../../src/Editor/utils/getSelectedBlockElement.ts"],"sourcesContent":["import getSelectionRange from './getSelectionRange';\n\nconst getSelectedBlockElement = (): Element | null => {\n  const selectionRange = getSelectionRange();\n  if (!selectionRange) return null;\n\n  let node: Node | null = selectionRange.startContainer;\n\n  do {\n    if (node instanceof Element && node.getAttribute('data-block') === 'true')\n      return node;\n    node = node.parentNode;\n  } while (node != null);\n  return null;\n};\n\nexport default getSelectedBlockElement;\n"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAEpD,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAyB;EACpD,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,EAAC,CAAC;EAC1C,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;EAEhC,IAAIE,IAAiB,GAAGF,cAAc,CAACG,cAAc;EAErD,GAAG;IACD,IAAID,IAAI,YAAYE,OAAO,IAAIF,IAAI,CAACG,YAAY,CAAC,YAAY,CAAC,KAAK,MAAM,EACvE,OAAOH,IAAI;IACbA,IAAI,GAAGA,IAAI,CAACI,UAAU;EACxB,CAAC,QAAQJ,IAAI,IAAI,IAAI;EACrB,OAAO,IAAI;AACb,CAAC;AAAC,IAAAK,QAAA,GAEaR,uBAAuB;AAAAS,OAAA,cAAAD,QAAA"}

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,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"}
+{"version":3,"file":"getSelectionRange.js","names":["getSelectionRange","selection","document","getSelection","rangeCount","getRangeAt","_default","exports"],"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,iBAAiBA,CAAA,EAAuB;EAC5C,IAAMC,SAAS,GAAGC,QAAQ,CAACC,YAAY,CAAC,CAAC;EACzC,IAAI,CAACF,SAAS,IAAIA,SAAS,CAACG,UAAU,KAAK,CAAC,EAAE,OAAO,IAAI;EACzD,OAAOH,SAAS,CAACI,UAAU,CAAC,CAAC,CAAC;AAChC,CAAC;AAAC,IAAAC,QAAA,GAEaN,iBAAiB;AAAAO,OAAA,cAAAD,QAAA"}

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,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"}
+{"version":3,"file":"setLink.js","names":["_draftJs","require","setLink","editorState","url","containsLink","RichUtils","currentBlockContainsLink","contentState","getCurrentContent","contentStateWithLink","createEntity","entityKey","getLastCreatedEntityKey","nextEditorState","EditorState","set","currentContent","toggleLink","getSelection","_default","exports"],"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,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAOA,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,CAAC,CAAC;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,CAAC,CAAC;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,CAAC,CAAC,EAC9BP,SACF,CAAC;AACH,CAAC;AAAC,IAAAQ,QAAA,GAEalB,OAAO;AAAAmB,OAAA,cAAAD,QAAA"}

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,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"}
+{"version":3,"file":"transformers.js","names":["editorStateToFirstParagraph","editorState","firstUnstyledBlock","getCurrentContent","getBlocksAsArray","find","block","getType","getText","exports","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,2BAA2BA,CACtCC,WAAwB,EACb;EACX,IAAMC,kBAAkB,GAAGD,WAAW,CACnCE,iBAAiB,CAAC,CAAC,CACnBC,gBAAgB,CAAC,CAAC,CAClBC,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,KAAK,UAAU;EAAA,EAAC;EAElD,OAAOL,kBAAkB,GAAGA,kBAAkB,CAACM,OAAO,CAAC,CAAC,GAAG,EAAE;AAC/D,CAAC;AAACC,OAAA,CAAAT,2BAAA,GAAAA,2BAAA;AAEK,IAAMU,4BAA4B,GAAG,SAA/BA,4BAA4BA,CACvCT,WAAwB;EAAA,OAExBD,2BAA2B,CAACC,WAAW,CAAC,CACrCU,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CACbC,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC/BC,IAAI,CAAC,CAAC;AAAA;AAACJ,OAAA,CAAAC,4BAAA,GAAAA,4BAAA"}

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,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"}
+{"version":3,"file":"unsetLink.js","names":["_draftJs","require","unsetLink","editorState","containsLink","RichUtils","currentBlockContainsLink","selectionState","getSelection","toggleLink","_default","exports"],"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,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAASA,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,CAAC,CAAC;EACjD,OAAOH,kBAAS,CAACI,UAAU,CAACN,WAAW,EAAEI,cAAc,EAAE,IAAI,CAAC;AAChE,CAAC;AAAC,IAAAG,QAAA,GAEaR,SAAS;AAAAS,OAAA,cAAAD,QAAA"}

package/dist/cjs/EditorSkeleton/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = _interopRequireWildcard(require("react"));
 var _core = require("@os-design/core");
+var _react = _interopRequireWildcard(require("react"));
 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; }

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;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"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_core","_react","_interopRequireWildcard","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledEditorSkeleton","styled","InputSkeleton","p","theme","editorMinHeight","EditorSkeleton","forwardRef","props","ref","createElement","displayName","_default","exports"],"sources":["../../../src/EditorSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport { InputSkeleton, InputSkeletonProps } from '@os-design/core';\nimport React, { forwardRef } from 'react';\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":"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"}

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;AAAsC;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Editor","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_addNewBlockAt","_interopRequireDefault","_changeBlock","_createContentEditorState","_createDecorator","_createEmptyEditorState","_defaultStyleToolbarItems","_getCurrentBlock","_imageBlock","_videoBlock","_EditorSkeleton","_transformers","_types","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"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":"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"}

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,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"}
+{"version":3,"file":"BlockToolbar.js","names":["React","useCallback","Toolbar","ToolbarButton","getCurrentBlock","BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","onClick","currentBlock","getType","getLength","createElement","map","item","key","type","icon"],"sources":["../../../src/Editor/BlockToolbar.tsx"],"sourcesContent":["import { PopoverProps } from '@os-design/core';\nimport { EditorState } from 'draft-js';\nimport React, { useCallback } from 'react';\n\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":"AAEA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAOC,eAAe,MAAM,yBAAyB;AASrD,MAAMC,YAAyC,GAAGA,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,CAAC,CAAC,KAAK,UAAU,IAAID,YAAY,CAACE,SAAS,CAAC,CAAC,GAAG,CAAC,EACvE;IACFH,OAAO,CAAC;MACNL,KAAK;MACLC,QAAQ;MACRC;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,EAAEC,WAAW,CAC/B,CAAC;EAED,oBACET,KAAA,CAAAgB,aAAA,CAACd,OAAO,EAAKQ,IAAI,EACdJ,KAAK,CAACW,GAAG,CAAEC,IAAI,iBACdlB,KAAA,CAAAgB,aAAA,CAACb,aAAa;IAACgB,GAAG,EAAED,IAAI,CAACE,IAAK;IAACR,OAAO,EAAEA,CAAA,KAAMD,YAAY,CAACO,IAAI;EAAE,GAC9DA,IAAI,CAACG,IACO,CAChB,CACM,CAAC;AAEd,CAAC;AAED,eAAehB,YAAY"}

package/dist/esm/Editor/StyleToolbar.js

@@ -1,9 +1,9 @@
-import React, { useCallback, useMemo } from 'react';
 import { RichUtils } from 'draft-js';
-import setLink from './utils/setLink';
-import unsetLink from './utils/unsetLink';
+import React, { useCallback, useMemo } from 'react';
 import Toolbar from './Toolbar';
 import ToolbarButton from './ToolbarButton';
+import setLink from './utils/setLink';
+import unsetLink from './utils/unsetLink';
 const StyleToolbar = ({
   items,
   value,

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,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"}
+{"version":3,"file":"StyleToolbar.js","names":["RichUtils","React","useCallback","useMemo","Toolbar","ToolbarButton","setLink","unsetLink","StyleToolbar","items","value","onChange","rest","currentBlockType","getCurrentBlockType","currentBlockContainsLink","toggleLink","url","prompt","clickHandler","item","type","toggleInlineStyle","name","toggleBlockType","length","createElement","map","isLink","active","getCurrentInlineStyle","has","onClick","key","icon","displayName"],"sources":["../../../src/Editor/StyleToolbar.tsx"],"sourcesContent":["import { PopoverProps } from '@os-design/core';\nimport { EditorState, RichUtils } from 'draft-js';\n\nimport React, { useCallback, useMemo } from 'react';\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\n\nimport { StyleToolbarItem } from './utils/defaultStyleToolbarItems';\nimport setLink from './utils/setLink';\nimport unsetLink from './utils/unsetLink';\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":"AACA,SAAsBA,SAAS,QAAQ,UAAU;AAEjD,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAG3C,OAAOC,OAAO,MAAM,iBAAiB;AACrC,OAAOC,SAAS,MAAM,mBAAmB;AAQzC,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,KAAK;EACLC,KAAK;EACLC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGV,OAAO,CAC9B,MAAMH,SAAS,CAACc,mBAAmB,CAACJ,KAAK,CAAC,EAC1C,CAACA,KAAK,CACR,CAAC;EACD,MAAMK,wBAAwB,GAAGZ,OAAO,CACtC,MAAMH,SAAS,CAACe,wBAAwB,CAACL,KAAK,CAAC,EAC/C,CAACA,KAAK,CACR,CAAC;EAED,MAAMM,UAAU,GAAGd,WAAW,CAAC,MAAM;IACnC,IAAIa,wBAAwB,EAAE;MAC5BJ,QAAQ,CAACJ,SAAS,CAACG,KAAK,CAAC,CAAC;MAC1B;IACF;IACA;IACA,MAAMO,GAAG,GAAGC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,IAAI,CAACD,GAAG,EAAE;IACVN,QAAQ,CAACL,OAAO,CAACI,KAAK,EAAEO,GAAG,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACF,wBAAwB,EAAEL,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAE/C,MAAMQ,YAAY,GAAGjB,WAAW,CAC7BkB,IAAI,IAAK;IACR,IAAIA,IAAI,CAACC,IAAI,KAAK,QAAQ,EAAE;MAC1BV,QAAQ,CAACX,SAAS,CAACsB,iBAAiB,CAACZ,KAAK,EAAEU,IAAI,CAACG,IAAI,CAAC,CAAC;IACzD,CAAC,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MAChCV,QAAQ,CAACX,SAAS,CAACwB,eAAe,CAACd,KAAK,EAAEU,IAAI,CAACG,IAAI,CAAC,CAAC;IACvD;EACF,CAAC,EACD,CAACb,KAAK,EAAEC,QAAQ,CAClB,CAAC;EAED,IAAIF,KAAK,CAACgB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,oBACExB,KAAA,CAAAyB,aAAA,CAACtB,OAAO,EAAKQ,IAAI,EACdH,KAAK,CAACkB,GAAG,CAAEP,IAAI,IAAK;IACnB,MAAMQ,MAAM,GAAGR,IAAI,CAACG,IAAI,KAAK,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,QAAQ;IAE7D,MAAMQ,MAAM,GAAGD,MAAM,GACjBb,wBAAwB,GACxBL,KAAK,CAACoB,qBAAqB,CAAC,CAAC,CAACC,GAAG,CAACX,IAAI,CAACG,IAAI,CAAC,IAC5CV,gBAAgB,KAAKO,IAAI,CAACG,IAAI;IAClC,MAAMS,OAAO,GAAGJ,MAAM,GAAGZ,UAAU,GAAG,MAAMG,YAAY,CAACC,IAAI,CAAC;IAE9D,oBACEnB,KAAA,CAAAyB,aAAA,CAACrB,aAAa;MAAC4B,GAAG,EAAEb,IAAI,CAACG,IAAK;MAACM,MAAM,EAAEA,MAAO;MAACG,OAAO,EAAEA;IAAQ,GAC7DZ,IAAI,CAACc,IACO,CAAC;EAEpB,CAAC,CACM,CAAC;AAEd,CAAC;AAED1B,YAAY,CAAC2B,WAAW,GAAG,cAAc;AAEzC,eAAe3B,YAAY"}

package/dist/esm/Editor/ToolbarButton.js

@@ -1,10 +1,10 @@
 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 { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
+import React from 'react';
 const activeStyles = p => p.active && css`
     background-color: ${clr(p.theme.editorToolbarButtonColorBgActive)};
   `;

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,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"}
+{"version":3,"file":"ToolbarButton.js","names":["css","styled","resetButtonStyles","transitionStyles","clr","omitEmotionProps","React","activeStyles","p","active","theme","editorToolbarButtonColorBgActive","StyledToolbarButton","editorToolbarButtonSize","editorToolbarButtonColorBg","editorToolbarButtonColorText","editorToolbarButtonColorBgHover","ToolbarButton","onMouseDown","rest","createElement","_extends","e","preventDefault","displayName"],"sources":["../../../src/Editor/ToolbarButton.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport styled from '@emotion/styled';\nimport { resetButtonStyles, transitionStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\n\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,mBAAmB;AACvE,SAASC,GAAG,QAAQ,oBAAoB;AAExC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,MAAM,OAAO;AAOzB,MAAMC,YAAY,GAAIC,CAAC,IACrBA,CAAC,CAACC,MAAM,IACRT,GAAI;AACN,wBAAwBI,GAAG,CAACI,CAAC,CAACE,KAAK,CAACC,gCAAgC,CAAE;AACtE,GAAG;AAGH,MAAMC,mBAAmB,GAAGX,MAAM,CAChC,QAAQ,EACRI,gBAAgB,CAAC,QAAQ,CAC3B,CAA4B;AAC5B,IAAIH,iBAAkB;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAYM,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACG,uBAAwB;AAClD,YAAaL,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACG,uBAAwB;AACnD,sBAAuBL,CAAC,IAAKJ,GAAG,CAACI,CAAC,CAACE,KAAK,CAACI,0BAA0B,CAAE;AACrE,WAAYN,CAAC,IAAKJ,GAAG,CAACI,CAAC,CAACE,KAAK,CAACK,4BAA4B,CAAE;AAC5D;AACA;AACA;AACA;AACA,0BAA2BP,CAAC,IAAKJ,GAAG,CAACI,CAAC,CAACE,KAAK,CAACM,+BAA+B,CAAE;AAC9E;AACA;AACA;AACA,IAAIT,YAAa;AACjB,IAAIJ,gBAAgB,CAAC,kBAAkB,CAAE;AACzC,CAAC;AAED,MAAMc,aAA2C,GAAGA,CAAC;EACnDC,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;EACtB,GAAGC;AACL,CAAC,kBACCb,KAAA,CAAAc,aAAA,CAACR,mBAAmB,EAAAS,QAAA;EAClBH,WAAW,EAAGI,CAAC,IAAK;IAClBJ,WAAW,CAACI,CAAC,CAAC;IACdA,CAAC,CAACC,cAAc,CAAC,CAAC;EACpB;AAAE,GACEJ,IAAI,CACT,CACF;AAEDF,aAAa,CAACO,WAAW,GAAG,eAAe;AAE3C,eAAeP,aAAa"}

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

@@ -1,14 +1,14 @@
-import React, { useCallback, useRef, useState } from 'react';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import { EditorBlock } from 'draft-js';
-import { Loading, Picture } from '@os-design/icons';
 import { message } from '@os-design/core';
+import { Loading, Picture } from '@os-design/icons';
 import { omitEmotionProps, useEvent } from '@os-design/utils';
-import { css } from '@emotion/react';
-import FigureCaption from './FigureCaption';
+import { EditorBlock } from 'draft-js';
+import React, { useCallback, useRef, useState } from 'react';
 import changeBlock from '../utils/changeBlock';
 import getCurrentBlock from '../utils/getCurrentBlock';
 import Figure from './Figure';
+import FigureCaption from './FigureCaption';
 const widthStyles = p => p.width && css`
     width: ${p.width}px;
   `;

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":["css","styled","message","Loading","Picture","omitEmotionProps","useEvent","EditorBlock","React","useCallback","useRef","useState","changeBlock","getCurrentBlock","Figure","FigureCaption","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","createElement","startsWith","alt","getText","onLoad","ref","IMAGE_BLOCK","imageBlock","onImageUpload","type","component","icon","onClick","value","onChange","setReadOnly","Error","input","document","accept","onchange","e","target","files","file","URL","createObjectURL","currentBlock","nextEditorState","err","error","click"],"sources":["../../../../src/Editor/blocks/imageBlock.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport styled from '@emotion/styled';\nimport { message } from '@os-design/core';\n\nimport { Loading, Picture } from '@os-design/icons';\n\nimport { omitEmotionProps, useEvent } from '@os-design/utils';\nimport { EditorBlock } from 'draft-js';\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\nimport FigureCaption from './FigureCaption';\n\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/Editor/blocks/types.ts"],"sourcesContent":["import React from 'react';\nimport { ContentBlock, EditorState } from 'draft-js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface BlockProps extends Record<string, any> {\n  block: ContentBlock;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface BlockToolbarItemOnClickProps extends Record<string, any> {\n  value: EditorState;\n  onChange: (value: EditorState) => void;\n  setReadOnly: (readOnly: boolean) => void;\n}\n\nexport interface BlockToolbarItem {\n  type: string;\n  component: React.FC<BlockProps>;\n  icon: React.ReactElement;\n  onClick: (props: BlockToolbarItemOnClickProps) => void;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/Editor/blocks/types.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\nimport React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface BlockProps extends Record<string, any> {\n  block: ContentBlock;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface BlockToolbarItemOnClickProps extends Record<string, any> {\n  value: EditorState;\n  onChange: (value: EditorState) => void;\n  setReadOnly: (readOnly: boolean) => void;\n}\n\nexport interface BlockToolbarItem {\n  type: string;\n  component: React.FC<BlockProps>;\n  icon: React.ReactElement;\n  onClick: (props: BlockToolbarItemOnClickProps) => void;\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { EditorBlock } from 'draft-js';
 import { Video } from '@os-design/core';
 import { Video as VideoIcon } from '@os-design/icons';
-import FigureCaption from './FigureCaption';
+import { EditorBlock } from 'draft-js';
+import React from 'react';
 import changeBlock from '../utils/changeBlock';
 import getCurrentBlock from '../utils/getCurrentBlock';
 import Figure from './Figure';
+import FigureCaption from './FigureCaption';
 const VideoBlock = props => {
   const {
     block

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

@@ -1 +1 @@
-{"version":3,"file":"videoBlock.js","names":["React","EditorBlock","Video","VideoIcon","FigureCaption","changeBlock","getCurrentBlock","Figure","VideoBlock","props","block","data","getData","src","get","getText","videoTypes","re","getUrl","id","detectVideo","url","groups","match","VIDEO_BLOCK","videoBlock","type","component","icon","onClick","value","onChange","prompt","currentBlock","nextEditorState"],"sources":["../../../../src/Editor/blocks/videoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { EditorBlock } from 'draft-js';\nimport { Video } from '@os-design/core';\nimport { Video as VideoIcon } from '@os-design/icons';\nimport { BlockToolbarItem, BlockProps } from './types';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\n\nconst VideoBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const src = data.get('src');\n\n  if (!src) return null;\n\n  return (\n    <Figure>\n      <Video src={src} title={block.getText()} />\n      <FigureCaption>\n        <EditorBlock {...props} />\n      </FigureCaption>\n    </Figure>\n  );\n};\n\nconst videoTypes = [\n  /**\n   * YouTube. Supported formats:\n   * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin\n   * https://www.youtube.com/embed/FJIhWbUt600\n   * https://youtu.be/FJIhWbUt600\n   */\n  {\n    re: /^https:\\/\\/(?:www\\.youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([A-z0-9-_]*).*$/,\n    getUrl: (id: string) => `https://www.youtube.com/embed/${id}`,\n  },\n  /**\n   * RuTube. Supported formats:\n   * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/\n   * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1\n   */\n  {\n    re: /^https:\\/\\/rutube\\.ru\\/(?:video|play\\/embed)\\/([a-z0-9]*)\\/?$/,\n    getUrl: (id: string) => `https://rutube.ru/play/embed/${id}`,\n  },\n];\n\nconst detectVideo = (url: string) => {\n  // eslint-disable-next-line no-restricted-syntax\n  for (const { re, getUrl } of videoTypes) {\n    const groups = url.match(re);\n    if (groups && groups[1]) return getUrl(groups[1]);\n  }\n  return null;\n};\n\nexport const VIDEO_BLOCK = 'atomic:video';\n\nconst videoBlock: BlockToolbarItem = {\n  type: VIDEO_BLOCK,\n  component: VideoBlock,\n  icon: <VideoIcon />,\n  onClick: ({ value, onChange }) => {\n    // eslint-disable-next-line no-alert\n    const url = prompt('Insert a link to YouTube or RuTube');\n    if (!url) return;\n\n    const src = detectVideo(url);\n    if (!src) return;\n\n    const currentBlock = getCurrentBlock(value);\n    const nextEditorState = changeBlock(value, currentBlock, VIDEO_BLOCK, {\n      src,\n    });\n\n    onChange(nextEditorState);\n  },\n};\n\nexport default videoBlock;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASA,KAAK,IAAIC,SAAS,QAAQ,kBAAkB;AAErD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,eAAe,MAAM,0BAA0B;AACtD,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,UAAgC,GAAIC,KAAK,IAAK;EAClD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAME,IAAI,GAAGD,KAAK,CAACE,OAAO,EAAE;EAC5B,MAAMC,GAAG,GAAGF,IAAI,CAACG,GAAG,CAAC,KAAK,CAAC;EAE3B,IAAI,CAACD,GAAG,EAAE,OAAO,IAAI;EAErB,oBACE,oBAAC,MAAM,qBACL,oBAAC,KAAK;IAAC,GAAG,EAAEA,GAAI;IAAC,KAAK,EAAEH,KAAK,CAACK,OAAO;EAAG,EAAG,eAC3C,oBAAC,aAAa,qBACZ,oBAAC,WAAW,EAAKN,KAAK,CAAI,CACZ,CACT;AAEb,CAAC;AAED,MAAMO,UAAU,GAAG;AACjB;AACF;AACA;AACA;AACA;AACA;AACE;EACEC,EAAE,EAAE,qFAAqF;EACzFC,MAAM,EAAGC,EAAU,IAAM,iCAAgCA,EAAG;AAC9D,CAAC;AACD;AACF;AACA;AACA;AACA;AACE;EACEF,EAAE,EAAE,+DAA+D;EACnEC,MAAM,EAAGC,EAAU,IAAM,gCAA+BA,EAAG;AAC7D,CAAC,CACF;AAED,MAAMC,WAAW,GAAIC,GAAW,IAAK;EACnC;EACA,KAAK,MAAM;IAAEJ,EAAE;IAAEC;EAAO,CAAC,IAAIF,UAAU,EAAE;IACvC,MAAMM,MAAM,GAAGD,GAAG,CAACE,KAAK,CAACN,EAAE,CAAC;IAC5B,IAAIK,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE,OAAOJ,MAAM,CAACI,MAAM,CAAC,CAAC,CAAC,CAAC;EACnD;EACA,OAAO,IAAI;AACb,CAAC;AAED,OAAO,MAAME,WAAW,GAAG,cAAc;AAEzC,MAAMC,UAA4B,GAAG;EACnCC,IAAI,EAAEF,WAAW;EACjBG,SAAS,EAAEnB,UAAU;EACrBoB,IAAI,eAAE,oBAAC,SAAS,OAAG;EACnBC,OAAO,EAAE,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,KAAK;IAChC;IACA,MAAMV,GAAG,GAAGW,MAAM,CAAC,oCAAoC,CAAC;IACxD,IAAI,CAACX,GAAG,EAAE;IAEV,MAAMR,GAAG,GAAGO,WAAW,CAACC,GAAG,CAAC;IAC5B,IAAI,CAACR,GAAG,EAAE;IAEV,MAAMoB,YAAY,GAAG3B,eAAe,CAACwB,KAAK,CAAC;IAC3C,MAAMI,eAAe,GAAG7B,WAAW,CAACyB,KAAK,EAAEG,YAAY,EAAET,WAAW,EAAE;MACpEX;IACF,CAAC,CAAC;IAEFkB,QAAQ,CAACG,eAAe,CAAC;EAC3B;AACF,CAAC;AAED,eAAeT,UAAU"}
+{"version":3,"file":"videoBlock.js","names":["Video","VideoIcon","EditorBlock","React","changeBlock","getCurrentBlock","Figure","FigureCaption","VideoBlock","props","block","data","getData","src","get","createElement","title","getText","videoTypes","re","getUrl","id","detectVideo","url","groups","match","VIDEO_BLOCK","videoBlock","type","component","icon","onClick","value","onChange","prompt","currentBlock","nextEditorState"],"sources":["../../../../src/Editor/blocks/videoBlock.tsx"],"sourcesContent":["import { Video } from '@os-design/core';\nimport { Video as VideoIcon } from '@os-design/icons';\nimport { EditorBlock } from 'draft-js';\nimport React from 'react';\n\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\nimport FigureCaption from './FigureCaption';\nimport { BlockProps, BlockToolbarItem } from './types';\n\nconst VideoBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const src = data.get('src');\n\n  if (!src) return null;\n\n  return (\n    <Figure>\n      <Video src={src} title={block.getText()} />\n      <FigureCaption>\n        <EditorBlock {...props} />\n      </FigureCaption>\n    </Figure>\n  );\n};\n\nconst videoTypes = [\n  /**\n   * YouTube. Supported formats:\n   * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin\n   * https://www.youtube.com/embed/FJIhWbUt600\n   * https://youtu.be/FJIhWbUt600\n   */\n  {\n    re: /^https:\\/\\/(?:www\\.youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([A-z0-9-_]*).*$/,\n    getUrl: (id: string) => `https://www.youtube.com/embed/${id}`,\n  },\n  /**\n   * RuTube. Supported formats:\n   * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/\n   * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1\n   */\n  {\n    re: /^https:\\/\\/rutube\\.ru\\/(?:video|play\\/embed)\\/([a-z0-9]*)\\/?$/,\n    getUrl: (id: string) => `https://rutube.ru/play/embed/${id}`,\n  },\n];\n\nconst detectVideo = (url: string) => {\n  // eslint-disable-next-line no-restricted-syntax\n  for (const { re, getUrl } of videoTypes) {\n    const groups = url.match(re);\n    if (groups && groups[1]) return getUrl(groups[1]);\n  }\n  return null;\n};\n\nexport const VIDEO_BLOCK = 'atomic:video';\n\nconst videoBlock: BlockToolbarItem = {\n  type: VIDEO_BLOCK,\n  component: VideoBlock,\n  icon: <VideoIcon />,\n  onClick: ({ value, onChange }) => {\n    // eslint-disable-next-line no-alert\n    const url = prompt('Insert a link to YouTube or RuTube');\n    if (!url) return;\n\n    const src = detectVideo(url);\n    if (!src) return;\n\n    const currentBlock = getCurrentBlock(value);\n    const nextEditorState = changeBlock(value, currentBlock, VIDEO_BLOCK, {\n      src,\n    });\n\n    onChange(nextEditorState);\n  },\n};\n\nexport default videoBlock;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,iBAAiB;AACvC,SAASA,KAAK,IAAIC,SAAS,QAAQ,kBAAkB;AACrD,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,eAAe,MAAM,0BAA0B;AACtD,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,iBAAiB;AAG3C,MAAMC,UAAgC,GAAIC,KAAK,IAAK;EAClD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAME,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;EAC5B,MAAMC,GAAG,GAAGF,IAAI,CAACG,GAAG,CAAC,KAAK,CAAC;EAE3B,IAAI,CAACD,GAAG,EAAE,OAAO,IAAI;EAErB,oBACEV,KAAA,CAAAY,aAAA,CAACT,MAAM,qBACLH,KAAA,CAAAY,aAAA,CAACf,KAAK;IAACa,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEN,KAAK,CAACO,OAAO,CAAC;EAAE,CAAE,CAAC,eAC3Cd,KAAA,CAAAY,aAAA,CAACR,aAAa,qBACZJ,KAAA,CAAAY,aAAA,CAACb,WAAW,EAAKO,KAAQ,CACZ,CACT,CAAC;AAEb,CAAC;AAED,MAAMS,UAAU,GAAG;AACjB;AACF;AACA;AACA;AACA;AACA;AACE;EACEC,EAAE,EAAE,qFAAqF;EACzFC,MAAM,EAAGC,EAAU,IAAM,iCAAgCA,EAAG;AAC9D,CAAC;AACD;AACF;AACA;AACA;AACA;AACE;EACEF,EAAE,EAAE,+DAA+D;EACnEC,MAAM,EAAGC,EAAU,IAAM,gCAA+BA,EAAG;AAC7D,CAAC,CACF;AAED,MAAMC,WAAW,GAAIC,GAAW,IAAK;EACnC;EACA,KAAK,MAAM;IAAEJ,EAAE;IAAEC;EAAO,CAAC,IAAIF,UAAU,EAAE;IACvC,MAAMM,MAAM,GAAGD,GAAG,CAACE,KAAK,CAACN,EAAE,CAAC;IAC5B,IAAIK,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE,OAAOJ,MAAM,CAACI,MAAM,CAAC,CAAC,CAAC,CAAC;EACnD;EACA,OAAO,IAAI;AACb,CAAC;AAED,OAAO,MAAME,WAAW,GAAG,cAAc;AAEzC,MAAMC,UAA4B,GAAG;EACnCC,IAAI,EAAEF,WAAW;EACjBG,SAAS,EAAErB,UAAU;EACrBsB,IAAI,eAAE3B,KAAA,CAAAY,aAAA,CAACd,SAAS,MAAE,CAAC;EACnB8B,OAAO,EAAEA,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,KAAK;IAChC;IACA,MAAMV,GAAG,GAAGW,MAAM,CAAC,oCAAoC,CAAC;IACxD,IAAI,CAACX,GAAG,EAAE;IAEV,MAAMV,GAAG,GAAGS,WAAW,CAACC,GAAG,CAAC;IAC5B,IAAI,CAACV,GAAG,EAAE;IAEV,MAAMsB,YAAY,GAAG9B,eAAe,CAAC2B,KAAK,CAAC;IAC3C,MAAMI,eAAe,GAAGhC,WAAW,CAAC4B,KAAK,EAAEG,YAAY,EAAET,WAAW,EAAE;MACpEb;IACF,CAAC,CAAC;IAEFoB,QAAQ,CAACG,eAAe,CAAC;EAC3B;AACF,CAAC;AAED,eAAeT,UAAU"}

package/dist/esm/Editor/decorators/linkDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkDecorator.js","names":["Link","React","linkDecorator","strategy","contentBlock","callback","contentState","findEntityRanges","character","entityKey","getEntity","getType","component","children","url","getData"],"sources":["../../../../src/Editor/decorators/linkDecorator.tsx"],"sourcesContent":["import { DraftDecorator } from 'draft-js';\nimport { Link } from '@os-design/core';\nimport React from 'react';\n\nconst linkDecorator: DraftDecorator = {\n  strategy: (contentBlock, callback, contentState) =>\n    contentBlock.findEntityRanges((character) => {\n      const entityKey = character.getEntity();\n      return (\n        entityKey !== null &&\n        contentState.getEntity(entityKey).getType() === 'LINK'\n      );\n    }, callback),\n\n  component: ({ contentState, entityKey, children }) => {\n    const { url } = contentState.getEntity(entityKey).getData();\n    return <Link href={url}>{children}</Link>;\n  },\n};\n\nexport default linkDecorator;\n"],"mappings":"AACA,SAASA,IAAI,QAAQ,iBAAiB;AACtC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,aAA6B,GAAG;EACpCC,QAAQ,EAAE,CAACC,YAAY,EAAEC,QAAQ,EAAEC,YAAY,KAC7CF,YAAY,CAACG,gBAAgB,CAAEC,SAAS,IAAK;IAC3C,MAAMC,SAAS,GAAGD,SAAS,CAACE,SAAS,EAAE;IACvC,OACED,SAAS,KAAK,IAAI,IAClBH,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACE,OAAO,EAAE,KAAK,MAAM;EAE1D,CAAC,EAAEN,QAAQ,CAAC;EAEdO,SAAS,EAAE,CAAC;IAAEN,YAAY;IAAEG,SAAS;IAAEI;EAAS,CAAC,KAAK;IACpD,MAAM;MAAEC;IAAI,CAAC,GAAGR,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACM,OAAO,EAAE;IAC3D,oBAAO,oBAAC,IAAI;MAAC,IAAI,EAAED;IAAI,GAAED,QAAQ,CAAQ;EAC3C;AACF,CAAC;AAED,eAAeX,aAAa"}
+{"version":3,"file":"linkDecorator.js","names":["Link","React","linkDecorator","strategy","contentBlock","callback","contentState","findEntityRanges","character","entityKey","getEntity","getType","component","children","url","getData","createElement","href"],"sources":["../../../../src/Editor/decorators/linkDecorator.tsx"],"sourcesContent":["import { Link } from '@os-design/core';\n\nimport { DraftDecorator } from 'draft-js';\n\nimport React from 'react';\n\nconst linkDecorator: DraftDecorator = {\n  strategy: (contentBlock, callback, contentState) =>\n    contentBlock.findEntityRanges((character) => {\n      const entityKey = character.getEntity();\n      return (\n        entityKey !== null &&\n        contentState.getEntity(entityKey).getType() === 'LINK'\n      );\n    }, callback),\n\n  component: ({ contentState, entityKey, children }) => {\n    const { url } = contentState.getEntity(entityKey).getData();\n    return <Link href={url}>{children}</Link>;\n  },\n};\n\nexport default linkDecorator;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,iBAAiB;AAItC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,aAA6B,GAAG;EACpCC,QAAQ,EAAEA,CAACC,YAAY,EAAEC,QAAQ,EAAEC,YAAY,KAC7CF,YAAY,CAACG,gBAAgB,CAAEC,SAAS,IAAK;IAC3C,MAAMC,SAAS,GAAGD,SAAS,CAACE,SAAS,CAAC,CAAC;IACvC,OACED,SAAS,KAAK,IAAI,IAClBH,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACE,OAAO,CAAC,CAAC,KAAK,MAAM;EAE1D,CAAC,EAAEN,QAAQ,CAAC;EAEdO,SAAS,EAAEA,CAAC;IAAEN,YAAY;IAAEG,SAAS;IAAEI;EAAS,CAAC,KAAK;IACpD,MAAM;MAAEC;IAAI,CAAC,GAAGR,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACM,OAAO,CAAC,CAAC;IAC3D,oBAAOd,KAAA,CAAAe,aAAA,CAAChB,IAAI;MAACiB,IAAI,EAAEH;IAAI,GAAED,QAAe,CAAC;EAC3C;AACF,CAAC;AAED,eAAeX,aAAa"}

package/dist/esm/Editor/hooks/useBlockToolbarProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBlockToolbarProps.js","names":["useEffect","useState","getSelectedBlockElement","useBlockToolbarProps","value","show","trigger","setTrigger","top","left","width","height","visible","setVisible","selectedBlockElement","selectionState","getSelection","currentBlockKey","getStartKey","contentState","getCurrentContent","currentBlock","getBlockForKey","lineNumber","getBlockMap","keySeq","findIndex","k","getType","getLength","getBoundingClientRect"],"sources":["../../../../src/Editor/hooks/useBlockToolbarProps.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { EditorState } from 'draft-js';\nimport getSelectedBlockElement from '../utils/getSelectedBlockElement';\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\ninterface UseBlockToolbarPropsRes {\n  trigger: Rect;\n  visible: boolean;\n}\n\n/**\n * Updates the visibility of the block toolbar.\n */\nconst useBlockToolbarProps = (\n  value: EditorState,\n  show: boolean\n): UseBlockToolbarPropsRes => {\n  const [trigger, setTrigger] = useState({\n    top: 0,\n    left: 0,\n    width: 0,\n    height: 0,\n  });\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (!show || !value) return;\n\n    const selectedBlockElement = getSelectedBlockElement();\n    if (!selectedBlockElement) {\n      setVisible(false);\n      return;\n    }\n\n    const selectionState = value.getSelection();\n    const currentBlockKey = selectionState.getStartKey();\n    const contentState = value.getCurrentContent();\n    const currentBlock = contentState.getBlockForKey(currentBlockKey);\n    const lineNumber = contentState\n      .getBlockMap()\n      .keySeq()\n      .findIndex((k) => k === currentBlockKey);\n\n    if (\n      currentBlock.getType() !== 'unstyled' ||\n      currentBlock.getLength() > 0 ||\n      lineNumber === 0\n    ) {\n      setVisible(false);\n      return;\n    }\n\n    const { top, left, height } = selectedBlockElement.getBoundingClientRect();\n    setTrigger({\n      top,\n      left,\n      width: 0,\n      height,\n    });\n    setVisible(true);\n  }, [show, value]);\n\n  return { trigger, visible };\n};\n\nexport default useBlockToolbarProps;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,OAAOC,uBAAuB,MAAM,kCAAkC;AActE;AACA;AACA;AACA,MAAMC,oBAAoB,GAAG,CAC3BC,KAAkB,EAClBC,IAAa,KACe;EAC5B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC;IACrCO,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,IAAI,IAAI,CAACD,KAAK,EAAE;IAErB,MAAMU,oBAAoB,GAAGZ,uBAAuB,EAAE;IACtD,IAAI,CAACY,oBAAoB,EAAE;MACzBD,UAAU,CAAC,KAAK,CAAC;MACjB;IACF;IAEA,MAAME,cAAc,GAAGX,KAAK,CAACY,YAAY,EAAE;IAC3C,MAAMC,eAAe,GAAGF,cAAc,CAACG,WAAW,EAAE;IACpD,MAAMC,YAAY,GAAGf,KAAK,CAACgB,iBAAiB,EAAE;IAC9C,MAAMC,YAAY,GAAGF,YAAY,CAACG,cAAc,CAACL,eAAe,CAAC;IACjE,MAAMM,UAAU,GAAGJ,YAAY,CAC5BK,WAAW,EAAE,CACbC,MAAM,EAAE,CACRC,SAAS,CAAEC,CAAC,IAAKA,CAAC,KAAKV,eAAe,CAAC;IAE1C,IACEI,YAAY,CAACO,OAAO,EAAE,KAAK,UAAU,IACrCP,YAAY,CAACQ,SAAS,EAAE,GAAG,CAAC,IAC5BN,UAAU,KAAK,CAAC,EAChB;MACAV,UAAU,CAAC,KAAK,CAAC;MACjB;IACF;IAEA,MAAM;MAAEL,GAAG;MAAEC,IAAI;MAAEE;IAAO,CAAC,GAAGG,oBAAoB,CAACgB,qBAAqB,EAAE;IAC1EvB,UAAU,CAAC;MACTC,GAAG;MACHC,IAAI;MACJC,KAAK,EAAE,CAAC;MACRC;IACF,CAAC,CAAC;IACFE,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACR,IAAI,EAAED,KAAK,CAAC,CAAC;EAEjB,OAAO;IAAEE,OAAO;IAAEM;EAAQ,CAAC;AAC7B,CAAC;AAED,eAAeT,oBAAoB"}
+{"version":3,"file":"useBlockToolbarProps.js","names":["useEffect","useState","getSelectedBlockElement","useBlockToolbarProps","value","show","trigger","setTrigger","top","left","width","height","visible","setVisible","selectedBlockElement","selectionState","getSelection","currentBlockKey","getStartKey","contentState","getCurrentContent","currentBlock","getBlockForKey","lineNumber","getBlockMap","keySeq","findIndex","k","getType","getLength","getBoundingClientRect"],"sources":["../../../../src/Editor/hooks/useBlockToolbarProps.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\nimport { useEffect, useState } from 'react';\nimport getSelectedBlockElement from '../utils/getSelectedBlockElement';\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\ninterface UseBlockToolbarPropsRes {\n  trigger: Rect;\n  visible: boolean;\n}\n\n/**\n * Updates the visibility of the block toolbar.\n */\nconst useBlockToolbarProps = (\n  value: EditorState,\n  show: boolean\n): UseBlockToolbarPropsRes => {\n  const [trigger, setTrigger] = useState({\n    top: 0,\n    left: 0,\n    width: 0,\n    height: 0,\n  });\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (!show || !value) return;\n\n    const selectedBlockElement = getSelectedBlockElement();\n    if (!selectedBlockElement) {\n      setVisible(false);\n      return;\n    }\n\n    const selectionState = value.getSelection();\n    const currentBlockKey = selectionState.getStartKey();\n    const contentState = value.getCurrentContent();\n    const currentBlock = contentState.getBlockForKey(currentBlockKey);\n    const lineNumber = contentState\n      .getBlockMap()\n      .keySeq()\n      .findIndex((k) => k === currentBlockKey);\n\n    if (\n      currentBlock.getType() !== 'unstyled' ||\n      currentBlock.getLength() > 0 ||\n      lineNumber === 0\n    ) {\n      setVisible(false);\n      return;\n    }\n\n    const { top, left, height } = selectedBlockElement.getBoundingClientRect();\n    setTrigger({\n      top,\n      left,\n      width: 0,\n      height,\n    });\n    setVisible(true);\n  }, [show, value]);\n\n  return { trigger, visible };\n};\n\nexport default useBlockToolbarProps;\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,uBAAuB,MAAM,kCAAkC;AActE;AACA;AACA;AACA,MAAMC,oBAAoB,GAAGA,CAC3BC,KAAkB,EAClBC,IAAa,KACe;EAC5B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC;IACrCO,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,IAAI,IAAI,CAACD,KAAK,EAAE;IAErB,MAAMU,oBAAoB,GAAGZ,uBAAuB,CAAC,CAAC;IACtD,IAAI,CAACY,oBAAoB,EAAE;MACzBD,UAAU,CAAC,KAAK,CAAC;MACjB;IACF;IAEA,MAAME,cAAc,GAAGX,KAAK,CAACY,YAAY,CAAC,CAAC;IAC3C,MAAMC,eAAe,GAAGF,cAAc,CAACG,WAAW,CAAC,CAAC;IACpD,MAAMC,YAAY,GAAGf,KAAK,CAACgB,iBAAiB,CAAC,CAAC;IAC9C,MAAMC,YAAY,GAAGF,YAAY,CAACG,cAAc,CAACL,eAAe,CAAC;IACjE,MAAMM,UAAU,GAAGJ,YAAY,CAC5BK,WAAW,CAAC,CAAC,CACbC,MAAM,CAAC,CAAC,CACRC,SAAS,CAAEC,CAAC,IAAKA,CAAC,KAAKV,eAAe,CAAC;IAE1C,IACEI,YAAY,CAACO,OAAO,CAAC,CAAC,KAAK,UAAU,IACrCP,YAAY,CAACQ,SAAS,CAAC,CAAC,GAAG,CAAC,IAC5BN,UAAU,KAAK,CAAC,EAChB;MACAV,UAAU,CAAC,KAAK,CAAC;MACjB;IACF;IAEA,MAAM;MAAEL,GAAG;MAAEC,IAAI;MAAEE;IAAO,CAAC,GAAGG,oBAAoB,CAACgB,qBAAqB,CAAC,CAAC;IAC1EvB,UAAU,CAAC;MACTC,GAAG;MACHC,IAAI;MACJC,KAAK,EAAE,CAAC;MACRC;IACF,CAAC,CAAC;IACFE,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACR,IAAI,EAAED,KAAK,CAAC,CAAC;EAEjB,OAAO;IAAEE,OAAO;IAAEM;EAAQ,CAAC;AAC7B,CAAC;AAED,eAAeT,oBAAoB"}

package/dist/esm/Editor/hooks/usePastedTextHandler.js

@@ -1,5 +1,5 @@
-import { useCallback } from 'react';
 import { EditorState, Modifier, RichUtils } from 'draft-js';
+import { useCallback } from 'react';
 /**
  * Pastes only text if the current block is atomic.
  */

package/dist/esm/Editor/hooks/usePastedTextHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePastedTextHandler.js","names":["useCallback","EditorState","Modifier","RichUtils","usePastedTextHandler","onChange","handler","text","html","editorState","currentBlockType","getCurrentBlockType","startsWith","contentState","getCurrentContent","nextContentState","insertText","getSelection","nextEditorState","push"],"sources":["../../../../src/Editor/hooks/usePastedTextHandler.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  DraftHandleValue,\n  EditorProps as DraftEditorProps,\n  EditorState,\n  Modifier,\n  RichUtils,\n} from 'draft-js';\n\ntype UsePastedTextHandlerRes = Exclude<\n  DraftEditorProps['handlePastedText'],\n  undefined\n>;\n\n/**\n * Pastes only text if the current block is atomic.\n */\nconst usePastedTextHandler = (\n  onChange: (value: EditorState) => void,\n  handler: UsePastedTextHandlerRes\n): UsePastedTextHandlerRes =>\n  useCallback<UsePastedTextHandlerRes>(\n    (text, html, editorState): DraftHandleValue => {\n      const currentBlockType = RichUtils.getCurrentBlockType(editorState);\n\n      if (currentBlockType.startsWith('atomic')) {\n        const contentState = editorState.getCurrentContent();\n        const nextContentState = Modifier.insertText(\n          contentState,\n          editorState.getSelection(),\n          text\n        );\n        const nextEditorState = EditorState.push(\n          editorState,\n          nextContentState,\n          'insert-characters'\n        );\n        onChange(nextEditorState);\n        return 'handled';\n      }\n\n      return handler(text, html, editorState);\n    },\n    [onChange, handler]\n  );\n\nexport default usePastedTextHandler;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAGEC,WAAW,EACXC,QAAQ,EACRC,SAAS,QACJ,UAAU;AAOjB;AACA;AACA;AACA,MAAMC,oBAAoB,GAAG,CAC3BC,QAAsC,EACtCC,OAAgC,KAEhCN,WAAW,CACT,CAACO,IAAI,EAAEC,IAAI,EAAEC,WAAW,KAAuB;EAC7C,MAAMC,gBAAgB,GAAGP,SAAS,CAACQ,mBAAmB,CAACF,WAAW,CAAC;EAEnE,IAAIC,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,EAAE;IACzC,MAAMC,YAAY,GAAGJ,WAAW,CAACK,iBAAiB,EAAE;IACpD,MAAMC,gBAAgB,GAAGb,QAAQ,CAACc,UAAU,CAC1CH,YAAY,EACZJ,WAAW,CAACQ,YAAY,EAAE,EAC1BV,IAAI,CACL;IACD,MAAMW,eAAe,GAAGjB,WAAW,CAACkB,IAAI,CACtCV,WAAW,EACXM,gBAAgB,EAChB,mBAAmB,CACpB;IACDV,QAAQ,CAACa,eAAe,CAAC;IACzB,OAAO,SAAS;EAClB;EAEA,OAAOZ,OAAO,CAACC,IAAI,EAAEC,IAAI,EAAEC,WAAW,CAAC;AACzC,CAAC,EACD,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CACpB;AAEH,eAAeF,oBAAoB"}
+{"version":3,"file":"usePastedTextHandler.js","names":["EditorState","Modifier","RichUtils","useCallback","usePastedTextHandler","onChange","handler","text","html","editorState","currentBlockType","getCurrentBlockType","startsWith","contentState","getCurrentContent","nextContentState","insertText","getSelection","nextEditorState","push"],"sources":["../../../../src/Editor/hooks/usePastedTextHandler.ts"],"sourcesContent":["import {\n  EditorProps as DraftEditorProps,\n  DraftHandleValue,\n  EditorState,\n  Modifier,\n  RichUtils,\n} from 'draft-js';\nimport { useCallback } from 'react';\n\ntype UsePastedTextHandlerRes = Exclude<\n  DraftEditorProps['handlePastedText'],\n  undefined\n>;\n\n/**\n * Pastes only text if the current block is atomic.\n */\nconst usePastedTextHandler = (\n  onChange: (value: EditorState) => void,\n  handler: UsePastedTextHandlerRes\n): UsePastedTextHandlerRes =>\n  useCallback<UsePastedTextHandlerRes>(\n    (text, html, editorState): DraftHandleValue => {\n      const currentBlockType = RichUtils.getCurrentBlockType(editorState);\n\n      if (currentBlockType.startsWith('atomic')) {\n        const contentState = editorState.getCurrentContent();\n        const nextContentState = Modifier.insertText(\n          contentState,\n          editorState.getSelection(),\n          text\n        );\n        const nextEditorState = EditorState.push(\n          editorState,\n          nextContentState,\n          'insert-characters'\n        );\n        onChange(nextEditorState);\n        return 'handled';\n      }\n\n      return handler(text, html, editorState);\n    },\n    [onChange, handler]\n  );\n\nexport default usePastedTextHandler;\n"],"mappings":"AAAA,SAGEA,WAAW,EACXC,QAAQ,EACRC,SAAS,QACJ,UAAU;AACjB,SAASC,WAAW,QAAQ,OAAO;AAOnC;AACA;AACA;AACA,MAAMC,oBAAoB,GAAGA,CAC3BC,QAAsC,EACtCC,OAAgC,KAEhCH,WAAW,CACT,CAACI,IAAI,EAAEC,IAAI,EAAEC,WAAW,KAAuB;EAC7C,MAAMC,gBAAgB,GAAGR,SAAS,CAACS,mBAAmB,CAACF,WAAW,CAAC;EAEnE,IAAIC,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,EAAE;IACzC,MAAMC,YAAY,GAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAC;IACpD,MAAMC,gBAAgB,GAAGd,QAAQ,CAACe,UAAU,CAC1CH,YAAY,EACZJ,WAAW,CAACQ,YAAY,CAAC,CAAC,EAC1BV,IACF,CAAC;IACD,MAAMW,eAAe,GAAGlB,WAAW,CAACmB,IAAI,CACtCV,WAAW,EACXM,gBAAgB,EAChB,mBACF,CAAC;IACDV,QAAQ,CAACa,eAAe,CAAC;IACzB,OAAO,SAAS;EAClB;EAEA,OAAOZ,OAAO,CAACC,IAAI,EAAEC,IAAI,EAAEC,WAAW,CAAC;AACzC,CAAC,EACD,CAACJ,QAAQ,EAAEC,OAAO,CACpB,CAAC;AAEH,eAAeF,oBAAoB"}

package/dist/esm/Editor/hooks/useReturnHandler.js

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import getCurrentBlock from '../utils/getCurrentBlock';
 import addNewBlockAt from '../utils/addNewBlockAt';
+import getCurrentBlock from '../utils/getCurrentBlock';
 /**
  * Adds a new unstyled block if the user presses the return key.
  */

package/dist/esm/Editor/hooks/useReturnHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReturnHandler.js","names":["useCallback","getCurrentBlock","addNewBlockAt","useReturnHandler","onChange","handler","e","editorState","currentBlock","currentBlockType","getType","startsWith","nextEditorState","getKey"],"sources":["../../../../src/Editor/hooks/useReturnHandler.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { EditorProps as DraftEditorProps, EditorState } from 'draft-js';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport addNewBlockAt from '../utils/addNewBlockAt';\n\ntype UseReturnHandlerRes = NonNullable<DraftEditorProps['handleReturn']>;\n\n/**\n * Adds a new unstyled block if the user presses the return key.\n */\nconst useReturnHandler = (\n  onChange: (value: EditorState) => void,\n  handler: UseReturnHandlerRes\n): UseReturnHandlerRes =>\n  useCallback<UseReturnHandlerRes>(\n    (e, editorState) => {\n      const currentBlock = getCurrentBlock(editorState);\n      const currentBlockType = currentBlock.getType();\n\n      if (\n        currentBlockType.startsWith('atomic') ||\n        currentBlockType.startsWith('header')\n      ) {\n        const nextEditorState = addNewBlockAt(\n          editorState,\n          currentBlock.getKey()\n        );\n        onChange(nextEditorState);\n        return 'handled';\n      }\n\n      return handler(e, editorState);\n    },\n    [onChange, handler]\n  );\n\nexport default useReturnHandler;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,OAAOC,eAAe,MAAM,0BAA0B;AACtD,OAAOC,aAAa,MAAM,wBAAwB;AAIlD;AACA;AACA;AACA,MAAMC,gBAAgB,GAAG,CACvBC,QAAsC,EACtCC,OAA4B,KAE5BL,WAAW,CACT,CAACM,CAAC,EAAEC,WAAW,KAAK;EAClB,MAAMC,YAAY,GAAGP,eAAe,CAACM,WAAW,CAAC;EACjD,MAAME,gBAAgB,GAAGD,YAAY,CAACE,OAAO,EAAE;EAE/C,IACED,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,IACrCF,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,EACrC;IACA,MAAMC,eAAe,GAAGV,aAAa,CACnCK,WAAW,EACXC,YAAY,CAACK,MAAM,EAAE,CACtB;IACDT,QAAQ,CAACQ,eAAe,CAAC;IACzB,OAAO,SAAS;EAClB;EAEA,OAAOP,OAAO,CAACC,CAAC,EAAEC,WAAW,CAAC;AAChC,CAAC,EACD,CAACH,QAAQ,EAAEC,OAAO,CAAC,CACpB;AAEH,eAAeF,gBAAgB"}
+{"version":3,"file":"useReturnHandler.js","names":["useCallback","addNewBlockAt","getCurrentBlock","useReturnHandler","onChange","handler","e","editorState","currentBlock","currentBlockType","getType","startsWith","nextEditorState","getKey"],"sources":["../../../../src/Editor/hooks/useReturnHandler.ts"],"sourcesContent":["import { EditorProps as DraftEditorProps, EditorState } from 'draft-js';\nimport { useCallback } from 'react';\nimport addNewBlockAt from '../utils/addNewBlockAt';\nimport getCurrentBlock from '../utils/getCurrentBlock';\n\ntype UseReturnHandlerRes = NonNullable<DraftEditorProps['handleReturn']>;\n\n/**\n * Adds a new unstyled block if the user presses the return key.\n */\nconst useReturnHandler = (\n  onChange: (value: EditorState) => void,\n  handler: UseReturnHandlerRes\n): UseReturnHandlerRes =>\n  useCallback<UseReturnHandlerRes>(\n    (e, editorState) => {\n      const currentBlock = getCurrentBlock(editorState);\n      const currentBlockType = currentBlock.getType();\n\n      if (\n        currentBlockType.startsWith('atomic') ||\n        currentBlockType.startsWith('header')\n      ) {\n        const nextEditorState = addNewBlockAt(\n          editorState,\n          currentBlock.getKey()\n        );\n        onChange(nextEditorState);\n        return 'handled';\n      }\n\n      return handler(e, editorState);\n    },\n    [onChange, handler]\n  );\n\nexport default useReturnHandler;\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,OAAO;AACnC,OAAOC,aAAa,MAAM,wBAAwB;AAClD,OAAOC,eAAe,MAAM,0BAA0B;AAItD;AACA;AACA;AACA,MAAMC,gBAAgB,GAAGA,CACvBC,QAAsC,EACtCC,OAA4B,KAE5BL,WAAW,CACT,CAACM,CAAC,EAAEC,WAAW,KAAK;EAClB,MAAMC,YAAY,GAAGN,eAAe,CAACK,WAAW,CAAC;EACjD,MAAME,gBAAgB,GAAGD,YAAY,CAACE,OAAO,CAAC,CAAC;EAE/C,IACED,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,IACrCF,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,EACrC;IACA,MAAMC,eAAe,GAAGX,aAAa,CACnCM,WAAW,EACXC,YAAY,CAACK,MAAM,CAAC,CACtB,CAAC;IACDT,QAAQ,CAACQ,eAAe,CAAC;IACzB,OAAO,SAAS;EAClB;EAEA,OAAOP,OAAO,CAACC,CAAC,EAAEC,WAAW,CAAC;AAChC,CAAC,EACD,CAACH,QAAQ,EAAEC,OAAO,CACpB,CAAC;AAEH,eAAeF,gBAAgB"}

package/dist/esm/Editor/hooks/useStyleToolbarProps.js

@@ -1,5 +1,5 @@
-import { useEffect, useState } from 'react';
 import { RichUtils } from 'draft-js';
+import { useEffect, useState } from 'react';
 import getSelectionRange from '../utils/getSelectionRange';
 /**
  * Updates the visibility of the style toolbar

package/dist/esm/Editor/hooks/useStyleToolbarProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyleToolbarProps.js","names":["useEffect","useState","RichUtils","getSelectionRange","useStyleToolbarProps","value","trigger","setTrigger","top","left","width","height","visible","setVisible","selectionRange","getSelection","isCollapsed","getCurrentBlockType","startsWith","getBoundingClientRect"],"sources":["../../../../src/Editor/hooks/useStyleToolbarProps.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { EditorState, RichUtils } from 'draft-js';\nimport getSelectionRange from '../utils/getSelectionRange';\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\ninterface UseStyleToolbarPropsRes {\n  trigger: Rect;\n  visible: boolean;\n}\n\n/**\n * Updates the visibility of the style toolbar\n */\nconst useStyleToolbarProps = (value: EditorState): UseStyleToolbarPropsRes => {\n  const [trigger, setTrigger] = useState({\n    top: 0,\n    left: 0,\n    width: 0,\n    height: 0,\n  });\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (!value) return;\n    const selectionRange = getSelectionRange();\n\n    // Do not show the panel if either there is no selected text,\n    // or the selection range is collapsed,\n    // or the selected text is in an atomic block.\n    if (\n      !selectionRange ||\n      value.getSelection().isCollapsed() ||\n      RichUtils.getCurrentBlockType(value).startsWith('atomic')\n    ) {\n      setVisible(false);\n      return;\n    }\n\n    // Otherwise, set the rect of the selection range\n    setTrigger(selectionRange.getBoundingClientRect());\n    setVisible(true);\n  }, [value]);\n\n  return { trigger, visible };\n};\n\nexport default useStyleToolbarProps;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAAsBC,SAAS,QAAQ,UAAU;AACjD,OAAOC,iBAAiB,MAAM,4BAA4B;AAc1D;AACA;AACA;AACA,MAAMC,oBAAoB,GAAIC,KAAkB,IAA8B;EAC5E,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC;IACrCO,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,KAAK,EAAE;IACZ,MAAMS,cAAc,GAAGX,iBAAiB,EAAE;;IAE1C;IACA;IACA;IACA,IACE,CAACW,cAAc,IACfT,KAAK,CAACU,YAAY,EAAE,CAACC,WAAW,EAAE,IAClCd,SAAS,CAACe,mBAAmB,CAACZ,KAAK,CAAC,CAACa,UAAU,CAAC,QAAQ,CAAC,EACzD;MACAL,UAAU,CAAC,KAAK,CAAC;MACjB;IACF;;IAEA;IACAN,UAAU,CAACO,cAAc,CAACK,qBAAqB,EAAE,CAAC;IAClDN,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEC,OAAO;IAAEM;EAAQ,CAAC;AAC7B,CAAC;AAED,eAAeR,oBAAoB"}
+{"version":3,"file":"useStyleToolbarProps.js","names":["RichUtils","useEffect","useState","getSelectionRange","useStyleToolbarProps","value","trigger","setTrigger","top","left","width","height","visible","setVisible","selectionRange","getSelection","isCollapsed","getCurrentBlockType","startsWith","getBoundingClientRect"],"sources":["../../../../src/Editor/hooks/useStyleToolbarProps.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\nimport { useEffect, useState } from 'react';\nimport getSelectionRange from '../utils/getSelectionRange';\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\ninterface UseStyleToolbarPropsRes {\n  trigger: Rect;\n  visible: boolean;\n}\n\n/**\n * Updates the visibility of the style toolbar\n */\nconst useStyleToolbarProps = (value: EditorState): UseStyleToolbarPropsRes => {\n  const [trigger, setTrigger] = useState({\n    top: 0,\n    left: 0,\n    width: 0,\n    height: 0,\n  });\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (!value) return;\n    const selectionRange = getSelectionRange();\n\n    // Do not show the panel if either there is no selected text,\n    // or the selection range is collapsed,\n    // or the selected text is in an atomic block.\n    if (\n      !selectionRange ||\n      value.getSelection().isCollapsed() ||\n      RichUtils.getCurrentBlockType(value).startsWith('atomic')\n    ) {\n      setVisible(false);\n      return;\n    }\n\n    // Otherwise, set the rect of the selection range\n    setTrigger(selectionRange.getBoundingClientRect());\n    setVisible(true);\n  }, [value]);\n\n  return { trigger, visible };\n};\n\nexport default useStyleToolbarProps;\n"],"mappings":"AAAA,SAAsBA,SAAS,QAAQ,UAAU;AACjD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,iBAAiB,MAAM,4BAA4B;AAc1D;AACA;AACA;AACA,MAAMC,oBAAoB,GAAIC,KAAkB,IAA8B;EAC5E,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGL,QAAQ,CAAC;IACrCM,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,KAAK,EAAE;IACZ,MAAMS,cAAc,GAAGX,iBAAiB,CAAC,CAAC;;IAE1C;IACA;IACA;IACA,IACE,CAACW,cAAc,IACfT,KAAK,CAACU,YAAY,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAClChB,SAAS,CAACiB,mBAAmB,CAACZ,KAAK,CAAC,CAACa,UAAU,CAAC,QAAQ,CAAC,EACzD;MACAL,UAAU,CAAC,KAAK,CAAC;MACjB;IACF;;IAEA;IACAN,UAAU,CAACO,cAAc,CAACK,qBAAqB,CAAC,CAAC,CAAC;IAClDN,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEC,OAAO;IAAEM;EAAQ,CAAC;AAC7B,CAAC;AAED,eAAeR,oBAAoB"}

package/dist/esm/Editor/index.js

@@ -1,20 +1,20 @@
 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, { forwardRef, useCallback, useState } from 'react';
-import { Editor as DraftEditor, EditorState } from 'draft-js';
-import { InputContainer } from '@os-design/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
+import { InputContainer } from '@os-design/core';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
-import { css } from '@emotion/react';
-import createEmptyEditorState from './utils/createEmptyEditorState';
-import defaultDraftJsStyles from './styles/defaultDraftJsStyles';
-import overrideDraftJsStyles from './styles/overrideDraftJsStyles';
-import defaultStyleToolbarItems from './utils/defaultStyleToolbarItems';
-import StyleToolbar from './StyleToolbar';
+import { Editor as DraftEditor, EditorState } from 'draft-js';
+import React, { forwardRef, useCallback, useState } from 'react';
 import BlockToolbar from './BlockToolbar';
-import useStyleToolbarProps from './hooks/useStyleToolbarProps';
+import StyleToolbar from './StyleToolbar';
 import useBlockToolbarProps from './hooks/useBlockToolbarProps';
-import useReturnHandler from './hooks/useReturnHandler';
 import usePastedTextHandler from './hooks/usePastedTextHandler';
+import useReturnHandler from './hooks/useReturnHandler';
+import useStyleToolbarProps from './hooks/useStyleToolbarProps';
+import defaultDraftJsStyles from './styles/defaultDraftJsStyles';
+import overrideDraftJsStyles from './styles/overrideDraftJsStyles';
+import createEmptyEditorState from './utils/createEmptyEditorState';
+import defaultStyleToolbarItems from './utils/defaultStyleToolbarItems';
 const disabledStyles = p => p.disabled && css`
     cursor: not-allowed;
   `;