@uxf/cms 14.0.0 → 14.1.0

package/forms/components/wysiwyg-input/wysiwyg-input.stories.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
 const button_1 = require("@uxf/ui/button");
@@ -49,27 +50,131 @@ const wysiwyg_input_1 = require("./wysiwyg-input");
  * Image upload is faked here. `WysiwygInput` otherwise defaults to the real `uploadFile` API.
  */
 function Default() {
+    const $ = (0, compiler_runtime_1.c)(21);
     const [submitted, setSubmitted] = (0, react_1.useState)(null);
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues: { content: [], perex: "", title: "" },
-    });
-    return (react_1.default.createElement("div", { className: "p-8" },
-        react_1.default.createElement(form_1.Form, { formApi: formApi, id: "article-form", onSubmit: (data) => setSubmitted(data) },
-            react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
-                    react_1.default.createElement(button_1.Button, { type: "submit" }, "Ulo\u017Eit")), withDividers: true },
-                react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Titulek", name: "title" }),
-                react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: {
-                        image: {
-                            getImageUrl: (file) => file.name,
-                            uploadImage: async (file) => ({
-                                extension: ".ext",
-                                id: 1,
-                                name: URL.createObjectURL(file),
-                                namespace: "wysiwyg",
-                                uuid: "this-should-be-some-random-uuid",
-                            }),
-                        },
-                    }, control: formApi.control, isRequired: true, label: "Obsah", name: "content", placeholder: "Za\u010Dni ps\u00E1t\u2026", requiredMessage: "Obsah je povinn\u00FD" }),
-                react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Perex", name: "perex" }))),
-        submitted && (react_1.default.createElement("pre", { className: "mt-8 overflow-x-auto rounded bg-gray-100 p-4 text-xs", "data-testid": "submitted-value" }, JSON.stringify(submitted, null, 2)))));
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            defaultValues: {
+                content: [],
+                perex: "",
+                title: ""
+            }
+        };
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = data => setSubmitted(data);
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(button_1.Button, { type: "submit" }, "Ulo\u017Eit"));
+        $[2] = t2;
+    }
+    else {
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== formApi.control) {
+        t3 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Titulek", name: "title" });
+        $[3] = formApi.control;
+        $[4] = t3;
+    }
+    else {
+        t3 = $[4];
+    }
+    let t4;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
+            image: {
+                getImageUrl: _temp,
+                uploadImage: _temp2
+            }
+        };
+        $[5] = t4;
+    }
+    else {
+        t4 = $[5];
+    }
+    let t5;
+    let t6;
+    if ($[6] !== formApi.control) {
+        t5 = react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: t4, control: formApi.control, isRequired: true, label: "Obsah", name: "content", placeholder: "Za\u010Dni ps\xE1t\u2026", requiredMessage: "Obsah je povinn\xFD" });
+        t6 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Perex", name: "perex" });
+        $[6] = formApi.control;
+        $[7] = t5;
+        $[8] = t6;
+    }
+    else {
+        t5 = $[7];
+        t6 = $[8];
+    }
+    let t7;
+    if ($[9] !== t3 || $[10] !== t5 || $[11] !== t6) {
+        t7 = react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: t2, withDividers: true },
+            t3,
+            t5,
+            t6);
+        $[9] = t3;
+        $[10] = t5;
+        $[11] = t6;
+        $[12] = t7;
+    }
+    else {
+        t7 = $[12];
+    }
+    let t8;
+    if ($[13] !== formApi || $[14] !== t7) {
+        t8 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "article-form", onSubmit: t1 }, t7);
+        $[13] = formApi;
+        $[14] = t7;
+        $[15] = t8;
+    }
+    else {
+        t8 = $[15];
+    }
+    let t9;
+    if ($[16] !== submitted) {
+        t9 = submitted && react_1.default.createElement("pre", { className: "mt-8 overflow-x-auto rounded bg-gray-100 p-4 text-xs", "data-testid": "submitted-value" }, JSON.stringify(submitted, null, 2));
+        $[16] = submitted;
+        $[17] = t9;
+    }
+    else {
+        t9 = $[17];
+    }
+    let t10;
+    if ($[18] !== t8 || $[19] !== t9) {
+        t10 = react_1.default.createElement("div", { className: "p-8" },
+            t8,
+            t9);
+        $[18] = t8;
+        $[19] = t9;
+        $[20] = t10;
+    }
+    else {
+        t10 = $[20];
+    }
+    return t10;
+}
+async function _temp2(file_0) {
+    return {
+        extension: ".ext",
+        id: 1,
+        name: URL.createObjectURL(file_0),
+        namespace: "wysiwyg",
+        uuid: "this-should-be-some-random-uuid"
+    };
+}
+function _temp(file) {
+    return file.name;
 }

