@uxf/cms 11.73.0 → 11.74.1

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-invite-user-form": {
+        save: {
+            cs: "Uložit",
+            en: "Save",
+            sk: "Uložiť",
+            de: "Speichern",
+        },
+        name: {
+            cs: "Jméno",
+            en: "Name",
+            sk: "Meno",
+            de: "Name",
+        },
+        surname: {
+            cs: "Příjmení",
+            en: "Surname",
+            sk: "Priezvisko",
+            de: "Nachname",
+        },
+        roles: {
+            cs: "Role",
+            en: "Roles",
+            sk: "Roly",
+            de: "Rollen",
+        },
+        "send-invitation": {
+            cs: "Odeslat pozvánku",
+            en: "Send invitation",
+            sk: "Odoslať pozvánku",
+            de: "Einladung senden",
+        },
+    },
+};

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

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginForm = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
 const button_1 = require("@uxf/ui/button");
@@ -33,6 +34,7 @@ const react_hook_form_1 = require("react-hook-form");
 const LoginForm = (props) => {
     // eslint-disable-next-line react/destructuring-assignment
     const { onForgottenPassword, ...formProps } = props;
+    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)(() => {
@@ -41,9 +43,9 @@ const LoginForm = (props) => {
     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: "Heslo", name: "password", type: "password" }),
+            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 }, "Nepamatujete si sv\u00E9 heslo?"))),
-            react_1.default.createElement(button_1.Button, { isFullWidth: true, type: "submit" }, "P\u0159ihl\u00E1sit se"))));
+                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")))));
 };
 exports.LoginForm = LoginForm;

package/forms/login-form/translations.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    "uxf-cms-login-form": {
+        password: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "forgot-password": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        login: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/forms/login-form/translations.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-login-form": {
+        password: {
+            cs: "Heslo",
+            en: "Password",
+            sk: "Heslo",
+            de: "Passwort",
+        },
+        "forgot-password": {
+            cs: "Nepamatujete si své heslo?",
+            en: "Don't remember your password?",
+            sk: "Nepamätáte si svoje heslo?",
+            de: "Passwort vergessen?",
+        },
+        login: {
+            cs: "Přihlásit se",
+            en: "Login",
+            sk: "Prihlásiť sa",
+            de: "Anmelden",
+        },
+    },
+};

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

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenewPasswordForm = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
 const button_1 = require("@uxf/ui/button");
@@ -32,6 +33,7 @@ const react_hook_form_1 = require("react-hook-form");
 const RenewPasswordForm = (props) => {
     // eslint-disable-next-line react/destructuring-assignment
     const { defaultValues, ...formProps } = props;
+    const t = (0, translations_1.useUxfTranslation)();
     const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
     const formApi = (0, react_hook_form_1.useForm)({
         defaultValues,
@@ -41,8 +43,11 @@ const RenewPasswordForm = (props) => {
     }, []);
     return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "renew-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: "Nov\u00E9 heslo", name: "password", rules: props.passwordRules, type: "password" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "Znovu nov\u00E9 heslo", name: "passwordAgain", rules: { validate: (v) => v === formApi.getValues("password") || "Hesla musí být stejná" }, type: "password" }),
-            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, "Zm\u011Bnit heslo"))));
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: t("uxf-cms-renew-password-form:new-password"), name: "password", rules: props.passwordRules, type: "password" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: t("uxf-cms-renew-password-form:new-password-again"), name: "passwordAgain", rules: {
+                    validate: (v) => v === formApi.getValues("password") ||
+                        t("uxf-cms-renew-password-form:passwords-must-match"),
+                }, type: "password" }),
+            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-renew-password-form:change-password")))));
 };
 exports.RenewPasswordForm = RenewPasswordForm;

package/forms/renew-password-form/translations.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    "uxf-cms-renew-password-form": {
+        "new-password": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "new-password-again": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "passwords-must-match": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "change-password": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/forms/renew-password-form/translations.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-renew-password-form": {
+        "new-password": {
+            cs: "Nové heslo",
+            en: "New password",
+            sk: "Nové heslo",
+            de: "Neues Passwort",
+        },
+        "new-password-again": {
+            cs: "Znovu nové heslo",
+            en: "New password again",
+            sk: "Znovu nové heslo",
+            de: "Neues Passwort wiederholen",
+        },
+        "passwords-must-match": {
+            cs: "Hesla musí být stejná",
+            en: "Passwords must match",
+            sk: "Heslá musia byť rovnaké",
+            de: "Passwörter müssen übereinstimmen",
+        },
+        "change-password": {
+            cs: "Změnit heslo",
+            en: "Change password",
+            sk: "Zmeniť heslo",
+            de: "Passwort ändern",
+        },
+    },
+};

