@os-design/editor 1.0.308 → 1.0.310

package/dist/Editor/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type JsxButtonProps = JSX.IntrinsicElements['button'];
+type JsxButtonProps = React.JSX.IntrinsicElements['button'];
 interface ToolbarButtonProps extends JsxButtonProps {
     active?: boolean;
 }

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

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

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

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

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

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

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

@@ -1 +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,GACxB,OAAO,WAAW,EAClB,MAAM,OAAO,KACZ,uBA+CF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"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,GACxB,OAAO,WAAW,EAClB,MAAM,OAAO,KACZ,uBAgDF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/Editor/hooks/useBlockToolbarProps.js

@@ -15,6 +15,7 @@ const useBlockToolbarProps = (value, show) => {
     if (!show || !value) return;
     const selectedBlockElement = getSelectedBlockElement();
     if (!selectedBlockElement) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setVisible(false);
       return;
     }

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

@@ -1 +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,GAAI,OAAO,WAAW,KAAG,uBA+BlD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"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,GAAI,OAAO,WAAW,KAAG,uBAgClD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/Editor/hooks/useStyleToolbarProps.js

@@ -1,5 +1,5 @@
 import { RichUtils } from 'draft-js';
-import { useEffect, useState } from 'react';
+import { useLayoutEffect, useState } from 'react';
 import getSelectionRange from '../utils/getSelectionRange.js';
 /**
  * Updates the visibility of the style toolbar
@@ -12,7 +12,7 @@ const useStyleToolbarProps = value => {
     height: 0
   });
   const [visible, setVisible] = useState(false);
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!value) return;
     const selectionRange = getSelectionRange();
 
@@ -20,6 +20,7 @@ const useStyleToolbarProps = value => {
     // or the selection range is collapsed,
     // or the selected text is in an atomic block.
     if (!selectionRange || value.getSelection().isCollapsed() || RichUtils.getCurrentBlockType(value).startsWith('atomic')) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setVisible(false);
       return;
     }

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

@@ -1 +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,mBAAmB,CAAC;AAQ1D,OAAiC,EAC/B,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,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"}
+{"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,mBAAmB,CAAC;AAQ1D,OAAiC,EAC/B,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,EAAE,QAAQ;IACpE;;;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/editor",
-  "version": "1.0.308",
+  "version": "1.0.310",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -23,31 +23,31 @@
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
-    "ncu": "ncu -u '/^(?!(react|@types/react|react-dom|@types/react-dom)$).*$/'"
+    "ncu": "ncu -u"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.303",
-    "@os-design/icons": "^1.0.73",
-    "@os-design/styles": "^1.0.70",
-    "@os-design/theming": "^1.0.65",
-    "@os-design/utils": "^1.0.95",
+    "@os-design/core": "^1.0.305",
+    "@os-design/icons": "^1.0.74",
+    "@os-design/styles": "^1.0.71",
+    "@os-design/theming": "^1.0.66",
+    "@os-design/utils": "^1.0.96",
     "draft-js": "^0.11.7"
   },
   "devDependencies": {
     "@emotion/react": ">=11",
     "@emotion/styled": ">=11",
-    "@types/draft-js": "^0.11.18",
-    "immutable": "^5.0.3"
+    "@types/draft-js": "^0.11.20",
+    "immutable": "^5.1.5"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
     "@emotion/styled": ">=11",
     "immutable": "~3.7.4",
-    "react": "18",
-    "react-dom": "18"
+    "react": "19",
+    "react-dom": "19"
   },
-  "gitHead": "0ef5d7b8bcfefd958d3a51f5181cd6de2ef5ae27"
+  "gitHead": "f333f60e39273574d2227cf0ee70b0c8897b2dde"
 }

package/src/Editor/ToolbarButton.tsx

@@ -5,7 +5,7 @@ import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React from 'react';
 
-type JsxButtonProps = JSX.IntrinsicElements['button'];
+type JsxButtonProps = React.JSX.IntrinsicElements['button'];
 interface ToolbarButtonProps extends JsxButtonProps {
   active?: boolean;
 }

package/src/Editor/hooks/useBlockToolbarProps.ts

@@ -34,6 +34,7 @@ const useBlockToolbarProps = (
 
     const selectedBlockElement = getSelectedBlockElement();
     if (!selectedBlockElement) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setVisible(false);
       return;
     }

package/src/Editor/hooks/useStyleToolbarProps.ts

@@ -1,5 +1,5 @@
 import { EditorState, RichUtils } from 'draft-js';
-import { useEffect, useState } from 'react';
+import { useLayoutEffect, useState } from 'react';
 import getSelectionRange from '../utils/getSelectionRange.js';
 
 interface Rect {
@@ -26,7 +26,7 @@ const useStyleToolbarProps = (value: EditorState): UseStyleToolbarPropsRes => {
   });
   const [visible, setVisible] = useState(false);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!value) return;
     const selectionRange = getSelectionRange();
 
@@ -38,6 +38,7 @@ const useStyleToolbarProps = (value: EditorState): UseStyleToolbarPropsRes => {
       value.getSelection().isCollapsed() ||
       RichUtils.getCurrentBlockType(value).startsWith('atomic')
     ) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setVisible(false);
       return;
     }

package/src/Editor/index.tsx

@@ -24,8 +24,7 @@ import defaultStyleToolbarItems, {
 } from './utils/defaultStyleToolbarItems.js';
 
 export interface EditorProps
-  extends Omit<DraftEditorProps, 'editorState' | 'onChange'>,
-    WithSize {
+  extends Omit<DraftEditorProps, 'editorState' | 'onChange'>, WithSize {
   /**
    * Whether the editor is disabled.
    * @default false