package/forms/forgotten-password-form/forgotten-password-form.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForgottenPasswordForm = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
@@ -41,22 +42,125 @@ const button_1 = require("@uxf/ui/button");
 const text_link_1 = require("@uxf/ui/text-link");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const ForgottenPasswordForm = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { defaultValues, onLogin, ...formProps } = props;
+const ForgottenPasswordForm = props => {
+    const $ = (0, compiler_runtime_1.c)(29);
+    let defaultValues;
+    let formProps;
+    let onLogin;
+    if ($[0] !== props) {
+        ({
+            defaultValues,
+            onLogin,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = defaultValues;
+        $[2] = formProps;
+        $[3] = onLogin;
+    }
+    else {
+        defaultValues = $[1];
+        formProps = $[2];
+        onLogin = $[3];
+    }
     const t = (0, translations_1.useUxfTranslation)();
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues,
-    });
+    let t0;
+    if ($[4] !== defaultValues) {
+        t0 = {
+            defaultValues
+        };
+        $[4] = defaultValues;
+        $[5] = t0;
+    }
+    else {
+        t0 = $[5];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
     const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setFormDisabled(false);
-    }, []);
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "forgotten-password-form", ...formProps },
-        react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "text" }),
-            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-forgotten-password-form:reset-password")),
-            onLogin && (react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onLogin }, t("uxf-cms-forgotten-password-form:login")))))));
+    let t1;
+    let t2;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = () => {
+            setFormDisabled(false);
+        };
+        t2 = [];
+        $[6] = t1;
+        $[7] = t2;
+    }
+    else {
+        t1 = $[6];
+        t2 = $[7];
+    }
+    (0, react_1.useEffect)(t1, t2);
+    let t3;
+    if ($[8] !== formApi.control || $[9] !== formDisabled) {
+        t3 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "text" });
+        $[8] = formApi.control;
+        $[9] = formDisabled;
+        $[10] = t3;
+    }
+    else {
+        t3 = $[10];
+    }
+    const t4 = formDisabled || formApi.formState.isSubmitting;
+    const t5 = formApi.formState.isSubmitting;
+    let t6;
+    if ($[11] !== t) {
+        t6 = t("uxf-cms-forgotten-password-form:reset-password");
+        $[11] = t;
+        $[12] = t6;
+    }
+    else {
+        t6 = $[12];
+    }
+    let t7;
+    if ($[13] !== formApi.formState.isSubmitting || $[14] !== t4 || $[15] !== t6) {
+        t7 = react_1.default.createElement(button_1.Button, { isDisabled: t4, isFullWidth: true, isLoading: t5, type: "submit" }, t6);
+        $[13] = formApi.formState.isSubmitting;
+        $[14] = t4;
+        $[15] = t6;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    let t8;
+    if ($[17] !== formApi.formState.isSubmitting || $[18] !== onLogin || $[19] !== t) {
+        t8 = onLogin && react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onLogin }, t("uxf-cms-forgotten-password-form:login")));
+        $[17] = formApi.formState.isSubmitting;
+        $[18] = onLogin;
+        $[19] = t;
+        $[20] = t8;
+    }
+    else {
+        t8 = $[20];
+    }
+    let t9;
+    if ($[21] !== t3 || $[22] !== t7 || $[23] !== t8) {
+        t9 = react_1.default.createElement("div", { className: "space-y-6" },
+            t3,
+            t7,
+            t8);
+        $[21] = t3;
+        $[22] = t7;
+        $[23] = t8;
+        $[24] = t9;
+    }
+    else {
+        t9 = $[24];
+    }
+    let t10;
+    if ($[25] !== formApi || $[26] !== formProps || $[27] !== t9) {
+        t10 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "forgotten-password-form", ...formProps }, t9);
+        $[25] = formApi;
+        $[26] = formProps;
+        $[27] = t9;
+        $[28] = t10;
+    }
+    else {
+        t10 = $[28];
+    }
+    return t10;
 };
 exports.ForgottenPasswordForm = ForgottenPasswordForm;

package/forms/invite-user-form/invite-user-form.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InviteUserForm = InviteUserForm;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
 const form_1 = require("@uxf/form/form");
