@uxf/ui 11.122.2 → 11.122.3

package/file-input/file-input.js

@@ -36,6 +36,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = void 0;
 const use_input_focus_1 = require("@uxf/core-react/hooks/use-input-focus");
+const translations_1 = require("@uxf/core-react/translations");
 const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
 const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
@@ -49,6 +50,7 @@ const form_component_1 = require("../form-component");
 // eslint-disable-next-line complexity
 exports.FileInput = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b, _c, _d;
+    const t = (0, translations_1.useUxfTranslation)();
     const context = (0, react_1.useContext)(context_1.UiContext);
     const [isUploading, setIsUploading] = (0, react_1.useState)(false);
     const generatedId = (0, react_1.useId)();
@@ -74,7 +76,7 @@ exports.FileInput = (0, react_1.forwardRef)((props, ref) => {
         react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(_file_input_base_1._FileInputBase, { accept: props.accept, "aria-describedby": errorId, "aria-invalid": props.isInvalid, className: "uxf-file-input__input", form: props.form, id: id, isDisabled: props.isDisabled || isUploading, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, maxFileSize: props.maxFileSize, name: props.name, onBlur: input.onBlur, onChange: onChange, onFocus: input.onFocus, onUploadError: props.onUploadError, onUploadFile: onUploadFile, ref: (0, compose_refs_1.composeRefs)(ref, innerRef), value: props.value }),
             react_1.default.createElement("label", { className: (0, cx_1.cx)("uxf-input", "uxf-file-input__label", input.focused && classes_1.CLASSES.IS_FOCUSED, (props.isDisabled || props.isReadOnly) && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, isUploading && classes_1.CLASSES.IS_LOADING, isUploading && "uxf-file-input__label--has-right-addon", `uxf-input--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, `uxf-input--variant-${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`), htmlFor: id },
-                react_1.default.createElement("div", { className: "uxf-input__left-addon uxf-file-input__label__button" }, !isUploading ? (((_d = props.uploadButtonLabel) !== null && _d !== void 0 ? _d : "Vyberte soubor")) : (react_1.default.createElement(loader_1.Loader, { className: "uxf-file-input__label__loader", size: "sm" }))),
+                react_1.default.createElement("div", { className: "uxf-input__left-addon uxf-file-input__label__button" }, !isUploading ? (((_d = props.uploadButtonLabel) !== null && _d !== void 0 ? _d : t("uxf-ui-file-input:upload-button-label"))) : (react_1.default.createElement(loader_1.Loader, { className: "uxf-file-input__label__loader", size: "sm" }))),
                 react_1.default.createElement("div", { className: "uxf-file-input__label__wrapper" },
                     (context === null || context === void 0 ? void 0 : context.domain) && props.value ? (react_1.default.createElement("a", { className: "uxf-file-input__label__wrapper__file-name-link", href: (0, get_file_url_1.getFileUrl)(context.domain, props.value), rel: "noreferrer noopenner", target: "_blank" }, fileName)) : (react_1.default.createElement("span", { className: "uxf-file-input__label__wrapper__file-name" }, fileName)),
                     props.value && !props.isDisabled && !props.isReadOnly && props.isClearable && (react_1.default.createElement(input_1.Input.RemoveButton, { onChange: onChange })))))));

package/file-input/translations.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "uxf-ui-file-input": {
+        "upload-button-label": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/file-input/translations.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-ui-file-input": {
+        "upload-button-label": {
+            cs: "Vyberte soubor",
+            en: "Upload file",
+            sk: "Nahrať súbor",
+            de: "Datei hochladen",
+        },
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.122.2",
+    "version": "11.122.3",
     "description": "",
     "publishConfig": {
         "access": "public"

package/translations/cs.json

@@ -30,6 +30,9 @@
     "dateTab": "Datum",
     "timeTab": "Čas"
   },
+  "uxf-ui-file-input": {
+    "upload-button-label": "Vyberte soubor"
+  },
   "uxf-ui-image-gallery": {
     "close-button": "Zavřít"
   },

package/translations/de.json

@@ -30,6 +30,9 @@
     "dateTab": "Datum",
     "timeTab": "Zeit"
   },
+  "uxf-ui-file-input": {
+    "upload-button-label": "Datei hochladen"
+  },
   "uxf-ui-image-gallery": {
     "close-button": "Schließen"
   },

package/translations/en.json

@@ -30,6 +30,9 @@
     "dateTab": "Date",
     "timeTab": "Time"
   },
+  "uxf-ui-file-input": {
+    "upload-button-label": "Upload file"
+  },
   "uxf-ui-image-gallery": {
     "close-button": "Close"
   },

package/translations/sk.json

@@ -30,6 +30,9 @@
     "dateTab": "Dátum",
     "timeTab": "Čas"
   },
+  "uxf-ui-file-input": {
+    "upload-button-label": "Nahrať súbor"
+  },
   "uxf-ui-image-gallery": {
     "close-button": "Zatvoriť"
   },

package/translations/translations.d.ts

@@ -97,6 +97,14 @@ declare const _default: {
             de: string;
         };
     };
+    "uxf-ui-file-input": {
+        "upload-button-label": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
     "uxf-ui-datetime-picker": {
         readonly dateTab: {
             readonly cs: "Datum";

package/translations/translations.js

@@ -8,13 +8,14 @@ const translations_2 = __importDefault(require("@uxf/ui/combobox/translations"))
 const translations_3 = __importDefault(require("@uxf/ui/date-picker/translations"));
 const translations_4 = __importDefault(require("@uxf/ui/date-range-picker/translations"));
 const translations_5 = __importDefault(require("@uxf/ui/datetime-picker/translations"));
-const translations_6 = __importDefault(require("@uxf/ui/image-gallery/translations"));
-const translations_7 = __importDefault(require("@uxf/ui/layout/translations"));
-const translations_8 = __importDefault(require("@uxf/ui/lightbox/translations"));
-const translations_9 = __importDefault(require("@uxf/ui/multi-combobox/translations"));
-const translations_10 = __importDefault(require("@uxf/ui/multi-select/translations"));
-const translations_11 = __importDefault(require("@uxf/ui/select/translations"));
-const translations_12 = __importDefault(require("@uxf/ui/time-picker/translations"));
+const translations_6 = __importDefault(require("@uxf/ui/file-input/translations"));
+const translations_7 = __importDefault(require("@uxf/ui/image-gallery/translations"));
+const translations_8 = __importDefault(require("@uxf/ui/layout/translations"));
+const translations_9 = __importDefault(require("@uxf/ui/lightbox/translations"));
+const translations_10 = __importDefault(require("@uxf/ui/multi-combobox/translations"));
+const translations_11 = __importDefault(require("@uxf/ui/multi-select/translations"));
+const translations_12 = __importDefault(require("@uxf/ui/select/translations"));
+const translations_13 = __importDefault(require("@uxf/ui/time-picker/translations"));
 exports.default = {
     ...translations_1.default,
     ...translations_2.default,
@@ -28,4 +29,5 @@ exports.default = {
     ...translations_10.default,
     ...translations_11.default,
     ...translations_12.default,
+    ...translations_13.default,
 };