@uxf/form 11.72.3 → 11.74.1

package/datetime-picker-input/translations.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-datetime-picker-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+            "invalid-datetime-format": {
+                cs: "Datum a čas musí být ve formátu {{format}}.",
+                en: "Date and time must be in format {{format}}.",
+                sk: "Dátum a čas musí byť vo formáte {{format}}.",
+                de: "Datum und Uhrzeit müssen im Format {{format}} sein.",
+            },
+            "min-date": {
+                cs: "Minimální datum, který je možné zadat, je: {{minDate}}",
+                en: "The minimum date that can be entered is: {{minDate}}",
+                sk: "Minimálny dátum, ktorý je možné zadať, je: {{minDate}}",
+                de: "Das minimale Datum, das eingegeben werden kann, ist: {{minDate}}",
+            },
+            "max-date": {
+                cs: "Maximální datum, který je možné zadat, je: {{maxDate}}",
+                en: "The maximum date that can be entered is: {{maxDate}}",
+                sk: "Maximálny dátum, ktorý je možné zadať, je: {{maxDate}}",
+                de: "Das maximale Datum, das eingegeben werden kann, ist: {{maxDate}}",
+            },
+        },
+    },
+};

package/dropzone/dropzone-input.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropzoneInput = DropzoneInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const dropzone_1 = require("@uxf/ui/dropzone");
 const react_1 = __importDefault(require("react"));
@@ -13,6 +14,7 @@ const form_context_1 = require("../form-id-context/form-context");
 function DropzoneInput(props) {
     var _a, _b, _c;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
@@ -26,13 +28,19 @@ function DropzoneInput(props) {
                     if (props.isRequired &&
                         props.minFilesCount !== 0 &&
                         (!value || value.length < ((_a = props.minFilesCount) !== null && _a !== void 0 ? _a : 1))) {
-                        return props.requiredMessage || "Toto pole je povinné";
+                        return props.requiredMessage || t("uxf-form-dropzone:validation.required");
                     }
                     if (props.maxFilesCount && value && value.length > props.maxFilesCount) {
-                        return `Maximální počet souborů je ${props.maxFilesCount}`;
+                        return t("uxf-form-dropzone:validation.max-files-count", {
+                            maxFilesCount: props.maxFilesCount,
+                            value: value,
+                        });
                     }
                     if (props.minFilesCount && value && value.length < props.minFilesCount) {
-                        return `Minimální počet souborů je ${props.minFilesCount}`;
+                        return t("uxf-form-dropzone:validation.min-files-count", {
+                            minFilesCount: props.minFilesCount,
+                            value: value,
+                        });
                     }
                     // TODO – validate this only on submit
                     // if (value?.some((file) => file.id < 0)) {

package/dropzone/translations.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    "uxf-form-dropzone": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "max-files-count": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "min-files-count": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "upload-not-completed": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/dropzone/translations.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-dropzone": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+            "max-files-count": {
+                cs: "Maximální počet souborů je {{maxFilesCount}}",
+                en: "Maximum number of files is {{maxFilesCount}}",
+                sk: "Maximálny počet súborov je {{maxFilesCount}}",
+                de: "Maximale Anzahl der Dateien ist {{maxFilesCount}}",
+            },
+            "min-files-count": {
+                cs: "Minimální počet souborů je {{minFilesCount}}",
+                en: "Minimum number of files is {{minFilesCount}}",
+                sk: "Minimálny počet súborov je {{minFilesCount}}",
+                de: "Minimale Anzahl der Dateien ist {{minFilesCount}}",
+            },
+            "upload-not-completed": {
+                cs: "Nahrávání souborů ještě nebylo dokončeno",
+                en: "File upload has not been completed yet",
+                sk: "Nahrávanie súborov ešte nebolo dokončené",
+                de: "Datei-Upload wurde noch nicht abgeschlossen",
+            },
+        },
+    },
+};

package/file-input/file-input.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = FileInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const file_input_1 = require("@uxf/ui/file-input");
 const react_1 = __importDefault(require("react"));