@@ -15,18 +16,175 @@ const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const widget_1 = require("../../ui/widget");
 function InviteUserForm(props) {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { defaultValues, ...formProps } = props;
+    const $ = (0, compiler_runtime_1.c)(44);
+    let defaultValues;
+    let formProps;
+    if ($[0] !== props) {
+        ({
+            defaultValues,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = defaultValues;
+        $[2] = formProps;
+    }
+    else {
+        defaultValues = $[1];
+        formProps = $[2];
+    }
     const t = (0, translations_1.useUxfTranslation)();
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues,
-    });
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "invite-user-form", ...formProps },
-        react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(button_1.Button, { isDisabled: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-invite-user-form:save"))), withDividers: true },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "E-mail", name: "email", type: "email" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:name"), name: "name" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:surname"), name: "surname" }),
-            react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:roles"), loadOptions: props.onLoadRoles, name: "roles" }),
-            react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: formApi.control, label: t("uxf-cms-invite-user-form:send-invitation"), name: "sendInvitation" }))));
+    let t0;
+    if ($[3] !== defaultValues) {
+        t0 = {
+            defaultValues
+        };
+        $[3] = defaultValues;
+        $[4] = t0;
+    }
+    else {
+        t0 = $[4];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
+    const t1 = formApi.formState.isSubmitting;
+    let t2;
+    if ($[5] !== t) {
+        t2 = t("uxf-cms-invite-user-form:save");
+        $[5] = t;
+        $[6] = t2;
+    }
+    else {
+        t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== formApi.formState.isSubmitting || $[8] !== t2) {
+        t3 = react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(button_1.Button, { isDisabled: t1, type: "submit" }, t2));
+        $[7] = formApi.formState.isSubmitting;
+        $[8] = t2;
+        $[9] = t3;
+    }
+    else {
+        t3 = $[9];
+    }
+    let t4;
+    if ($[10] !== formApi.control) {
+        t4 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "E-mail", name: "email", type: "email" });
+        $[10] = formApi.control;
+        $[11] = t4;
+    }
+    else {
+        t4 = $[11];
+    }
+    const t5 = formApi.control;
+    let t6;
+    if ($[12] !== t) {
+        t6 = t("uxf-cms-invite-user-form:name");
+        $[12] = t;
+        $[13] = t6;
+    }
+    else {
+        t6 = $[13];
+    }
+    let t7;
+    if ($[14] !== formApi.control || $[15] !== t6) {
+        t7 = react_1.default.createElement(text_input_1.TextInput, { control: t5, isRequired: true, label: t6, name: "name" });
+        $[14] = formApi.control;
+        $[15] = t6;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    const t8 = formApi.control;
+    let t9;
+    if ($[17] !== t) {
+        t9 = t("uxf-cms-invite-user-form:surname");
+        $[17] = t;
+        $[18] = t9;
+    }
+    else {
+        t9 = $[18];
+    }
+    let t10;
+    if ($[19] !== formApi.control || $[20] !== t9) {
+        t10 = react_1.default.createElement(text_input_1.TextInput, { control: t8, isRequired: true, label: t9, name: "surname" });
+        $[19] = formApi.control;
+        $[20] = t9;
+        $[21] = t10;
+    }
+    else {
+        t10 = $[21];
+    }
+    const t11 = formApi.control;
+    let t12;
+    if ($[22] !== t) {
+        t12 = t("uxf-cms-invite-user-form:roles");
+        $[22] = t;
+        $[23] = t12;
+    }
+    else {
+        t12 = $[23];
+    }
+    let t13;
+    if ($[24] !== formApi.control || $[25] !== props.onLoadRoles || $[26] !== t12) {
+        t13 = react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: t11, isRequired: true, label: t12, loadOptions: props.onLoadRoles, name: "roles" });
+        $[24] = formApi.control;
+        $[25] = props.onLoadRoles;
+        $[26] = t12;
+        $[27] = t13;
+    }
+    else {
+        t13 = $[27];
+    }
+    const t14 = formApi.control;
+    let t15;
+    if ($[28] !== t) {
+        t15 = t("uxf-cms-invite-user-form:send-invitation");
+        $[28] = t;
+        $[29] = t15;
+    }
+    else {
+        t15 = $[29];
+    }
+    let t16;
+    if ($[30] !== formApi.control || $[31] !== t15) {
+        t16 = react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: t14, label: t15, name: "sendInvitation" });
+        $[30] = formApi.control;
+        $[31] = t15;
+        $[32] = t16;
+    }
+    else {
+        t16 = $[32];
+    }
+    let t17;
+    if ($[33] !== t10 || $[34] !== t13 || $[35] !== t16 || $[36] !== t3 || $[37] !== t4 || $[38] !== t7) {
+        t17 = react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: t3, withDividers: true },
+            t4,
+            t7,
+            t10,
+            t13,
+            t16);
+        $[33] = t10;
+        $[34] = t13;
+        $[35] = t16;
+        $[36] = t3;
+        $[37] = t4;
+        $[38] = t7;
+        $[39] = t17;
+    }
+    else {
+        t17 = $[39];
+    }
+    let t18;
+    if ($[40] !== formApi || $[41] !== formProps || $[42] !== t17) {
+        t18 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "invite-user-form", ...formProps }, t17);
+        $[40] = formApi;
+        $[41] = formProps;
+        $[42] = t17;
+        $[43] = t18;
+    }
+    else {
+        t18 = $[43];
+    }
+    return t18;
 }