package/lib/menu/ui/translations.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    "uxf-cms-user-menu": {
+        "default-user": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "not-logged-in": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/lib/menu/ui/translations.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-user-menu": {
+        "default-user": {
+            cs: "Uživatel",
+            en: "User",
+            sk: "Používateľ",
+            de: "Benutzer",
+        },
+        "not-logged-in": {
+            cs: "nepřihlášený",
+            en: "not logged in",
+            sk: "neprihlásený",
+            de: "nicht angemeldet",
+        },
+    },
+};

package/lib/menu/ui/user-menu.js

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserMenu = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const classes_1 = require("@uxf/core/constants/classes");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
@@ -48,6 +49,7 @@ const Component = (props) => {
 const UserMenu = (props) => {
     var _a, _b, _c, _d, _e, _f;
     const userMenu = props.menu.find((item) => (0, is_not_nil_1.isNotNil)(item.userMenuData));
-    return (react_1.default.createElement(Component, { avatar: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _a === void 0 ? void 0 : _a.avatar, name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "Uživatel", roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : "nepřihlášený", submenu: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY }));
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(Component, { avatar: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _a === void 0 ? void 0 : _a.avatar, name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : t("uxf-cms-user-menu:default-user"), roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : t("uxf-cms-user-menu:not-logged-in"), submenu: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY }));
 };
 exports.UserMenu = UserMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/cms",
-    "version": "11.73.0",
+    "version": "11.74.1",
     "description": "UXF Cms",
     "author": "UXFans <dev@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -31,12 +31,12 @@
         "@floating-ui/react": "0.26.28",
         "@redux-devtools/extension": "3.3.0",
         "@uxf/core": "11.72.3",
-        "@uxf/core-react": "11.72.3",
-        "@uxf/data-grid": "11.72.3",
-        "@uxf/form": "11.72.3",
+        "@uxf/core-react": "11.74.1",
+        "@uxf/data-grid": "11.74.1",
+        "@uxf/form": "11.74.1",
         "@uxf/router": "11.72.5",
-        "@uxf/ui": "11.72.3",
-        "@uxf/wysiwyg": "11.73.0",
+        "@uxf/ui": "11.74.1",
+        "@uxf/wysiwyg": "11.74.1",
         "axios": "1.7.5",
         "axios-hooks": "5.0.2",
         "es6-error": "4.1.1",

package/pages/content-builder/components/header.js

@@ -4,13 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = Header;
+const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const layout_container_1 = require("../../../lib/layout/layout-container");
 const constants_1 = require("../constants");
 function Header(props) {
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement("div", { className: "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950", id: constants_1.CONTENT_BUILDER_PAGE_HEADER_ID },
         react_1.default.createElement(layout_container_1.LayoutContainer, { className: "flex items-center justify-between py-4" },
             react_1.default.createElement("h1", { className: "uxf-typo-h5" }, props.title),
             " ",
-            react_1.default.createElement("button", { className: "uxf-button uxf-button--color-default uxf-button--size-default uxf-button--variant-default is-hoverable", form: constants_1.CONTENT_BUILDER_FORM_ID, type: "submit" }, "Ulo\u017Eit"))));
+            react_1.default.createElement("button", { className: "uxf-button uxf-button--color-default uxf-button--size-default uxf-button--variant-default is-hoverable", form: constants_1.CONTENT_BUILDER_FORM_ID, type: "submit" }, t("uxf-cms-pages-content-builder:components.header.save")))));
 }

package/pages/content-builder/content/feature-section.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureSection = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const upload_file_1 = require("@uxf/core/api/upload-file");
 const file_input_1 = require("@uxf/form/file-input");
 const text_input_1 = require("@uxf/form/text-input");
