@uxf/wysiwyg 14.0.0 → 14.1.0

package/hooks.js

@@ -2,13 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelected = exports.usePlateStore = exports.useUxfPlateStates = exports.useUxfPlateActions = exports.useUxfPlateSelectors = exports.useUxfPlateEditorState = exports.useUxfEditorState = exports.useUxfEditorRef = exports.useUxfPlateEditorRef = void 0;
 const react_1 = require("platejs/react");
-const useUxfPlateEditorRef = (id) => (0, react_1.useEditorRef)((0, react_1.useEventPlateId)(id));
+const useUxfPlateEditorRef = id => {
+    return (0, react_1.useEditorRef)((0, react_1.useEventPlateId)(id));
+};
 exports.useUxfPlateEditorRef = useUxfPlateEditorRef;
-const useUxfEditorRef = () => (0, react_1.useEditorRef)();
+const useUxfEditorRef = () => {
+    return (0, react_1.useEditorRef)();
+};
 exports.useUxfEditorRef = useUxfEditorRef;
-const useUxfEditorState = () => (0, react_1.useEditorState)();
+const useUxfEditorState = () => {
+    return (0, react_1.useEditorState)();
+};
 exports.useUxfEditorState = useUxfEditorState;
-const useUxfPlateEditorState = (id) => (0, react_1.useEditorState)((0, react_1.useEventPlateId)(id));
+const useUxfPlateEditorState = id => {
+    return (0, react_1.useEditorState)((0, react_1.useEventPlateId)(id));
+};
 exports.useUxfPlateEditorState = useUxfPlateEditorState;
 /**
  * Plate 53 merged the split selectors/actions/states store into one, so these three cannot honour
@@ -16,11 +24,17 @@ exports.useUxfPlateEditorState = useUxfPlateEditorState;
  * type would emit a `.d.ts` pointing into `@platejs/core/node_modules` (TS2883) – use the re-exported
  * `usePlateStore` instead. Nothing in the monorepo consumes them.
  */
-const useUxfPlateSelectors = (id) => (0, react_1.usePlateStore)(id);
+const useUxfPlateSelectors = id => {
+    return (0, react_1.usePlateStore)(id);
+};
 exports.useUxfPlateSelectors = useUxfPlateSelectors;
-const useUxfPlateActions = (id) => (0, react_1.usePlateStore)(id);
+const useUxfPlateActions = id => {
+    return (0, react_1.usePlateStore)(id);
+};
 exports.useUxfPlateActions = useUxfPlateActions;
-const useUxfPlateStates = (id) => (0, react_1.usePlateStore)(id);
+const useUxfPlateStates = id => {
+    return (0, react_1.usePlateStore)(id);
+};
 exports.useUxfPlateStates = useUxfPlateStates;
 var react_2 = require("platejs/react");
 Object.defineProperty(exports, "usePlateStore", { enumerable: true, get: function () { return react_2.usePlateStore; } });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/wysiwyg",
-    "version": "14.0.0",
+    "version": "14.1.0",
     "description": "UXF Wysiwyg editor",
     "author": "Robin Dvorak <dvorak@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/wysiwyg",