package/forms/login-form/login-form.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginForm = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
@@ -41,21 +42,129 @@ const button_1 = require("@uxf/ui/button");
 const text_link_1 = require("@uxf/ui/text-link");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const LoginForm = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { onForgottenPassword, ...formProps } = props;
+const LoginForm = props => {
+    const $ = (0, compiler_runtime_1.c)(31);
+    let formProps;
+    let onForgottenPassword;
+    if ($[0] !== props) {
+        ({
+            onForgottenPassword,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = formProps;
+        $[2] = onForgottenPassword;
+    }
+    else {
+        formProps = $[1];
+        onForgottenPassword = $[2];
+    }
     const t = (0, translations_1.useUxfTranslation)();
     const formApi = (0, react_hook_form_1.useForm)();
     const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setFormDisabled(false);
-    }, []);
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "login-form", ...formProps },
-        react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "email" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: t("uxf-cms-login-form:password"), name: "password", type: "password" }),
-            onForgottenPassword && (react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onForgottenPassword }, t("uxf-cms-login-form:forgot-password")))),
-            react_1.default.createElement(button_1.Button, { isFullWidth: true, type: "submit" }, t("uxf-cms-login-form:login")))));
+    let t0;
+    let t1;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = () => {
+            setFormDisabled(false);
+        };
+        t1 = [];
+        $[3] = t0;
+        $[4] = t1;
+    }
+    else {
+        t0 = $[3];
+        t1 = $[4];
+    }
+    (0, react_1.useEffect)(t0, t1);
+    let t2;
+    if ($[5] !== formApi.control || $[6] !== formDisabled) {
+        t2 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "email" });
+        $[5] = formApi.control;
+        $[6] = formDisabled;
+        $[7] = t2;
+    }
+    else {
+        t2 = $[7];
+    }
+    const t3 = formApi.control;
+    let t4;
+    if ($[8] !== t) {
+        t4 = t("uxf-cms-login-form:password");
+        $[8] = t;
+        $[9] = t4;
+    }
+    else {
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== formApi.control || $[11] !== formDisabled || $[12] !== t4) {
+        t5 = react_1.default.createElement(text_input_1.TextInput, { control: t3, isDisabled: formDisabled, isRequired: true, label: t4, name: "password", type: "password" });
+        $[10] = formApi.control;
+        $[11] = formDisabled;
+        $[12] = t4;
+        $[13] = t5;
+    }
+    else {
+        t5 = $[13];
+    }
+    let t6;
+    if ($[14] !== formApi.formState || $[15] !== onForgottenPassword || $[16] !== t) {
+        t6 = onForgottenPassword && react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onForgottenPassword }, t("uxf-cms-login-form:forgot-password")));
+        $[14] = formApi.formState;
+        $[15] = onForgottenPassword;
+        $[16] = t;
+        $[17] = t6;
+    }
+    else {
+        t6 = $[17];
+    }
+    let t7;
+    if ($[18] !== t) {
+        t7 = t("uxf-cms-login-form:login");
+        $[18] = t;
+        $[19] = t7;
+    }
+    else {
+        t7 = $[19];
+    }
+    let t8;
+    if ($[20] !== t7) {
+        t8 = react_1.default.createElement(button_1.Button, { isFullWidth: true, type: "submit" }, t7);
+        $[20] = t7;
+        $[21] = t8;
+    }
+    else {
+        t8 = $[21];
+    }
+    let t9;
+    if ($[22] !== t2 || $[23] !== t5 || $[24] !== t6 || $[25] !== t8) {
+        t9 = react_1.default.createElement("div", { className: "space-y-6" },
+            t2,
+            t5,
+            t6,
+            t8);
+        $[22] = t2;
+        $[23] = t5;
+        $[24] = t6;
+        $[25] = t8;
+        $[26] = t9;
+    }
+    else {
+        t9 = $[26];
+    }
+    let t10;
+    if ($[27] !== formApi || $[28] !== formProps || $[29] !== t9) {
+        t10 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "login-form", ...formProps }, t9);
+        $[27] = formApi;
+        $[28] = formProps;
+        $[29] = t9;
+        $[30] = t10;
+    }
+    else {
+        t10 = $[30];
+    }
+    return t10;
 };
 exports.LoginForm = LoginForm;