@@ -16,44 +17,46 @@ const details_visibility_context_1 = require("../context/details-visibility-cont
 const fileUploadHandler = (0, upload_file_1.createUploadHandler)("default");
 const FeatureSection = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
+    const t = (0, translations_1.useUxfTranslation)();
     const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: `${props.name}.features` });
     return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
         visibility && (react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Nadpis", name: `${props.name}.title` })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: t("uxf-cms-pages-content-builder:content.feature-section.title"), name: `${props.name}.title` })),
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Podnadpis", name: `${props.name}.subtitle` })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: t("uxf-cms-pages-content-builder:content.feature-section.subtitle"), name: `${props.name}.subtitle` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
                     fields.map((field, index) => {
                         const handleRemove = () => {
+                            if (
                             // eslint-disable-next-line no-alert
-                            if (confirm("Opravdu chcete smazat feature?")) {
+                            confirm(t("uxf-cms-pages-content-builder:content.feature-section.confirm-delete-feature"))) {
                                 remove(index);
                             }
                         };
                         return (react_1.default.createElement("div", { className: "border-primary mb-8 border-l-2 pl-8", key: field.id },
                             react_1.default.createElement("div", { className: "flex justify-between" },
-                                react_1.default.createElement("h4", { className: "uxf-typo-h6" },
-                                    "Feature #",
-                                    index + 1),
+                                react_1.default.createElement("h4", { className: "uxf-typo-h6" }, t("uxf-cms-pages-content-builder:content.feature-section.feature-title", { index: index + 1 })),
                                 index > 0 ? (react_1.default.createElement("div", null,
-                                    react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, "Smazat feature"))) : (react_1.default.createElement("div", null))),
+                                    react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.feature-section.delete-feature")))) : (react_1.default.createElement("div", null))),
                             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Nadpis", name: `${props.name}.features[${index}].title` })),
+                                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: t("uxf-cms-pages-content-builder:content.feature-section.feature-name"), name: `${props.name}.features[${index}].title` })),
                                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.features[${index}].image`, label: "Obr\u00E1zek", name: `${props.name}.features[${index}].image`, onUploadFile: fileUploadHandler })),
+                                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.features[${index}].image`, label: t("uxf-cms-pages-content-builder:content.feature-section.image"), name: `${props.name}.features[${index}].image`, onUploadFile: fileUploadHandler })),
                                 react_1.default.createElement("div", { className: "col-span-12" },
                                     react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { control: props.control, name: `${props.name}.features[${index}].text` })),
                                 react_1.default.createElement("div", { className: "col-span-12" },
                                     react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.features[${index}].ctaUrl` })))));
                     }),
-                    react_1.default.createElement(button_1.Button, { onClick: () => append({ title: "" }), size: "sm", variant: "secondary" }, "P\u0159idat feature")))))));
+                    react_1.default.createElement(button_1.Button, { onClick: () => append({ title: "" }), size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.feature-section.add-feature"))))))));
 };
 exports.FeatureSection = FeatureSection;
-exports.FeatureSection.getConfig = () => ({
-    type: "featureSection",
-    label: "Feature sekce",
-});
+exports.FeatureSection.getConfig = () => {
+    return {
+        type: "featureSection",
+        label: "Feature sekce",
+    };
+};

package/pages/content-builder/content/gallery.js

@@ -21,7 +21,9 @@ const Gallery = (props) => {
             react_1.default.createElement(dropzone_list_1.DropzoneList, { className: "mt-4", control: props.control, name: `${props.name}.images`, onRemoveConfirm: remove_confirm_handler_1.removeConfirmHandler })))));
 };
 exports.Gallery = Gallery;
-exports.Gallery.getConfig = () => ({
-    type: "gallery",
-    label: "Galerie",
-});
+exports.Gallery.getConfig = () => {
+    return {
+        type: "gallery",
+        label: "Galerie",
+    };
+};

package/pages/content-builder/content/hero-section.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroSection = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const text_input_1 = require("@uxf/form/text-input");
 const react_1 = __importDefault(require("react"));
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
@@ -11,21 +12,24 @@ const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const HeroSection = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
         visibility && (react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Nadpis", name: `${props.name}.title` })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: t("uxf-cms-pages-content-builder:content.hero-section.title"), name: `${props.name}.title` })),
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Podnadpis", name: `${props.name}.subtitle` })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: t("uxf-cms-pages-content-builder:content.hero-section.subtitle"), name: `${props.name}.subtitle` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
                     react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { control: props.control, name: `${props.name}.text` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
                     react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.ctaUrl` })))))));
 };
 exports.HeroSection = HeroSection;
