@uxf/wysiwyg 14.0.0 → 14.1.0

package/ui/button/button-element.js

@@ -1,65 +1,89 @@
 "use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonElement = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const button_1 = require("@uxf/ui/button");
 const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const button_2 = require("../../plugins/button");
 const remove_selected_button_1 = require("../../plugins/button/transforms/remove-selected-button");
 const element_with_action_buttons_1 = require("../components/element/element-with-action-buttons");
 const insert_button_modal_content_1 = require("./insert-button-modal-content");
 const CLASS_NAME = "uxf-wysiwyg__element";
-const ButtonElement = (props) => {
+const ButtonElement = props => {
     var _a;
+    const $ = (0, compiler_runtime_1.c)(17);
     const isSelected = (0, hooks_1.useSelected)();
-    const onEdit = (0, react_1.useCallback)(() => {
-        (0, modal_service_1.openModal)({
-            children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
-                react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { buttonToEdit: (0, button_2.getActiveButton)(props.editor), editor: props.editor }))),
-        });
-    }, [props.editor]);
-    const onRemove = (0, react_1.useCallback)(() => {
-        (0, remove_selected_button_1.removeSelectedButton)(props.editor);
-    }, [props.editor]);
+    let t0;
+    if ($[0] !== props.editor) {
+        t0 = () => {
+            (0, modal_service_1.openModal)({
+                children: react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
+                    react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { buttonToEdit: (0, button_2.getActiveButton)(props.editor), editor: props.editor }))
+            });
+        };
+        $[0] = props.editor;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const onEdit = t0;
+    let t1;
+    if ($[2] !== props.editor) {
+        t1 = () => {
+            (0, remove_selected_button_1.removeSelectedButton)(props.editor);
+        };
+        $[2] = props.editor;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    const onRemove = t1;
     const element = props.element;
-    return (react_1.default.createElement("div", { ...props.attributes, className: `${CLASS_NAME} ${CLASS_NAME}-button ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
-        react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { className: `${CLASS_NAME}-button__action-buttons`, isSelected: isSelected, onDelete: onRemove, onEdit: onEdit, padding: isSelected },
-            react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}-button__action-button`, href: element.buttonUrl, isDisabled: true, variant: "secondary" }, element.buttonText)),
-        props.children));
+    const t2 = `${CLASS_NAME} ${CLASS_NAME}-button ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`;
+    let t3;
+    if ($[4] !== element.buttonText || $[5] !== element.buttonUrl) {
+        t3 = react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}-button__action-button`, href: element.buttonUrl, isDisabled: true, variant: "secondary" }, element.buttonText);
+        $[4] = element.buttonText;
+        $[5] = element.buttonUrl;
+        $[6] = t3;
+    }
+    else {
+        t3 = $[6];
+    }
+    let t4;
+    if ($[7] !== isSelected || $[8] !== onEdit || $[9] !== onRemove || $[10] !== t3) {
+        t4 = react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { className: `${CLASS_NAME}-button__action-buttons`, isSelected: isSelected, onDelete: onRemove, onEdit: onEdit, padding: isSelected }, t3);
+        $[7] = isSelected;
+        $[8] = onEdit;
+        $[9] = onRemove;
+        $[10] = t3;
+        $[11] = t4;
+    }
+    else {
+        t4 = $[11];
+    }
+    let t5;
+    if ($[12] !== props.attributes || $[13] !== props.children || $[14] !== t2 || $[15] !== t4) {
+        t5 = react_1.default.createElement("div", { ...props.attributes, className: t2 },
+            t4,
+            props.children);
+        $[12] = props.attributes;
+        $[13] = props.children;
+        $[14] = t2;
+        $[15] = t4;
+        $[16] = t5;
+    }
+    else {
+        t5 = $[16];
+    }
+    return t5;
 };
 exports.ButtonElement = ButtonElement;

package/ui/button/insert-button-modal-content.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InsertButtonModalContent = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const text_input_1 = require("@uxf/ui/text-input");
 const react_1 = __importStar(require("react"));
@@ -42,50 +43,192 @@ const modal_buttons_1 = require("../components/modal/modal-buttons");
 const modal_content_1 = require("../components/modal/modal-content");
 const utils_1 = require("../utils");
 const CLASS_NAME = "uxf-wysiwyg__insert-modal-button";
-const InsertButtonModalContent = (props) => {
-    var _a, _b, _c, _d;
+const InsertButtonModalContent = props => {
+    var _a, _b, _d, _e;
+    const $ = (0, compiler_runtime_1.c)(44);
     const t = (0, translations_1.useUxfTranslation)();
     const [buttonText, setButtonText] = (0, react_1.useState)((_b = (_a = props.buttonToEdit) === null || _a === void 0 ? void 0 : _a.buttonText) !== null && _b !== void 0 ? _b : "");
-    const [buttonUrl, setButtonUrl] = (0, react_1.useState)((_d = (_c = props.buttonToEdit) === null || _c === void 0 ? void 0 : _c.buttonUrl) !== null && _d !== void 0 ? _d : "");
-    const [error, setError] = (0, react_1.useState)({
-        text: undefined,
-        url: undefined,
-    });
-    const title = props.buttonToEdit
-        ? t("uxf-wysiwyg:plugins.button.button-edit")
-        : t("uxf-wysiwyg:plugins.button.button-insert");
-    const onSubmit = (0, react_1.useCallback)(async (e) => {
-        e.preventDefault();
-        if (buttonText.length === 0) {
-            setError((prevError) => ({
-                ...prevError,
-                text: t("uxf-wysiwyg:plugins.button.button-text.required"),
-            }));
-        }
-        if (buttonUrl.length === 0) {
-            setError((prevError) => {
-                return {
+    const [buttonUrl, setButtonUrl] = (0, react_1.useState)((_e = (_d = props.buttonToEdit) === null || _d === void 0 ? void 0 : _d.buttonUrl) !== null && _e !== void 0 ? _e : "");
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            text: undefined,
+            url: undefined
+        };
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const [error, setError] = (0, react_1.useState)(t0);
+    let t1;
+    if ($[1] !== props.buttonToEdit || $[2] !== t) {
+        t1 = props.buttonToEdit ? t("uxf-wysiwyg:plugins.button.button-edit") : t("uxf-wysiwyg:plugins.button.button-insert");
+        $[1] = props.buttonToEdit;
+        $[2] = t;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    const title = t1;
+    let t2;
+    if ($[4] !== buttonText || $[5] !== buttonUrl || $[6] !== props.buttonToEdit || $[7] !== props.editor || $[8] !== t) {
+        t2 = async (e) => {
+            e.preventDefault();
+            if (buttonText.length === 0) {
+                setError(prevError => ({
                     ...prevError,
-                    url: t("uxf-wysiwyg:plugins.button.url-address.required"),
-                };
-            });
-        }
-        if (buttonText.length !== 0 && buttonUrl.length !== 0) {
-            if (props.buttonToEdit) {
-                (0, button_1.updateButton)(props.editor, buttonText, buttonUrl);
+                    text: t("uxf-wysiwyg:plugins.button.button-text.required")
+                }));
+            }
+            if (buttonUrl.length === 0) {
+                setError(prevError_0 => ({
+                    ...prevError_0,
+                    url: t("uxf-wysiwyg:plugins.button.url-address.required")
+                }));
             }
-            else {
-                (0, button_1.insertButton)(props.editor, buttonText, buttonUrl);
+            if (buttonText.length !== 0 && buttonUrl.length !== 0) {
+                if (props.buttonToEdit) {
+                    (0, button_1.updateButton)(props.editor, buttonText, buttonUrl);
+                }
+                else {
+                    (0, button_1.insertButton)(props.editor, buttonText, buttonUrl);
+                }
+                (0, utils_1.closeModalWithFocus)(props.editor);
             }
-            (0, utils_1.closeModalWithFocus)(props.editor);
-        }
-    }, [buttonText, buttonUrl, props.buttonToEdit, props.editor, t]);
-    return (react_1.default.createElement(modal_content_1.ModalContent, { title: title },
-        react_1.default.createElement("form", { className: `${CLASS_NAME}__form`, id: "insert-button-form", onSubmit: onSubmit },
-            react_1.default.createElement("div", { className: `${CLASS_NAME}__form-inputs` },
-                react_1.default.createElement(text_input_1.TextInput, { helperText: error.text, isInvalid: Boolean(error.text), isRequired: true, label: t("uxf-wysiwyg:plugins.button.button-text.label"), name: "button-text", onChange: setButtonText, placeholder: t("uxf-wysiwyg:plugins.button.button-text.placeholder"), type: "text", value: buttonText }),
-                react_1.default.createElement(text_input_1.TextInput, { helperText: error.url, isInvalid: Boolean(error.url), isRequired: true, label: t("uxf-wysiwyg:plugins.button.url-address.label"), name: "url-address", onChange: setButtonUrl, placeholder: t("uxf-wysiwyg:plugins.button.url-address.placeholder"), type: "text", value: buttonUrl })),
-            react_1.default.createElement(modal_buttons_1.ModalButtons, { className: `${CLASS_NAME}__form-buttons`, editor: props.editor, submitText: title }),
-            react_1.default.createElement("button", { hidden: true, type: "submit" }))));
+        };
+        $[4] = buttonText;
+        $[5] = buttonUrl;
+        $[6] = props.buttonToEdit;
+        $[7] = props.editor;
+        $[8] = t;
+        $[9] = t2;
+    }
+    else {
+        t2 = $[9];
+    }
+    const onSubmit = t2;
+    const t3 = error.text;
+    const t4 = Boolean(error.text);
+    let t5;
+    if ($[10] !== t) {
+        t5 = t("uxf-wysiwyg:plugins.button.button-text.label");
+        $[10] = t;
+        $[11] = t5;
+    }
+    else {
+        t5 = $[11];
+    }
+    let t6;
+    if ($[12] !== t) {
+        t6 = t("uxf-wysiwyg:plugins.button.button-text.placeholder");
+        $[12] = t;
+        $[13] = t6;
+    }
+    else {
+        t6 = $[13];
+    }
+    let t7;
+    if ($[14] !== buttonText || $[15] !== error.text || $[16] !== t4 || $[17] !== t5 || $[18] !== t6) {
+        t7 = react_1.default.createElement(text_input_1.TextInput, { helperText: t3, isInvalid: t4, isRequired: true, label: t5, name: "button-text", onChange: setButtonText, placeholder: t6, type: "text", value: buttonText });
+        $[14] = buttonText;
+        $[15] = error.text;
+        $[16] = t4;
+        $[17] = t5;
+        $[18] = t6;
+        $[19] = t7;
+    }
+    else {
+        t7 = $[19];
+    }
+    const t8 = error.url;
+    const t9 = Boolean(error.url);
+    let t10;
+    if ($[20] !== t) {
+        t10 = t("uxf-wysiwyg:plugins.button.url-address.label");
+        $[20] = t;
+        $[21] = t10;
+    }
+    else {
+        t10 = $[21];
+    }
+    let t11;
+    if ($[22] !== t) {
+        t11 = t("uxf-wysiwyg:plugins.button.url-address.placeholder");
+        $[22] = t;
+        $[23] = t11;
+    }
+    else {
+        t11 = $[23];
+    }
+    let t12;
+    if ($[24] !== buttonUrl || $[25] !== error.url || $[26] !== t10 || $[27] !== t11 || $[28] !== t9) {
+        t12 = react_1.default.createElement(text_input_1.TextInput, { helperText: t8, isInvalid: t9, isRequired: true, label: t10, name: "url-address", onChange: setButtonUrl, placeholder: t11, type: "text", value: buttonUrl });
+        $[24] = buttonUrl;
+        $[25] = error.url;
+        $[26] = t10;
+        $[27] = t11;
+        $[28] = t9;
+        $[29] = t12;
+    }
+    else {
+        t12 = $[29];
+    }
+    let t13;
+    if ($[30] !== t12 || $[31] !== t7) {
+        t13 = react_1.default.createElement("div", { className: `${CLASS_NAME}__form-inputs` },
+            t7,
+            t12);
+        $[30] = t12;
+        $[31] = t7;
+        $[32] = t13;
+    }
+    else {
+        t13 = $[32];
+    }
+    let t14;
+    if ($[33] !== props.editor || $[34] !== title) {
+        t14 = react_1.default.createElement(modal_buttons_1.ModalButtons, { className: `${CLASS_NAME}__form-buttons`, editor: props.editor, submitText: title });
+        $[33] = props.editor;
+        $[34] = title;
+        $[35] = t14;
+    }
+    else {
+        t14 = $[35];
+    }
+    let t15;
+    if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+        t15 = react_1.default.createElement("button", { hidden: true, type: "submit" });
+        $[36] = t15;
+    }
+    else {
+        t15 = $[36];
+    }
+    let t16;
+    if ($[37] !== onSubmit || $[38] !== t13 || $[39] !== t14) {
+        t16 = react_1.default.createElement("form", { className: `${CLASS_NAME}__form`, id: "insert-button-form", onSubmit: onSubmit },
+            t13,
+            t14,
+            t15);
+        $[37] = onSubmit;
+        $[38] = t13;
+        $[39] = t14;
+        $[40] = t16;
+    }
+    else {
+        t16 = $[40];
+    }
+    let t17;
+    if ($[41] !== t16 || $[42] !== title) {
+        t17 = react_1.default.createElement(modal_content_1.ModalContent, { title: title }, t16);
+        $[41] = t16;
+        $[42] = title;
+        $[43] = t17;
+    }
+    else {
+        t17 = $[43];
+    }
+    return t17;
 };
 exports.InsertButtonModalContent = InsertButtonModalContent;

package/ui/components/modal/modal-button-cancel.js

@@ -1,55 +1,57 @@
 "use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalButtonCancel = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const button_1 = require("@uxf/ui/button");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const utils_1 = require("../../utils");
-const ModalButtonCancel = (props) => {
+const ModalButtonCancel = props => {
     var _a;
+    const $ = (0, compiler_runtime_1.c)(9);
     const t = (0, translations_1.useUxfTranslation)();
     const onCancel = props.onCancel;
-    const cancelHandler = (0, react_1.useCallback)(() => {
-        if (onCancel) {
-            onCancel();
-        }
-        else {
-            (0, utils_1.closeModalWithFocus)(props.editor);
-        }
-    }, [onCancel, props.editor]);
-    return (react_1.default.createElement(button_1.Button, { className: "uxf-wysiwyg__modal-button-cancel", color: "default", onClick: cancelHandler, variant: "secondary" }, (_a = props.cancelText) !== null && _a !== void 0 ? _a : t("uxf-wysiwyg:components.modal.button-cancel")));
+    let t0;
+    if ($[0] !== onCancel || $[1] !== props.editor) {
+        t0 = () => {
+            if (onCancel) {
+                onCancel();
+            }
+            else {
+                (0, utils_1.closeModalWithFocus)(props.editor);
+            }
+        };
+        $[0] = onCancel;
+        $[1] = props.editor;
+        $[2] = t0;
+    }
+    else {
+        t0 = $[2];
+    }
+    const cancelHandler = t0;
+    let t1;
+    if ($[3] !== props.cancelText || $[4] !== t) {
+        t1 = (_a = props.cancelText) !== null && _a !== void 0 ? _a : t("uxf-wysiwyg:components.modal.button-cancel");
+        $[3] = props.cancelText;
+        $[4] = t;
+        $[5] = t1;
+    }
+    else {
+        t1 = $[5];
+    }
+    let t2;
+    if ($[6] !== cancelHandler || $[7] !== t1) {
+        t2 = react_1.default.createElement(button_1.Button, { className: "uxf-wysiwyg__modal-button-cancel", color: "default", onClick: cancelHandler, variant: "secondary" }, t1);
+        $[6] = cancelHandler;
+        $[7] = t1;
+        $[8] = t2;
+    }
+    else {
+        t2 = $[8];
+    }
+    return t2;
 };
 exports.ModalButtonCancel = ModalButtonCancel;