@@ -13,12 +14,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function FileInput(props) {
     var _a, _b, _c;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-file-input:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/file-input/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-file-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/file-input/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-file-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/form-renderer/field/base-field.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseField = BaseField;
+const translations_1 = require("@uxf/core-react/translations");
 const autocomplete_1 = require("@uxf/core/api/autocomplete");
 const upload_file_1 = require("@uxf/core/api/upload-file");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
@@ -28,6 +29,7 @@ function BaseField(props) {
     var _a, _b, _c, _d, _e, _f, _g;
     const { editable, label, name, readOnly, type } = props.fieldSchema;
     const fieldName = `${(_a = props.prefix) !== null && _a !== void 0 ? _a : ""}${name}`;
+    const t = (0, translations_1.useUxfTranslation)();
     const isDisabled = readOnly || (props.isEditing && !editable);
     const isRequired = !isDisabled && props.fieldSchema.required;
     const autocompleteHandler = (_c = (_b = props.overrides) === null || _b === void 0 ? void 0 : _b.autocomplete) !== null && _c !== void 0 ? _c : autocomplete_1.autocomplete;
@@ -54,7 +56,7 @@ function BaseField(props) {
                 react_1.default.createElement(label_1.Label, { isRequired: isRequired }, label),
                 react_1.default.createElement("div", { className: "mb-3" },
                     react_1.default.createElement(dropzone_input_1.DropzoneInput, { control: props.control, isRequired: isRequired, label: label, name: fieldName, onUploadFile: uploadHandler })),
-                react_1.default.createElement(dropzone_list_1.DropzoneList, { control: props.control, errorText: "Soubor se nepoda\u0159ilo nahr\u00E1t.", name: fieldName, onRemoveConfirm: (_g = props.overrides) === null || _g === void 0 ? void 0 : _g.onRemoveConfirm })));
+                react_1.default.createElement(dropzone_list_1.DropzoneList, { control: props.control, errorText: t("uxf-form-form-renderer:file-upload-error"), name: fieldName, onRemoveConfirm: (_g = props.overrides) === null || _g === void 0 ? void 0 : _g.onRemoveConfirm })));
         case "manyToMany":
             return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: props.control, isDisabled: isDisabled, isRequired: isRequired, label: label, loadOptions: (term) => { var _a; return autocompleteHandler((_a = props.fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, name: fieldName }));
         case "manyToOne":

package/form-renderer/field/one-to-many.js

@@ -23,11 +23,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const translations_1 = require("@uxf/core-react/translations");
 const icon_button_1 = require("@uxf/ui/icon-button");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 function Field(props) {
     const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: props.fieldSchema.name });
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("p", { className: "mb-2 font-medium" }, props.fieldSchema.label),
         react_1.default.createElement("div", { className: "grid gap-2" }, fields.map((name, index) => (react_1.default.createElement(react_1.Fragment, { key: name.id },
@@ -43,8 +45,8 @@ function Field(props) {
                             : `${props.fieldSchema.name}.${index}.` })));
             }),
             react_1.default.createElement("div", { className: "flex justify-end" },
-                react_1.default.createElement(icon_button_1.IconButton, { iconName: "trash", label: "Smazat polo\u017Eku", onClick: () => remove(index), variant: "secondary" })))))),
+                react_1.default.createElement(icon_button_1.IconButton, { iconName: "trash", label: t("uxf-form-form-renderer:fields.one-to-many.delete-item"), onClick: () => remove(index), variant: "secondary" })))))),
         react_1.default.createElement("div", { className: "mt-2" },
-            react_1.default.createElement(icon_button_1.IconButton, { iconName: "plus", label: "P\u0159idat polo\u017Eku", onClick: () => append({ id: null }), variant: "secondary" }))));
+            react_1.default.createElement(icon_button_1.IconButton, { iconName: "plus", label: t("uxf-form-form-renderer:fields.one-to-many.add-item"), onClick: () => append({ id: null }), variant: "secondary" }))));
 }
 exports.default = Field;

package/form-renderer/form-renderer.js

@@ -4,12 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormRenderer = FormRenderer;
+const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const BaseSubmitButton = (props) => {
     const { isSubmitting } = props.formState;
-    return (react_1.default.createElement(button_1.Button, { isDisabled: isSubmitting, type: "submit" }, "Ulo\u017Eit"));
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(button_1.Button, { isDisabled: isSubmitting, type: "submit" }, t("uxf-form-form-renderer:submit-button")));
 };
 function FormRenderer(props) {
     var _a;

package/form-renderer/translations.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    "uxf-form-form-renderer": {
+        "file-upload-error": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "submit-button": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        fields: {
+            "one-to-many": {
+                "delete-item": {
+                    cs: string;
+                    en: string;
+                    sk: string;
+                    de: string;
+                };
+                "add-item": {
+                    cs: string;
+                    en: string;
+                    sk: string;
+                    de: string;
+                };
+            };
+        };
+    };
+};
+export default _default;

package/form-renderer/translations.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-form-renderer": {
+        "file-upload-error": {
+            cs: "Soubor se nepodařilo nahrát.",
+            en: "File could not be uploaded.",
+            sk: "Súbor sa nepodarilo nahrať.",
+            de: "Datei konnte nicht hochgeladen werden.",
+        },
+        "submit-button": {
+            cs: "Uložit",
+            en: "Save",
+            sk: "Uložiť",
+            de: "Speichern",
+        },
+        fields: {
+            "one-to-many": {
+                "delete-item": {
+                    cs: "Smazat položku",
+                    en: "Delete item",
+                    sk: "Zmazať položku",
+                    de: "Element löschen",
+                },
+                "add-item": {
+                    cs: "Přidat položku",
+                    en: "Add item",
+                    sk: "Pridať položku",
+                    de: "Element hinzufügen",
+                },
+            },
+        },
+    },
+};

package/gps-input/gps-input.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GpsInput = GpsInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const text_input_1 = require("@uxf/ui/text-input");
 const tooltip_1 = require("@uxf/ui/tooltip");