-exports.HeroSection.getConfig = () => ({
-    type: "heroSection",
-    label: "Hero sekce",
-});
+exports.HeroSection.getConfig = () => {
+    return {
+        type: "heroSection",
+        label: "Hero sekce",
+    };
+};

package/pages/content-builder/content/people.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.People = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const upload_file_1 = require("@uxf/core/api/upload-file");
 const file_input_1 = require("@uxf/form/file-input");
 const text_input_1 = require("@uxf/form/text-input");
@@ -16,6 +17,7 @@ const details_visibility_context_1 = require("../context/details-visibility-cont
 const fileUploadHandler = (0, upload_file_1.createUploadHandler)("default");
 const People = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
+    const t = (0, translations_1.useUxfTranslation)();
     const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: `${props.name}.people` });
     return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
@@ -23,35 +25,37 @@ const People = (props) => {
             fields.map((field, index) => {
                 const handleRemove = () => {
                     // eslint-disable-next-line no-alert
-                    if (confirm("Opravdu chcete smazat osobu?")) {
+                    if (confirm(t("uxf-cms-pages-content-builder:content.people.confirm-delete-person"))) {
                         remove(index);
                     }
                 };
                 return (react_1.default.createElement("div", { className: "border-primary mb-8 border-l-2 pl-8", key: field.id },
                     react_1.default.createElement("div", { className: "flex justify-between" },
-                        react_1.default.createElement("h4", { className: "uxf-typo-h6 mb-3 pt-1" },
-                            "Osoba #",
-                            index + 1),
+                        react_1.default.createElement("h4", { className: "uxf-typo-h6 mb-3 pt-1" }, t("uxf-cms-pages-content-builder:content.people.person-title", {
+                            index: index + 1,
+                        })),
                         index > 0 ? (react_1.default.createElement("div", null,
-                            react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, "Smazat osobu"))) : (react_1.default.createElement("div", null))),
+                            react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.people.delete-person")))) : (react_1.default.createElement("div", null))),
                     react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                         react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Jm\u00E9no", name: `${props.name}.people.${index}.name` })),
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: t("uxf-cms-pages-content-builder:content.people.name"), name: `${props.name}.people.${index}.name` })),
                         react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                            react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.people.${index}.image`, label: "Obr\u00E1zek", name: `${props.name}.people.${index}.image`, onUploadFile: fileUploadHandler })),
+                            react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.people.${index}.image`, label: t("uxf-cms-pages-content-builder:content.people.image"), name: `${props.name}.people.${index}.image`, onUploadFile: fileUploadHandler })),
                         react_1.default.createElement("div", { className: "col-span-12" },
-                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Popisek", name: `${props.name}.people.${index}.subtitle` })),
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: t("uxf-cms-pages-content-builder:content.people.description"), name: `${props.name}.people.${index}.subtitle` })),
                         react_1.default.createElement("div", { className: "col-span-12" },
-                            react_1.default.createElement(textarea_1.Textarea, { control: props.control, label: "Text", name: `${props.name}.people.${index}.text`, rows: 2 })),
+                            react_1.default.createElement(textarea_1.Textarea, { control: props.control, label: t("uxf-cms-pages-content-builder:content.people.text"), name: `${props.name}.people.${index}.text`, rows: 2 })),
                         react_1.default.createElement("div", { className: "col-span-6" },
-                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Telefon", name: `${props.name}.people.${index}.phone`, type: "tel" })),
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: t("uxf-cms-pages-content-builder:content.people.phone"), name: `${props.name}.people.${index}.phone`, type: "tel" })),
                         react_1.default.createElement("div", { className: "col-span-6" },
                             react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "E-mail", name: `${props.name}.people.${index}.email`, type: "email" })))));
             }),
-            react_1.default.createElement(button_1.Button, { onClick: () => append({ name: "" }), size: "sm", variant: "secondary" }, "P\u0159idat osobu")))));
+            react_1.default.createElement(button_1.Button, { onClick: () => append({ name: "" }), size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.people.add-person"))))));
 };
 exports.People = People;
-exports.People.getConfig = () => ({
-    type: "people",
-    label: "Lidé",
-});
+exports.People.getConfig = () => {
+    return {
+        type: "people",
+        label: "Lidé",
+    };
+};

package/pages/content-builder/content/wysiwyg.js

@@ -4,21 +4,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wysiwyg = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
 const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const Wysiwyg = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { TypeInputProps: props.TypeInputProps, control: props.control, id: props.id, index: props.index, name: props.name, onRemove: props.onRemove, title: props.title }),
