@uxf/wysiwyg 14.0.0 → 14.1.0

package/wysiwyg-editor.stories.js

@@ -37,167 +37,337 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initialValue = void 0;
 exports.Playground = Playground;
 exports.SelectedPlugins = SelectedPlugins;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const show_1 = require("@uxf/core-react/components/show");
 const use_is_hydrated_1 = require("@uxf/core-react/hooks/use-is-hydrated");
 const react_1 = __importStar(require("react"));
 const wysiwyg_1 = require("@uxf/wysiwyg");
-exports.initialValue = [
-    {
+exports.initialValue = [{
         type: "h1",
         id: "mnlt6",
-        children: [{ text: "Nadpis H1" }],
-    },
-    {
+        children: [{
+                text: "Nadpis H1"
+            }]
+    }, {
         type: "h2",
         id: "feu6s",
-        children: [{ text: "Nadpis H2" }],
-    },
-    {
+        children: [{
+                text: "Nadpis H2"
+            }]
+    }, {
         type: "h3",
         id: "i9cb4",
-        children: [{ text: "Nadpis H3" }],
-    },
-    {
+        children: [{
+                text: "Nadpis H3"
+            }]
+    }, {
         type: "h4",
         id: "967c7",
-        children: [{ text: "Nadpis H4" }],
-    },
-    {
+        children: [{
+                text: "Nadpis H4"
+            }]
+    }, {
         type: "h5",
         id: "4kyki",
-        children: [{ text: "Nadpis H5" }],
-    },
-    {
+        children: [{
+                text: "Nadpis H5"
+            }]
+    }, {
         type: "h6",
         id: "ximag",
-        children: [{ text: "Nadpis H6" }],
-    },
-    {
+        children: [{
+                text: "Nadpis H6"
+            }]
+    }, {
         type: "paragraph",
         id: "xnws3",
-        children: [
-            { text: "Toto je odstavec. " },
-            { type: "link", id: "j4bh1", url: "https://uxf.cz", target: "_blank", children: [{ text: "uxf.cz" }] },
-            { text: " " },
-            { text: "tučné ", bold: true },
-            { text: "kurzíva ", italic: true },
-            { text: "podtržení", underline: true },
-            { text: " kód", code: true },
-            { text: " " },
-            { text: "zvýraznění", highlight: true },
-        ],
-    },
-    {
+        children: [{
+                text: "Toto je odstavec. "
+            }, {
+                type: "link",
+                id: "j4bh1",
+                url: "https://uxf.cz",
+                target: "_blank",
+                children: [{
+                        text: "uxf.cz"
+                    }]
+            }, {
+                text: " "
+            }, {
+                text: "tučné ",
+                bold: true
+            }, {
+                text: "kurzíva ",
+                italic: true
+            }, {
+                text: "podtržení",
+                underline: true
+            }, {
+                text: " kód",
+                code: true
+            }, {
+                text: " "
+            }, {
+                text: "zvýraznění",
+                highlight: true
+            }]
+    }, {
         type: "blockquote",
         id: "imx33",
-        children: [{ text: "Toto je citace." }],
-    },
-    {
+        children: [{
+                text: "Toto je citace."
+            }]
+    }, {
         type: "ul",
         id: "aq7rl",
-        children: [
-            {
+        children: [{
                 type: "li",
                 id: "b8ljb",
-                children: [
-                    {
+                children: [{
                         type: "lic",
                         id: "az5v2",
-                        children: [{ text: "Položka nečíslovaného seznamu" }],
-                    },
-                ],
-            },
-            {
+                        children: [{
+                                text: "Položka nečíslovaného seznamu"
+                            }]
+                    }]
+            }, {
                 type: "li",
                 id: "nq1e3",
-                children: [{ type: "lic", id: "dp5er", children: [{ text: "Druhá položka" }] }],
-            },
-        ],
-    },
-    {
+                children: [{
+                        type: "lic",
+                        id: "dp5er",
+                        children: [{
+                                text: "Druhá položka"
+                            }]
+                    }]
+            }]
+    }, {
         type: "ol",
         id: "hioy1",
-        children: [
-            {
+        children: [{
                 type: "li",
                 id: "wm2vd",
-                children: [{ type: "lic", id: "q5ynx", children: [{ text: "Položka číslovaného seznamu" }] }],
-            },
-            {
+                children: [{
+                        type: "lic",
+                        id: "q5ynx",
+                        children: [{
+                                text: "Položka číslovaného seznamu"
+                            }]
+                    }]
+            }, {
                 type: "li",
                 id: "5qjr0",
-                children: [{ type: "lic", id: "8u41x", children: [{ text: "Druhá položka" }] }],
-            },
-        ],
-    },
-    {
+                children: [{
+                        type: "lic",
+                        id: "8u41x",
+                        children: [{
+                                text: "Druhá položka"
+                            }]
+                    }]
+            }]
+    }, {
         type: "paragraph",
         id: "9013p",
-        children: [
-            {
-                text: "Pokud vypneš nějaký plugin, zobrazení je nefunkční, ale v JSONu pořád je, protože je v initial values.",
-            },
-        ],
-    },
-];
+        children: [{
+                text: "Pokud vypneš nějaký plugin, zobrazení je nefunkční, ale v JSONu pořád je, protože je v initial values."
+            }]
+    }];
 function Playground() {
+    const $ = (0, compiler_runtime_1.c)(11);
     const [value, setValue] = (0, react_1.useState)(exports.initialValue);
-    const plugins = (0, wysiwyg_1.createPluginsWithUi)([
-        (0, wysiwyg_1.createHeadingsPluginWithUi)({ disabledLevels: [1] }),
-        (0, wysiwyg_1.createBoldPluginWithUi)(),
-        (0, wysiwyg_1.createImagePluginWithUi)({
-            uploadImage: async (file) => ({
-                id: 1,
-                name: URL.createObjectURL(file),
-                extension: ".ext",
-                namespace: "wysiwyg",
-                uuid: "this-should-be-some-random-uuid",
-            }),
-            getImageUrl: (file) => file.name,
-        }),
-        (0, wysiwyg_1.createHighlightPluginWithUi)("red"),
-    ]);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = (0, wysiwyg_1.createPluginsWithUi)([(0, wysiwyg_1.createHeadingsPluginWithUi)({
+                disabledLevels: [1]
+            }), (0, wysiwyg_1.createBoldPluginWithUi)(), (0, wysiwyg_1.createImagePluginWithUi)({
+                uploadImage: _temp,
+                getImageUrl: _temp2
+            }), (0, wysiwyg_1.createHighlightPluginWithUi)("red")]);
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const plugins = t0;
     const isHydrated = (0, use_is_hydrated_1.useIsHydrated)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(wysiwyg_1.WysiwygEditor, { id: "editor", initialValue: exports.initialValue, onChange: setValue, plugins: plugins }),
-        react_1.default.createElement("div", { className: "relative mt-4" },
-            react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
-                react_1.default.createElement("div", { className: "w-full border-t border-gray-300" })),
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = react_1.default.createElement(wysiwyg_1.WysiwygEditor, { id: "editor", initialValue: exports.initialValue, onChange: setValue, plugins: plugins });
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
+            react_1.default.createElement("div", { className: "w-full border-t border-gray-300" }));
+        $[2] = t2;
+    }
+    else {
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = react_1.default.createElement("div", { className: "relative mt-4" },
+            t2,
             react_1.default.createElement("div", { className: "relative flex justify-center" },
-                react_1.default.createElement("span", { className: "bg-white px-2 text-sm text-gray-500" }, "Value"))),
-        react_1.default.createElement(show_1.Show, { when: isHydrated },
-            react_1.default.createElement("pre", null,
-                react_1.default.createElement("code", null, JSON.stringify(value, null, "    "))))));
+                react_1.default.createElement("span", { className: "bg-white px-2 text-sm text-gray-500" }, "Value")));
+        $[3] = t3;
+    }
+    else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== value) {
+        t4 = JSON.stringify(value, null, "    ");
+        $[4] = value;
+        $[5] = t4;
+    }
+    else {
+        t4 = $[5];
+    }
+    let t5;
+    if ($[6] !== t4) {
+        t5 = react_1.default.createElement("pre", null,
+            react_1.default.createElement("code", null, t4));
+        $[6] = t4;
+        $[7] = t5;
+    }
+    else {
+        t5 = $[7];
+    }
+    let t6;
+    if ($[8] !== isHydrated || $[9] !== t5) {
+        t6 = react_1.default.createElement(react_1.default.Fragment, null,
+            t1,
+            t3,
+            react_1.default.createElement(show_1.Show, { when: isHydrated }, t5));
+        $[8] = isHydrated;
+        $[9] = t5;
+        $[10] = t6;
+    }
+    else {
+        t6 = $[10];
+    }
+    return t6;
+}
+function _temp2(file_0) {
+    return file_0.name;
+}
+async function _temp(file) {
+    return {
+        id: 1,
+        name: URL.createObjectURL(file),
+        extension: ".ext",
+        namespace: "wysiwyg",
+        uuid: "this-should-be-some-random-uuid"
+    };
 }
 function SelectedPlugins() {
-    const _initialValues = [
-        { type: "paragraph", id: "mnlt6", children: [{ text: "Použití pouze vybraných pluginů" }] },
-    ];
+    const $ = (0, compiler_runtime_1.c)(12);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = [{
+                type: "paragraph",
+                id: "mnlt6",
+                children: [{
+                        text: "Pou\u017Eit\xED pouze vybran\xFDch plugin\u016F"
+                    }]
+            }];
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const _initialValues = t0;
     const [value, setValue] = (0, react_1.useState)(_initialValues);
-    const plugins = (0, wysiwyg_1.createPluginsWithUi)([
-        (0, wysiwyg_1.createHeadingsPluginWithUi)({ disabledLevels: [1] }),
-        (0, wysiwyg_1.createBoldPluginWithUi)(),
-        (0, wysiwyg_1.createImagePluginWithUi)({
-            uploadImage: async (file) => ({
-                id: 1,
-                name: URL.createObjectURL(file),
-                extension: ".ext",
-                namespace: "wysiwyg",
-                uuid: "this-should-be-some-random-uuid",
-            }),
-            getImageUrl: (file) => file.name,
-        }),
-        (0, wysiwyg_1.createHighlightPluginWithUi)("red"),
-    ]);
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = (0, wysiwyg_1.createPluginsWithUi)([(0, wysiwyg_1.createHeadingsPluginWithUi)({
+                disabledLevels: [1]
+            }), (0, wysiwyg_1.createBoldPluginWithUi)(), (0, wysiwyg_1.createImagePluginWithUi)({
+                uploadImage: _temp3,
+                getImageUrl: _temp4
+            }), (0, wysiwyg_1.createHighlightPluginWithUi)("red")]);
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    const plugins = t1;
     const isHydrated = (0, use_is_hydrated_1.useIsHydrated)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(wysiwyg_1.WysiwygEditor, { id: "editor", initialValue: _initialValues, onChange: setValue, plugins: plugins }),
-        react_1.default.createElement("div", { className: "relative mt-4" },
-            react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
-                react_1.default.createElement("div", { className: "w-full border-t border-gray-300" })),
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = react_1.default.createElement(wysiwyg_1.WysiwygEditor, { id: "editor", initialValue: _initialValues, onChange: setValue, plugins: plugins });
+        $[2] = t2;
+    }
+    else {
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
+            react_1.default.createElement("div", { className: "w-full border-t border-gray-300" }));
+        $[3] = t3;
+    }
+    else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = react_1.default.createElement("div", { className: "relative mt-4" },
+            t3,
             react_1.default.createElement("div", { className: "relative flex justify-center" },
-                react_1.default.createElement("span", { className: "bg-white px-2 text-sm text-gray-500" }, "Value"))),
-        react_1.default.createElement(show_1.Show, { when: isHydrated },
-            react_1.default.createElement("pre", null,
-                react_1.default.createElement("code", null, JSON.stringify(value, null, "    "))))));
+                react_1.default.createElement("span", { className: "bg-white px-2 text-sm text-gray-500" }, "Value")));
+        $[4] = t4;
+    }
+    else {
+        t4 = $[4];
+    }
+    let t5;
+    if ($[5] !== value) {
+        t5 = JSON.stringify(value, null, "    ");
+        $[5] = value;
+        $[6] = t5;
+    }
+    else {
+        t5 = $[6];
+    }
+    let t6;
+    if ($[7] !== t5) {
+        t6 = react_1.default.createElement("pre", null,
+            react_1.default.createElement("code", null, t5));
+        $[7] = t5;
+        $[8] = t6;
+    }
+    else {
+        t6 = $[8];
+    }
+    let t7;
+    if ($[9] !== isHydrated || $[10] !== t6) {
+        t7 = react_1.default.createElement(react_1.default.Fragment, null,
+            t2,
+            t4,
+            react_1.default.createElement(show_1.Show, { when: isHydrated }, t6));
+        $[9] = isHydrated;
+        $[10] = t6;
+        $[11] = t7;
+    }
+    else {
+        t7 = $[11];
+    }
+    return t7;
+}
+function _temp4(file_0) {
+    return file_0.name;
+}
+async function _temp3(file) {
+    return {
+        id: 1,
+        name: URL.createObjectURL(file),
+        extension: ".ext",
+        namespace: "wysiwyg",
+        uuid: "this-should-be-some-random-uuid"
+    };
 }