@uxf/wysiwyg 11.73.0 → 11.74.0

package/wysiwyg-editor.stories.js

@@ -1,193 +0,0 @@
-"use strict";
-"use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialValue = void 0;
-exports.Playground = Playground;
-exports.SelectedPlugins = SelectedPlugins;
-const show_1 = require("@uxf/core-react/components/show");
-const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
-const wysiwyg_1 = require("@uxf/wysiwyg");
-const react_1 = __importStar(require("react"));
-exports.initialValue = [
-    {
-        type: "h1",
-        id: "mnlt6",
-        children: [{ text: "Nadpis H1" }],
-    },
-    {
-        type: "h2",
-        id: "feu6s",
-        children: [{ text: "Nadpis H2" }],
-    },
-    {
-        type: "h3",
-        id: "i9cb4",
-        children: [{ text: "Nadpis H3" }],
-    },
-    {
-        type: "h4",
-        id: "967c7",
-        children: [{ text: "Nadpis H4" }],
-    },
-    {
-        type: "h5",
-        id: "4kyki",
-        children: [{ text: "Nadpis H5" }],
-    },
-    {
-        type: "h6",
-        id: "ximag",
-        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 },
-        ],
-    },
-    {
-        type: "blockquote",
-        id: "imx33",
-        children: [{ text: "Toto je citace." }],
-    },
-    {
-        type: "ul",
-        id: "aq7rl",
-        children: [
-            {
-                type: "li",
-                id: "b8ljb",
-                children: [
-                    {
-                        type: "lic",
-                        id: "az5v2",
-                        children: [{ text: "Položka nečíslovaného seznamu" }],
-                    },
-                ],
-            },
-            {
-                type: "li",
-                id: "nq1e3",
-                children: [{ type: "lic", id: "dp5er", children: [{ text: "Druhá položka" }] }],
-            },
-        ],
-    },
-    {
-        type: "ol",
-        id: "hioy1",
-        children: [
-            {
-                type: "li",
-                id: "wm2vd",
-                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" }] }],
-            },
-        ],
-    },
-    {
-        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.",
-            },
-        ],
-    },
-];
-function Playground() {
-    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"),
-    ]);
-    const isMounted = (0, use_is_mounted_1.useIsMounted)();
-    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" })),
-            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: isMounted },
-            react_1.default.createElement("pre", null,
-                react_1.default.createElement("code", null, JSON.stringify(value, null, "    "))))));
-}
-function SelectedPlugins() {
-    const _initialValues = [
-        { type: "paragraph", id: "mnlt6", children: [{ text: "Použití pouze vybraných pluginů" }] },
-    ];
-    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"),
-    ]);
-    const isMounted = (0, use_is_mounted_1.useIsMounted)();
-    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" })),
-            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: isMounted },
-            react_1.default.createElement("pre", null,
-                react_1.default.createElement("code", null, JSON.stringify(value, null, "    "))))));
-}