@@ -9,7 +9,7 @@
         "access": "public"
     },
     "scripts": {
-        "build": "tsc -P tsconfig.json",
+        "build": "tsc -P tsconfig.json && node ../../scripts/build-react-package.mjs",
         "typecheck": "tsc --noEmit"
     },
     "peerDependencies": {
@@ -18,9 +18,9 @@
         "@platejs/link": "53.3.5",
         "@platejs/list-classic": "53.0.0",
         "@platejs/media": "53.1.4",
-        "@uxf/core": "14.0.0",
-        "@uxf/core-react": "14.0.0",
-        "@uxf/ui": "14.0.0",
+        "@uxf/core": "14.1.0",
+        "@uxf/core-react": "14.1.0",
+        "@uxf/ui": "14.1.0",
         "platejs": "53.3.15",
         "react": "^19.3.0",
         "react-dom": "^19.3.0"
@@ -33,9 +33,9 @@
         "@platejs/media": "53.1.4",
         "@types/react": "19.3.0",
         "@types/react-dom": "19.3.0",
-        "@uxf/core": "14.0.0",
-        "@uxf/core-react": "14.0.0",
-        "@uxf/ui": "14.0.0",
+        "@uxf/core": "14.1.0",
+        "@uxf/core-react": "14.1.0",
+        "@uxf/ui": "14.1.0",
         "platejs": "53.3.15",
         "react": "19.3.0",
         "react-dom": "19.3.0"

package/plugins/link/floating-link-wrapper.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FloatingLinkWrapper = void 0;
 exports.FloatingLinkInsertRoot = FloatingLinkInsertRoot;
 exports.FloatingLinkEditRoot = FloatingLinkEditRoot;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const floating_1 = require("@platejs/floating");
 const react_1 = require("@platejs/link/react");
 const tw_z_index_1 = require("@uxf/ui/tw-tokens/tw-z-index");
@@ -17,12 +18,16 @@ const react_2 = __importDefault(require("react"));
  * Plate 20's verbatim.
  */
 const FLOATING_DEFAULTS = {
-    middleware: [(0, floating_1.offset)(12), (0, floating_1.flip)({ padding: 96 })],
-    placement: "bottom-start",
+    middleware: [(0, floating_1.offset)(12), (0, floating_1.flip)({
+            padding: 96
+        })],
+    placement: "bottom-start"
 };
 /** `floatingOptions` is consumed by the hook and must not reach the DOM. */
 function toDivProps(props) {
-    const divProps = { ...props };
+    const divProps = {
+        ...props
+    };
     delete divProps.floatingOptions;
     return divProps;
 }
@@ -34,22 +39,120 @@ function toDivProps(props) {
  * The insert hook reports `hidden`; the edit hook does not, so it is derived from its state.
  */
 function FloatingLinkInsertRoot(props) {
-    const state = (0, react_1.useFloatingLinkInsertState)({ floatingOptions: { ...FLOATING_DEFAULTS, ...props.floatingOptions } });
+    const $ = (0, compiler_runtime_1.c)(11);
+    let t0;
+    if ($[0] !== props.floatingOptions) {
+        t0 = {
+            floatingOptions: {
+                ...FLOATING_DEFAULTS,
+                ...props.floatingOptions
+            }
+        };
+        $[0] = props.floatingOptions;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const state = (0, react_1.useFloatingLinkInsertState)(t0);
     const root = (0, react_1.useFloatingLinkInsert)(state);
+    const { ref: rootRef } = root;
     if (root.hidden) {
         return null;
     }
-    return (react_2.default.createElement("div", { ...toDivProps(props), ...root.props, ref: root.ref, style: { ...root.props.style, zIndex: tw_z_index_1.twZIndex.modal } }));
+    let t1;
+    if ($[2] !== props) {
+        t1 = toDivProps(props);
+        $[2] = props;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== root.props.style) {
+        t2 = {
+            ...root.props.style,
+            zIndex: tw_z_index_1.twZIndex.modal
+        };
+        $[4] = root.props.style;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== root.props || $[7] !== rootRef || $[8] !== t1 || $[9] !== t2) {
+        t3 = react_2.default.createElement("div", { ...t1, ...root.props, ref: rootRef, style: t2 });
+        $[6] = root.props;
+        $[7] = rootRef;
+        $[8] = t1;
+        $[9] = t2;
+        $[10] = t3;
+    }
+    else {
+        t3 = $[10];
+    }
+    return t3;
 }
 function FloatingLinkEditRoot(props) {
-    const state = (0, react_1.useFloatingLinkEditState)({ floatingOptions: { ...FLOATING_DEFAULTS, ...props.floatingOptions } });
+    const $ = (0, compiler_runtime_1.c)(11);
+    let t0;
+    if ($[0] !== props.floatingOptions) {
+        t0 = {
+            floatingOptions: {
+                ...FLOATING_DEFAULTS,
+                ...props.floatingOptions
+            }
+        };
+        $[0] = props.floatingOptions;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const state = (0, react_1.useFloatingLinkEditState)(t0);
     const root = (0, react_1.useFloatingLinkEdit)(state);
+    const { ref: rootRef } = root;
     if (state.readOnly || !state.isOpen) {
         return null;
     }
-    return (react_2.default.createElement("div", { ...toDivProps(props), ...root.props, ref: root.ref, style: { ...root.props.style, zIndex: tw_z_index_1.twZIndex.modal } }));
+    let t1;
+    if ($[2] !== props) {
+        t1 = toDivProps(props);
+        $[2] = props;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== root.props.style) {
+        t2 = {
+            ...root.props.style,
+            zIndex: tw_z_index_1.twZIndex.modal
+        };
+        $[4] = root.props.style;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== root.props || $[7] !== rootRef || $[8] !== t1 || $[9] !== t2) {
+        t3 = react_2.default.createElement("div", { ...t1, ...root.props, ref: rootRef, style: t2 });
+        $[6] = root.props;
+        $[7] = rootRef;
+        $[8] = t1;
+        $[9] = t2;
+        $[10] = t3;
+    }
+    else {
+        t3 = $[10];
+    }
+    return t3;
 }
 exports.FloatingLinkWrapper = {
     EditRoot: FloatingLinkEditRoot,
-    InsertRoot: FloatingLinkInsertRoot,
+    InsertRoot: FloatingLinkInsertRoot
 };

package/plugins/link/hooks/use-floating-link-selectors.js

@@ -1,21 +1,81 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFloatingLinkSelectors = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = require("@platejs/link/react");
 const react_2 = require("platejs/react");
 /** Shim over `LinkPlugin` options, so the three call sites keep the Plate 20 getter-bundle shape. */
 const useFloatingLinkSelectors = () => {
+    const $ = (0, compiler_runtime_1.c)(16);
     const isEditing = (0, react_2.usePluginOption)(react_1.LinkPlugin, "isEditing");
     const url = (0, react_2.usePluginOption)(react_1.LinkPlugin, "url");
     const text = (0, react_2.usePluginOption)(react_1.LinkPlugin, "text");
     const newTab = (0, react_2.usePluginOption)(react_1.LinkPlugin, "newTab");
     const mode = (0, react_2.usePluginOption)(react_1.LinkPlugin, "mode");
-    return {
-        isEditing: () => isEditing,
-        mode: () => mode,
-        newTab: () => newTab,
-        text: () => text,
-        url: () => url,
-    };
+    let t0;
+    if ($[0] !== isEditing) {
+        t0 = () => isEditing;
+        $[0] = isEditing;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== mode) {
+        t1 = () => mode;
+        $[2] = mode;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== newTab) {
+        t2 = () => newTab;
+        $[4] = newTab;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== text) {
+        t3 = () => text;
+        $[6] = text;
+        $[7] = t3;
+    }
+    else {
+        t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== url) {
+        t4 = () => url;
+        $[8] = url;
+        $[9] = t4;
+    }
+    else {
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== t0 || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
+        t5 = {
+            isEditing: t0,
+            mode: t1,
+            newTab: t2,
+            text: t3,
+            url: t4
+        };
+        $[10] = t0;
+        $[11] = t1;
+        $[12] = t2;
+        $[13] = t3;
+        $[14] = t4;
+        $[15] = t5;
+    }
+    else {
+        t5 = $[15];
+    }
+    return t5;
 };
 exports.useFloatingLinkSelectors = useFloatingLinkSelectors;

package/plugins/link/hooks/use-link-actions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLinkActions = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = require("@platejs/link/react");
 const hooks_1 = require("../../../hooks");
 const get_active_link_1 = require("../transforms/get-active-link");
@@ -12,40 +13,135 @@ const use_link_submit_on_enter_1 = require("./use-link-submit-on-enter");
  * `editor`, which used to be `editor.current` and so always `undefined`. Nothing reads it.
  */
 const useLinkActions = () => {
+    const $ = (0, compiler_runtime_1.c)(30);
     const editor = (0, hooks_1.useUxfEditorRef)();
     (0, use_link_submit_on_enter_1.useLinkSubmitOnEnter)();
     (0, use_link_cancel_on_escape_1.useLinkCancelOnEscape)();
     const floatingLinkSelectors = (0, use_floating_link_selectors_1.useFloatingLinkSelectors)();
-    const setUrl = (url) => {
-        editor.setOption(react_1.LinkPlugin, "url", url);
-        editor.setOption(react_1.LinkPlugin, "isEditing", true);
-    };
-    const setText = (text) => {
-        editor.setOption(react_1.LinkPlugin, "text", text);
-        editor.setOption(react_1.LinkPlugin, "isEditing", true);
-    };
-    const setTarget = (target) => {
-        editor.setOption(react_1.LinkPlugin, "newTab", target === "_blank");
-        editor.setOption(react_1.LinkPlugin, "isEditing", true);
-    };
-    const setAllValues = (url, text, target) => {
-        setUrl(url);
-        setText(text);
-        setTarget(target);
-        editor.setOption(react_1.LinkPlugin, "isEditing", true);
-    };
-    const getActiveLinkValue = () => (0, get_active_link_1.getActiveLink)(editor);
-    return {
-        editor,
-        getActiveLinkValue,
-        getTarget: floatingLinkSelectors.newTab() ? "_blank" : "_self",
-        getText: floatingLinkSelectors.text(),
-        getUrl: floatingLinkSelectors.url(),
-        isEditing: floatingLinkSelectors.isEditing(),
-        setAllValues,
-        setTarget,
-        setText,
-        setUrl,
-    };
+    let t0;
+    if ($[0] !== editor) {
+        t0 = url => {
+            editor.setOption(react_1.LinkPlugin, "url", url);
+            editor.setOption(react_1.LinkPlugin, "isEditing", true);
+        };
+        $[0] = editor;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const setUrl = t0;
+    let t1;
+    if ($[2] !== editor) {
+        t1 = text => {
+            editor.setOption(react_1.LinkPlugin, "text", text);
+            editor.setOption(react_1.LinkPlugin, "isEditing", true);
+        };
+        $[2] = editor;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    const setText = t1;
+    let t2;
+    if ($[4] !== editor) {
+        t2 = target => {
+            editor.setOption(react_1.LinkPlugin, "newTab", target === "_blank");
+            editor.setOption(react_1.LinkPlugin, "isEditing", true);
+        };
+        $[4] = editor;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    const setTarget = t2;
+    let t3;
+    if ($[6] !== editor || $[7] !== setTarget || $[8] !== setText || $[9] !== setUrl) {
+        t3 = (url_0, text_0, target_0) => {
+            setUrl(url_0);
+            setText(text_0);
+            setTarget(target_0);
+            editor.setOption(react_1.LinkPlugin, "isEditing", true);
+        };
+        $[6] = editor;
+        $[7] = setTarget;
+        $[8] = setText;
+        $[9] = setUrl;
+        $[10] = t3;
+    }
+    else {
+        t3 = $[10];
+    }
+    const setAllValues = t3;
+    let t4;
+    if ($[11] !== editor) {
+        t4 = () => (0, get_active_link_1.getActiveLink)(editor);
+        $[11] = editor;
+        $[12] = t4;
+    }
+    else {
+        t4 = $[12];
+    }
+    const getActiveLinkValue = t4;
+    const t5 = floatingLinkSelectors.newTab() ? "_blank" : "_self";
+    let t6;
+    if ($[13] !== floatingLinkSelectors) {
+        t6 = floatingLinkSelectors.text();
+        $[13] = floatingLinkSelectors;
+        $[14] = t6;
+    }
+    else {
+        t6 = $[14];
+    }
+    let t7;
+    if ($[15] !== floatingLinkSelectors) {
+        t7 = floatingLinkSelectors.url();
+        $[15] = floatingLinkSelectors;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    let t8;
+    if ($[17] !== floatingLinkSelectors) {
+        t8 = floatingLinkSelectors.isEditing();
+        $[17] = floatingLinkSelectors;
+        $[18] = t8;
+    }
+    else {
+        t8 = $[18];
+    }
+    let t9;
+    if ($[19] !== editor || $[20] !== getActiveLinkValue || $[21] !== setAllValues || $[22] !== setTarget || $[23] !== setText || $[24] !== setUrl || $[25] !== t5 || $[26] !== t6 || $[27] !== t7 || $[28] !== t8) {
+        t9 = {
+            editor,
+            getActiveLinkValue,
+            getTarget: t5,
+            getText: t6,
+            getUrl: t7,
+            isEditing: t8,
+            setAllValues,
+            setTarget,
+            setText,
+            setUrl
+        };
+        $[19] = editor;
+        $[20] = getActiveLinkValue;
+        $[21] = setAllValues;
+        $[22] = setTarget;
+        $[23] = setText;
+        $[24] = setUrl;
+        $[25] = t5;
+        $[26] = t6;
+        $[27] = t7;
+        $[28] = t8;
+        $[29] = t9;
+    }
+    else {
+        t9 = $[29];
+    }
+    return t9;
 };
 exports.useLinkActions = useLinkActions;

package/plugins/link/hooks/use-link-submit-on-enter.js

@@ -1,23 +1,69 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLinkSubmitOnEnter = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = require("platejs/react");
 const hooks_1 = require("../../../hooks");
 const submit_link_1 = require("../transforms/submit-link");
 const use_floating_link_selectors_1 = require("./use-floating-link-selectors");
 const useLinkSubmitOnEnter = () => {
+    const $ = (0, compiler_runtime_1.c)(8);
     const editor = (0, hooks_1.useUxfEditorRef)();
-    const open = (0, use_floating_link_selectors_1.useFloatingLinkSelectors)().isEditing();
-    (0, react_1.useHotkeys)("*", (e) => {
-        if (e.key !== "Enter") {
-            return;
-        }
-        if ((0, submit_link_1.submitLink)(editor)) {
-            e.preventDefault();
-        }
-    }, {
-        enableOnFormTags: ["INPUT"],
-        enabled: open,
-    }, []);
+    const t0 = (0, use_floating_link_selectors_1.useFloatingLinkSelectors)();
+    let t1;
+    if ($[0] !== t0) {
+        t1 = t0.isEditing();
+        $[0] = t0;
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    const open = t1;
+    let t2;
+    if ($[2] !== editor) {
+        t2 = e => {
+            if (e.key !== "Enter") {
+                return;
+            }
+            if ((0, submit_link_1.submitLink)(editor)) {
+                e.preventDefault();
+            }
+        };
+        $[2] = editor;
+        $[3] = t2;
+    }
+    else {
+        t2 = $[3];
+    }
+    let t3;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = ["INPUT"];
+        $[4] = t3;
+    }
+    else {
+        t3 = $[4];
+    }
+    let t4;
+    if ($[5] !== open) {
+        t4 = {
+            enableOnFormTags: t3,
+            enabled: open
+        };
+        $[5] = open;
+        $[6] = t4;
+    }
+    else {
+        t4 = $[6];
+    }
+    let t5;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = [];
+        $[7] = t5;
+    }
+    else {
+        t5 = $[7];
+    }
+    (0, react_1.useHotkeys)("*", t2, t4, t5);
 };
 exports.useLinkSubmitOnEnter = useLinkSubmitOnEnter;