@@ -80,16 +81,15 @@ const SUPPORTED_FORMATS = (react_1.default.createElement("div", null,
     react_1.default.createElement("br", null),
     "40\u00B0 7.38, -74\u00B0 7.38",
     react_1.default.createElement("br", null)));
-const SUPPORTED_FORMATS_TOOLTIP = (react_1.default.createElement("span", { className: "text-lightMedium" },
+const getSupportedFormatsTooltip = (t) => (react_1.default.createElement("span", { className: "text-lightMedium" },
     "(",
     react_1.default.createElement(tooltip_1.Tooltip, { content: SUPPORTED_FORMATS },
-        react_1.default.createElement("span", { className: "underline" }, "podporovan\u00E9 form\u00E1ty")),
+        react_1.default.createElement("span", { className: "underline" }, t("uxf-form-gps-input:validation.supported-formats"))),
     ")"));
-const EMPTY_HELPER_TEXT = "Zadejte souřadnice.";
-const NOT_VALID_HELPER_TEXT = "Souřadnice nejsou validní";
 function GpsInput(props) {
     var _a, _b;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const [visualValue, setVisualValue] = (0, react_1.useState)("");
     const [coordsFormatError, setCoordsFormatError] = (0, react_1.useState)(false);
@@ -103,11 +103,13 @@ function GpsInput(props) {
                 req: (value) => {
                     var _a;
                     return props.isRequired && value === undefined
-                        ? ((_a = props.requiredMessage) !== null && _a !== void 0 ? _a : "Toto pole je povinné")
+                        ? ((_a = props.requiredMessage) !== null && _a !== void 0 ? _a : t("uxf-form-gps-input:validation.required", { value: value }))
                         : undefined;
                 },
                 format: (value) => {
-                    return value === null ? NOT_VALID_HELPER_TEXT : undefined;
+                    return value === null
+                        ? t("uxf-form-gps-input:validation.invalid-coordinates", { value: value })
+                        : undefined;
                 },
             },
         },
@@ -145,10 +147,10 @@ function GpsInput(props) {
             : field.value
                 ? `${field.value.lat}N, ${field.value.lng}E`
                 : visualValue
-                    ? NOT_VALID_HELPER_TEXT
-                    : EMPTY_HELPER_TEXT,
+                    ? t("uxf-form-gps-input:validation.invalid-coordinates", { value: visualValue })
+                    : t("uxf-form-gps-input:validation.empty-coordinates"),
         " ",
-        SUPPORTED_FORMATS_TOOLTIP));
+        getSupportedFormatsTooltip(t)));
     return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: composedHelperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.inputMode, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: ((0, is_not_nil_1.isNotNil)(fieldState.error) && !field.value) || coordsFormatError, isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, type: "text", value: visualValue, variant: props.variant }));
 }
 GpsInput.displayName = "UxfFormGpsInput";

package/gps-input/translations.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    "uxf-form-gps-input": {
+        validation: {
+            "supported-formats": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "empty-coordinates": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "invalid-coordinates": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/gps-input/translations.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-gps-input": {
+        validation: {
+            "supported-formats": {
+                cs: "podporované formáty",
+                en: "supported formats",
+                sk: "podporované formáty",
+                de: "unterstützte Formate",
+            },
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+            "empty-coordinates": {
+                cs: "Zadejte souřadnice.",
+                en: "Enter coordinates.",
+                sk: "Zadajte súradnice.",
+                de: "Koordinaten eingeben.",
+            },
+            "invalid-coordinates": {
+                cs: "Souřadnice nejsou validní. Aktuální hodnota je {{value}}.",
+                en: "Coordinates are not valid. Current value is {{value}}.",
+                sk: "Súradnice nie sú platné. Aktuálna hodnota je {{value}}.",
+                de: "Koordinaten sind nicht gültig. Aktueller Wert ist {{value}}.",
+            },
+        },
+    },
+};

package/money-input/money-input.js

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoneyInput = MoneyInput;
+const translations_1 = require("@uxf/core-react/translations");
 const currencies_1 = require("@uxf/core/money/currencies");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -40,12 +41,15 @@ const ALLOWED_KEYS = /[0-9+\-.,]/;
 function MoneyInput(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-money-input:validation.required")
+                : undefined,
             validate: {
                 validMinNumber: (value) => {
                     if (!value) {

package/money-input/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-money-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/money-input/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-money-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/multi-combobox/multi-combobox.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiCombobox = MultiCombobox;
+const translations_1 = require("@uxf/core-react/translations");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -16,12 +17,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function MultiCombobox(props) {
     var _a, _b, _c, _d;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-multi-combobox:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/multi-combobox/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-multi-combobox": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/multi-combobox/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-multi-combobox": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/multi-select/multi-select.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelect = MultiSelect;
+const translations_1 = require("@uxf/core-react/translations");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const multi_select_1 = require("@uxf/ui/multi-select");
@@ -14,12 +15,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function MultiSelect(props) {
     var _a, _b, _c;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-multi-select:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/multi-select/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-multi-select": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/multi-select/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-multi-select": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};