@os-design/editor 1.0.260 → 1.0.262

package/dist/@types/emotion.d.js

@@ -0,0 +1 @@
+import '@emotion/react';

package/dist/{types/Editor → Editor}/BlockToolbar.d.ts

@@ -1,7 +1,7 @@
-import { PopoverProps } from '@os-design/core';
+import type { PopoverProps } from '@os-design/core';
 import { EditorState } from 'draft-js';
 import React from 'react';
-import { BlockToolbarItem } from './blocks/types';
+import type { BlockToolbarItem } from './blocks/types';
 interface BlockToolbarProps extends Omit<PopoverProps, 'onChange'> {
     items: BlockToolbarItem[];
     value: EditorState;

package/dist/Editor/BlockToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockToolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/BlockToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,UAAU,iBAAkB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/{esm/Editor → Editor}/BlockToolbar.js

@@ -1,7 +1,8 @@
 import React, { useCallback } from 'react';
-import Toolbar from './Toolbar';
-import ToolbarButton from './ToolbarButton';
-import getCurrentBlock from './utils/getCurrentBlock';
+import Toolbar from "./Toolbar.js";
+import ToolbarButton from "./ToolbarButton.js";
+import getCurrentBlock from "./utils/getCurrentBlock.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const BlockToolbar = ({
   items,
   value,
@@ -20,10 +21,12 @@ const BlockToolbar = ({
       setReadOnly
     });
   }, [value, onChange, setReadOnly]);
-  return /*#__PURE__*/React.createElement(Toolbar, rest, items.map(item => /*#__PURE__*/React.createElement(ToolbarButton, {
-    key: item.type,
-    onClick: () => clickHandler(item)
-  }, item.icon)));
+  return /*#__PURE__*/_jsx(Toolbar, {
+    ...rest,
+    children: items.map(item => /*#__PURE__*/_jsx(ToolbarButton, {
+      onClick: () => clickHandler(item),
+      children: item.icon
+    }, item.type))
+  });
 };
-export default BlockToolbar;
-//# sourceMappingURL=BlockToolbar.js.map
+export default BlockToolbar;

package/dist/{types/Editor → Editor}/StyleToolbar.d.ts

@@ -1,7 +1,7 @@
-import { PopoverProps } from '@os-design/core';
+import type { PopoverProps } from '@os-design/core';
 import { EditorState } from 'draft-js';
 import React from 'react';
-import { StyleToolbarItem } from './utils/defaultStyleToolbarItems';
+import type { StyleToolbarItem } from './utils/defaultStyleToolbarItems';
 interface StyleToolbarProps extends Omit<PopoverProps, 'onChange'> {
     items: StyleToolbarItem[];
     value: EditorState;

package/dist/Editor/StyleToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleToolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/StyleToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAa,MAAM,UAAU,CAAC;AAClD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIzE,UAAU,iBAAkB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyD7C,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/{esm/Editor → Editor}/StyleToolbar.js

@@ -1,9 +1,10 @@
 import { RichUtils } from 'draft-js';
 import React, { useCallback, useMemo } from 'react';
-import Toolbar from './Toolbar';
-import ToolbarButton from './ToolbarButton';
-import setLink from './utils/setLink';
-import unsetLink from './utils/unsetLink';
+import Toolbar from "./Toolbar.js";
+import ToolbarButton from "./ToolbarButton.js";
+import setLink from "./utils/setLink.js";
+import unsetLink from "./utils/unsetLink.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyleToolbar = ({
   items,
   value,
@@ -17,7 +18,6 @@ const StyleToolbar = ({
       onChange(unsetLink(value));
       return;
     }
-    // eslint-disable-next-line no-alert
     const url = prompt('Paste or type a link');
     if (!url) return;
     onChange(setLink(value, url));
@@ -30,17 +30,19 @@ const StyleToolbar = ({
     }
   }, [value, onChange]);
   if (items.length === 0) return null;
-  return /*#__PURE__*/React.createElement(Toolbar, rest, items.map(item => {
-    const isLink = item.name === 'LINK' && item.type === 'inline';
-    const active = isLink ? currentBlockContainsLink : value.getCurrentInlineStyle().has(item.name) || currentBlockType === item.name;
-    const onClick = isLink ? toggleLink : () => clickHandler(item);
-    return /*#__PURE__*/React.createElement(ToolbarButton, {
-      key: item.name,
-      active: active,
-      onClick: onClick
-    }, item.icon);
-  }));
+  return /*#__PURE__*/_jsx(Toolbar, {
+    ...rest,
+    children: items.map(item => {
+      const isLink = item.name === 'LINK' && item.type === 'inline';
+      const active = isLink ? currentBlockContainsLink : value.getCurrentInlineStyle().has(item.name) || currentBlockType === item.name;
+      const onClick = isLink ? toggleLink : () => clickHandler(item);
+      return /*#__PURE__*/_jsx(ToolbarButton, {
+        active: active,
+        onClick: onClick,
+        children: item.icon
+      }, item.name);
+    })
+  });
 };
 StyleToolbar.displayName = 'StyleToolbar';