-        visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, className: "p-4", control: props.control, editorProps: props.editorProps, isRequired: true, label: "Text", name: `${props.name}.content`, placeholder: "Zadejte text", plugins: props.plugins }))));
+        visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, className: "p-4", control: props.control, editorProps: props.editorProps, isRequired: true, label: t("uxf-cms-pages-content-builder:content.wysiwyg.text"), name: `${props.name}.content`, placeholder: t("uxf-cms-pages-content-builder:content.wysiwyg.placeholder"), plugins: props.plugins }))));
 };
 exports.Wysiwyg = Wysiwyg;
-const defaultGetConfig = () => ({
-    type: "wysiwyg",
-    label: "Strukturovaný text",
-});
+const defaultGetConfig = () => {
+    return {
+        type: "wysiwyg",
+        label: "Strukturovaný text",
+    };
+};
 exports.Wysiwyg.create = (config = {}) => {
     const { editorProps, allPluginsOptions, plugins } = config;
     const Component = (props) => (react_1.default.createElement(exports.Wysiwyg, { allPluginsOptions: allPluginsOptions, plugins: plugins, ...props, editorProps: editorProps }));

package/pages/content-builder/content-header.js

@@ -25,21 +25,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentHeader = void 0;
 const use_clickable_props_1 = require("@uxf/core-react/clickable/use-clickable-props");
+const translations_1 = require("@uxf/core-react/translations");
 const icon_1 = require("@uxf/ui/icon");
 const icon_button_1 = require("@uxf/ui/icon-button");
 const react_1 = __importStar(require("react"));
 const details_visibility_context_1 = require("./context/details-visibility-context");
 const ContentHeader = (props) => {
     const [visibility, toggleVisibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
+    const t = (0, translations_1.useUxfTranslation)();
     const removeHandler = (0, react_1.useCallback)((event) => {
         event.stopPropagation();
         // eslint-disable-next-line no-alert
-        if (confirm("Opravdu chcete smazat sekci?")) {
+        if (confirm(t("uxf-cms-pages-content-builder:confirm-delete-section"))) {
             props.onRemove();
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [props.onRemove]);
+    [props.onRemove, t]);
     const clickableProps = (0, use_clickable_props_1.useClickableProps)({
         className: "flex w-full cursor-pointer flex-row items-center justify-between p-4",
         onClick: toggleVisibility,

package/pages/grid-page/grid-page.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridPage = exports.dataGridLoader = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const build_array_1 = require("@uxf/core/utils/build-array");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -137,6 +138,7 @@ GridPageComponent.displayName = "GridPageComponent";
 /** @deprecated - use custom DataGrid on project */
 const GridPage = (config) => {
     var _a;
+    const t = (0, translations_1.useUxfTranslation)();
     function Component() {
         var _a, _b;
         const router = (0, router_2.useRouter)();
@@ -154,6 +156,6 @@ const GridPage = (config) => {
         }
         return (react_1.default.createElement(GridPageComponent, { AddIcon: config.AddIcon, appName: config.appName, customActions: config.customActions, entityAlias: config.entityAlias, getEditUrl: config.getEditUrl, getOpenUrl: config.getOpenUrl, gridSchema: schema, initialHiddenColumns: (_b = userConfigQuery.data) !== null && _b !== void 0 ? _b : [], initialUserConfig: config.initialUserConfig, loader: config.loader, metaSchema: metadata, onAdd: config.onAdd, onAddTitle: config.onAddTitle, onEdit: config.onEdit, onOpen: config.onOpen, onRemove: config.onRemove, query: router.query, rowHeight: config.rowHeight, selectable: config.selectable, title: config.title, ui: config.ui }));
     }
-    return (0, restricted_page_1.restrictedPage)(Component, { allowedRole: (_a = config.allowedRoles) !== null && _a !== void 0 ? _a : ["ROLE_ROOT"] });
+    return (0, restricted_page_1.restrictedPage)(Component, { allowedRole: (_a = config.allowedRoles) !== null && _a !== void 0 ? _a : ["ROLE_ROOT"] }, t);
 };
 exports.GridPage = GridPage;