@windoc/react 0.2.8 → 0.2.10

package/dist/index.d.mts

@@ -276,8 +276,10 @@ interface EditorProps {
     style?: React$1.CSSProperties;
     /** Enable drag-and-drop badge insertion */
     onDrop?: (e: React$1.DragEvent, editor: EditorInstance) => void;
+    /** Called when cursor/selection style changes — use this instead of overwriting editor.listener.rangeStyleChange via onReady */
+    onRangeStyleChange?: (payload: RangeStylePayload) => void;
 }
-declare function Editor({ defaultValue, options: userOptions, onChange, onReady, toolbar, footer, renderToolbar, renderFooter, children, className, style, onDrop: userOnDrop, }: EditorProps): react_jsx_runtime.JSX.Element;
+declare function Editor({ defaultValue, options: userOptions, onChange, onReady, onRangeStyleChange, toolbar, footer, renderToolbar, renderFooter, children, className, style, onDrop: userOnDrop, }: EditorProps): react_jsx_runtime.JSX.Element;
 
 interface EditorContextValue {
     editorRef: MutableRefObject<EditorInstance | null>;

package/dist/index.d.ts

@@ -276,8 +276,10 @@ interface EditorProps {
     style?: React$1.CSSProperties;
     /** Enable drag-and-drop badge insertion */
     onDrop?: (e: React$1.DragEvent, editor: EditorInstance) => void;
+    /** Called when cursor/selection style changes — use this instead of overwriting editor.listener.rangeStyleChange via onReady */
+    onRangeStyleChange?: (payload: RangeStylePayload) => void;
 }
-declare function Editor({ defaultValue, options: userOptions, onChange, onReady, toolbar, footer, renderToolbar, renderFooter, children, className, style, onDrop: userOnDrop, }: EditorProps): react_jsx_runtime.JSX.Element;
+declare function Editor({ defaultValue, options: userOptions, onChange, onReady, onRangeStyleChange, toolbar, footer, renderToolbar, renderFooter, children, className, style, onDrop: userOnDrop, }: EditorProps): react_jsx_runtime.JSX.Element;
 
 interface EditorContextValue {
     editorRef: MutableRefObject<EditorInstance | null>;

package/dist/index.js

@@ -346,11 +346,11 @@ function FontTool() {
 // src/toolbar/FontSizeTool.tsx
 var import_react7 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var SIZES = [56, 48, 34, 32, 29, 24, 21, 20, 18, 16, 14, 12, 10, 8];
+var SIZES = [72, 48, 36, 24, 20, 18, 16, 14, 12, 11, 10, 9, 8];
 function FontSizeTool() {
   const { editorRef, rangeStyle } = useEditor();
   const optionsRef = (0, import_react7.useRef)(null);
-  const activeSize = rangeStyle?.size ?? 16;
+  const activeSize = rangeStyle?.size ?? 11;
   const handleSize = (size) => {
     editorRef.current?.command.executeSize(size);
   };
@@ -1352,6 +1352,7 @@ function Editor({
   options: userOptions,
   onChange,
   onReady,
+  onRangeStyleChange,
   toolbar = true,
   footer = true,
   renderToolbar,
@@ -1368,6 +1369,7 @@ function Editor({
       options: userOptions,
       onChange,
       onReady,
+      onRangeStyleChange,
       toolbar,
       footer,
       renderToolbar,
@@ -1384,6 +1386,7 @@ function EditorInner({
   options: userOptions,
   onChange,
   onReady,
+  onRangeStyleChange,
   toolbar = true,
   footer = true,
   renderToolbar,
@@ -1427,6 +1430,7 @@ function EditorInner({
       editorRef.current = instance;
       instance.listener.rangeStyleChange = (payload) => {
         setRangeStyle(payload);
+        onRangeStyleChange?.(payload);
         const rangeContext = instance?.command.getRangeContext();
         if (rangeContext) {
           setRowNo(rangeContext.startRowNo + 1);