-export default StyleToolbar;
-//# sourceMappingURL=StyleToolbar.js.map
+export default StyleToolbar;

package/dist/Editor/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/Toolbar.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,OAAO;;UASZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/{esm/Editor → Editor}/Toolbar.js

@@ -12,5 +12,4 @@ const Toolbar = styled(Popover)`
   background-color: ${p => clr(p.theme.editorToolbarButtonColorBg)};
 `;
 Toolbar.displayName = 'Toolbar';
-export default Toolbar;
-//# sourceMappingURL=Toolbar.js.map
+export default Toolbar;

package/dist/Editor/ToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/Editor/ToolbarButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,cAAc,GAAG,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACtD,UAAU,kBAAmB,SAAQ,cAAc;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAqCD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAW/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/{esm/Editor → Editor}/ToolbarButton.js

@@ -1,10 +1,10 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { css } from '@emotion/react';
 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';
+import { jsx as _jsx } from "react/jsx-runtime";
 const activeStyles = p => p.active && css`
     background-color: ${clr(p.theme.editorToolbarButtonColorBgActive)};
   `;
@@ -35,12 +35,12 @@ const StyledToolbarButton = styled('button', omitEmotionProps('active'))`
 const ToolbarButton = ({
   onMouseDown = () => {},
   ...rest
-}) => /*#__PURE__*/React.createElement(StyledToolbarButton, _extends({
+}) => /*#__PURE__*/_jsx(StyledToolbarButton, {
   onMouseDown: e => {
     onMouseDown(e);
     e.preventDefault();
-  }
-}, rest));
+  },
+  ...rest
+});
 ToolbarButton.displayName = 'ToolbarButton';
-export default ToolbarButton;
-//# sourceMappingURL=ToolbarButton.js.map
+export default ToolbarButton;

package/dist/Editor/blocks/Figure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Figure.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/Figure.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;SAQ8Z,MAAO,WAAW;mGAL3b,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/{esm/Editor → Editor}/blocks/Figure.js

@@ -4,5 +4,4 @@ const Figure = styled.figure`
   overflow: hidden;
 `;
 Figure.displayName = 'Figure';
-export default Figure;
-//# sourceMappingURL=Figure.js.map
+export default Figure;

package/dist/Editor/blocks/FigureCaption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FigureCaption.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/FigureCaption.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,aAAa;;SAgB0H,MAAO,WAAW;mGAL9J,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/{esm/Editor → Editor}/blocks/FigureCaption.js

@@ -13,5 +13,4 @@ const FigureCaption = styled.figcaption`
   }
 `;
 FigureCaption.displayName = 'FigureCaption';
-export default FigureCaption;
-//# sourceMappingURL=FigureCaption.js.map
+export default FigureCaption;

package/dist/{types/Editor → Editor}/blocks/imageBlock.d.ts

@@ -1,4 +1,4 @@
-import { BlockToolbarItem } from './types';
+import type { BlockToolbarItem } from './types';
 export declare const IMAGE_BLOCK = "atomic:image";
 declare const imageBlock: (onImageUpload: (file: File) => Promise<string>) => BlockToolbarItem;
 export default imageBlock;

package/dist/Editor/blocks/imageBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageBlock.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/imageBlock.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA2F5D,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,QAAA,MAAM,UAAU,kBACC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,KAC7C,gBAgDD,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/{esm/Editor → Editor}/blocks/imageBlock.js

@@ -5,10 +5,11 @@ import { Loading, Picture } from '@os-design/icons';
 import { omitEmotionProps, useEvent } from '@os-design/utils';
 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';
+import changeBlock from "../utils/changeBlock.js";
+import getCurrentBlock from "../utils/getCurrentBlock.js";
+import Figure from "./Figure.js";
+import FigureCaption from "./FigureCaption.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const widthStyles = p => p.width && css`
     width: ${p.width}px;
   `;
@@ -62,20 +63,27 @@ const ImageBlock = props => {
   }, []);
   useEvent(typeof window !== 'undefined' ? window : undefined, 'resize', updateWidth);
   if (!src) return null;
-  return /*#__PURE__*/React.createElement(ImageFigure, {
-    width: width
-  }, loading && /*#__PURE__*/React.createElement(Mask, null, /*#__PURE__*/React.createElement(LoadingIcon, null)), /*#__PURE__*/React.createElement(Image, {
-    src: src.startsWith('blob:') ? src : `${src}-1024`,
-    alt: block.getText(),
-    onLoad: updateWidth,
-    ref: imageRef
-  }), !loading && /*#__PURE__*/React.createElement(FigureCaption, null, /*#__PURE__*/React.createElement(EditorBlock, props)));
+  return /*#__PURE__*/_jsxs(ImageFigure, {
+    width: width,
+    children: [loading && /*#__PURE__*/_jsx(Mask, {
+      children: /*#__PURE__*/_jsx(LoadingIcon, {})
+    }), /*#__PURE__*/_jsx(Image, {
+      src: src.startsWith('blob:') ? src : `${src}-1024`,
+      alt: block.getText(),
+      onLoad: updateWidth,
+      ref: imageRef
+    }), !loading && /*#__PURE__*/_jsx(FigureCaption, {
+      children: /*#__PURE__*/_jsx(EditorBlock, {
+        ...props
+      })
+    })]
+  });
 };
 export const IMAGE_BLOCK = 'atomic:image';
 const imageBlock = onImageUpload => ({
   type: IMAGE_BLOCK,
   component: ImageBlock,
-  icon: /*#__PURE__*/React.createElement(Picture, null),
+  icon: /*#__PURE__*/_jsx(Picture, {}),
   onClick: ({
     value,
     onChange,
@@ -125,5 +133,4 @@ const imageBlock = onImageUpload => ({
     input.click();
   }
 });
-export default imageBlock;
-//# sourceMappingURL=imageBlock.js.map
+export default imageBlock;

package/dist/Editor/blocks/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAW,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACrD,KAAK,EAAE,YAAY,CAAC;CACrB;AAGD,MAAM,WAAW,4BAA6B,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACvE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACxD"}

package/dist/Editor/blocks/types.js

@@ -0,0 +1 @@
+export {};

package/dist/{types/Editor → Editor}/blocks/videoBlock.d.ts

@@ -1,4 +1,4 @@
-import { BlockToolbarItem } from './types';
+import type { BlockToolbarItem } from './types';
 export declare const VIDEO_BLOCK = "atomic:video";
 declare const videoBlock: BlockToolbarItem;
 export default videoBlock;

package/dist/Editor/blocks/videoBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoBlock.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/videoBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiD5D,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,gBAkBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/{esm/Editor → Editor}/blocks/videoBlock.js

@@ -2,10 +2,11 @@ import { Video } from '@os-design/core';
 import { Video as VideoIcon } from '@os-design/icons';
 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';
+import changeBlock from "../utils/changeBlock.js";
+import getCurrentBlock from "../utils/getCurrentBlock.js";
+import Figure from "./Figure.js";
+import FigureCaption from "./FigureCaption.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const VideoBlock = props => {
   const {
     block
@@ -13,10 +14,16 @@ const VideoBlock = props => {
   const data = block.getData();
   const src = data.get('src');
   if (!src) return null;
-  return /*#__PURE__*/React.createElement(Figure, null, /*#__PURE__*/React.createElement(Video, {
-    src: src,
-    title: block.getText()
-  }), /*#__PURE__*/React.createElement(FigureCaption, null, /*#__PURE__*/React.createElement(EditorBlock, props)));
+  return /*#__PURE__*/_jsxs(Figure, {
+    children: [/*#__PURE__*/_jsx(Video, {
+      src: src,
+      title: block.getText()
+    }), /*#__PURE__*/_jsx(FigureCaption, {
+      children: /*#__PURE__*/_jsx(EditorBlock, {
+        ...props
+      })
+    })]
+  });
 };
 const videoTypes = [
 /**
@@ -39,7 +46,6 @@ const videoTypes = [
   getUrl: id => `https://rutube.ru/play/embed/${id}`
 }];
 const detectVideo = url => {
-  // eslint-disable-next-line no-restricted-syntax
   for (const {
     re,
     getUrl
@@ -53,12 +59,11 @@ export const VIDEO_BLOCK = 'atomic:video';
 const videoBlock = {
   type: VIDEO_BLOCK,
   component: VideoBlock,
-  icon: /*#__PURE__*/React.createElement(VideoIcon, null),
+  icon: /*#__PURE__*/_jsx(VideoIcon, {}),
   onClick: ({
     value,
     onChange
   }) => {
-    // eslint-disable-next-line no-alert
     const url = prompt('Insert a link to YouTube or RuTube');
     if (!url) return;
     const src = detectVideo(url);
@@ -70,5 +75,4 @@ const videoBlock = {
     onChange(nextEditorState);
   }
 };
-export default videoBlock;
-//# sourceMappingURL=videoBlock.js.map
+export default videoBlock;

package/dist/Editor/decorators/linkDecorator.d.ts

@@ -0,0 +1,4 @@
+import type { DraftDecorator } from 'draft-js';
+declare const linkDecorator: DraftDecorator;
+export default linkDecorator;
+//# sourceMappingURL=linkDecorator.d.ts.map

package/dist/Editor/decorators/linkDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkDecorator.d.ts","sourceRoot":"","sources":["../../../src/Editor/decorators/linkDecorator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,cAcpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/{esm/Editor → Editor}/decorators/linkDecorator.js

@@ -1,5 +1,5 @@
 import { Link } from '@os-design/core';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 const linkDecorator = {
   strategy: (contentBlock, callback, contentState) => contentBlock.findEntityRanges(character => {
     const entityKey = character.getEntity();
@@ -13,10 +13,10 @@ const linkDecorator = {
     const {
       url
     } = contentState.getEntity(entityKey).getData();
-    return /*#__PURE__*/React.createElement(Link, {
-      href: url
-    }, children);
+    return /*#__PURE__*/_jsx(Link, {
+      href: url,
+      children: children
+    });
   }
 };
-export default linkDecorator;
-//# sourceMappingURL=linkDecorator.js.map
+export default linkDecorator;

package/dist/{types/Editor → Editor}/hooks/useBlockToolbarProps.d.ts

@@ -9,6 +9,9 @@ interface UseBlockToolbarPropsRes {
     trigger: Rect;
     visible: boolean;
 }
+/**
+ * Updates the visibility of the block toolbar.
+ */
 declare const useBlockToolbarProps: (value: EditorState, show: boolean) => UseBlockToolbarPropsRes;
 export default useBlockToolbarProps;
 //# sourceMappingURL=useBlockToolbarProps.d.ts.map

package/dist/Editor/hooks/useBlockToolbarProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockToolbarProps.d.ts","sourceRoot":"","sources":["../../../src/Editor/hooks/useBlockToolbarProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,IAAI;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,UACjB,WAAW,QACZ,OAAO,KACZ,uBA+CF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/{esm/Editor → Editor}/hooks/useBlockToolbarProps.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import getSelectedBlockElement from '../utils/getSelectedBlockElement';
+import getSelectedBlockElement from "../utils/getSelectedBlockElement.js";
 /**
  * Updates the visibility of the block toolbar.
  */
@@ -45,5 +45,4 @@ const useBlockToolbarProps = (value, show) => {
     visible
   };
 };
-export default useBlockToolbarProps;
-//# sourceMappingURL=useBlockToolbarProps.js.map
+export default useBlockToolbarProps;

package/dist/{types/Editor → Editor}/hooks/usePastedTextHandler.d.ts

@@ -1,5 +1,8 @@
-import { EditorProps as DraftEditorProps, EditorState } from 'draft-js';
+import { type EditorProps as DraftEditorProps, EditorState } from 'draft-js';
 type UsePastedTextHandlerRes = Exclude<DraftEditorProps['handlePastedText'], undefined>;
+/**
+ * Pastes only text if the current block is atomic.
+ */
 declare const usePastedTextHandler: (onChange: (value: EditorState) => void, handler: UsePastedTextHandlerRes) => UsePastedTextHandlerRes;
 export default usePastedTextHandler;
 //# sourceMappingURL=usePastedTextHandler.d.ts.map

package/dist/Editor/hooks/usePastedTextHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePastedTextHandler.d.ts","sourceRoot":"","sources":["../../../src/Editor/hooks/usePastedTextHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,gBAAgB,EAEpC,WAAW,EAGZ,MAAM,UAAU,CAAC;AAGlB,KAAK,uBAAuB,GAAG,OAAO,CACpC,gBAAgB,CAAC,kBAAkB,CAAC,EACpC,SAAS,CACV,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,oBAAoB,aACd,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,WAC7B,uBAAuB,KAC/B,uBAwBA,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/{esm/Editor → Editor}/hooks/usePastedTextHandler.js

@@ -14,5 +14,4 @@ const usePastedTextHandler = (onChange, handler) => useCallback((text, html, edi
   }
   return handler(text, html, editorState);
 }, [onChange, handler]);
-export default usePastedTextHandler;
-//# sourceMappingURL=usePastedTextHandler.js.map
+export default usePastedTextHandler;

package/dist/{types/Editor → Editor}/hooks/useReturnHandler.d.ts

@@ -1,5 +1,8 @@
-import { EditorProps as DraftEditorProps, EditorState } from 'draft-js';
+import { type EditorProps as DraftEditorProps, EditorState } from 'draft-js';
 type UseReturnHandlerRes = NonNullable<DraftEditorProps['handleReturn']>;
+/**
+ * Adds a new unstyled block if the user presses the return key.
+ */
 declare const useReturnHandler: (onChange: (value: EditorState) => void, handler: UseReturnHandlerRes) => UseReturnHandlerRes;
 export default useReturnHandler;
 //# sourceMappingURL=useReturnHandler.d.ts.map

package/dist/Editor/hooks/useReturnHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReturnHandler.d.ts","sourceRoot":"","sources":["../../../src/Editor/hooks/useReturnHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK7E,KAAK,mBAAmB,GAAG,WAAW,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;AAEzE;;GAEG;AACH,QAAA,MAAM,gBAAgB,aACV,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,WAC7B,mBAAmB,KAC3B,mBAqBA,CAAC;AAEJ,eAAe,gBAAgB,CAAC"}

package/dist/{esm/Editor → Editor}/hooks/useReturnHandler.js

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import addNewBlockAt from '../utils/addNewBlockAt';
-import getCurrentBlock from '../utils/getCurrentBlock';
+import addNewBlockAt from "../utils/addNewBlockAt.js";
+import getCurrentBlock from "../utils/getCurrentBlock.js";
 /**
  * Adds a new unstyled block if the user presses the return key.
  */
@@ -14,5 +14,4 @@ const useReturnHandler = (onChange, handler) => useCallback((e, editorState) =>
   }
   return handler(e, editorState);
 }, [onChange, handler]);
-export default useReturnHandler;
-//# sourceMappingURL=useReturnHandler.js.map
+export default useReturnHandler;

package/dist/{types/Editor → Editor}/hooks/useStyleToolbarProps.d.ts

@@ -9,6 +9,9 @@ interface UseStyleToolbarPropsRes {
     trigger: Rect;
     visible: boolean;
 }
+/**
+ * Updates the visibility of the style toolbar
+ */
 declare const useStyleToolbarProps: (value: EditorState) => UseStyleToolbarPropsRes;
 export default useStyleToolbarProps;
 //# sourceMappingURL=useStyleToolbarProps.d.ts.map

package/dist/Editor/hooks/useStyleToolbarProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleToolbarProps.d.ts","sourceRoot":"","sources":["../../../src/Editor/hooks/useStyleToolbarProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAa,MAAM,UAAU,CAAC;AAIlD,UAAU,IAAI;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,UAAW,WAAW,KAAG,uBA+BlD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/{esm/Editor → Editor}/hooks/useStyleToolbarProps.js

@@ -1,6 +1,6 @@
 import { RichUtils } from 'draft-js';
 import { useEffect, useState } from 'react';
-import getSelectionRange from '../utils/getSelectionRange';
+import getSelectionRange from "../utils/getSelectionRange.js";
 /**
  * Updates the visibility of the style toolbar
  */
@@ -33,5 +33,4 @@ const useStyleToolbarProps = value => {
     visible
   };
 };
-export default useStyleToolbarProps;
-//# sourceMappingURL=useStyleToolbarProps.js.map
+export default useStyleToolbarProps;

package/dist/Editor/index.d.ts

@@ -0,0 +1,42 @@
+import type { WithSize } from '@os-design/styles';
+import { Editor as DraftEditor, type EditorProps as DraftEditorProps, EditorState } from 'draft-js';
+import type { BlockToolbarItem } from './blocks/types';
+import { type StyleToolbarItem } from './utils/defaultStyleToolbarItems';
+export interface EditorProps extends Omit<DraftEditorProps, 'editorState' | 'onChange'>, WithSize {
+    /**
+     * Whether the editor is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Available styles in the toolbar.
+     * @default undefined
+     */
+    styleToolbarItems?: StyleToolbarItem[];
+    /**
+     * Available blocks in the toolbar.
+     * @default undefined
+     */
+    blockToolbarItems?: BlockToolbarItem[];
+    /**
+     * The editor state.
+     * @default undefined
+     */
+    value?: EditorState;
+    /**
+     * The default value.
+     * @default undefined
+     */
+    defaultValue?: EditorState;
+    /**
+     * The change event handler.
+     * @default undefined
+     */
+    onChange?: (value: EditorState) => void;
+}
+/**
+ * Rich text editor based on the Draft.js.
+ */
+declare const Editor: import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<DraftEditor>>;
+export default Editor;
+//# sourceMappingURL=index.d.ts.map

package/dist/Editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Editor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,KAAK,WAAW,IAAI,gBAAgB,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAQvD,OAAiC,EAC/B,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,EACxD,QAAQ;IACV;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAqBD;;GAEG;AACH,QAAA,MAAM,MAAM,qGAiHX,CAAC;AAIF,eAAe,MAAM,CAAC"}