@uxf/ui 10.0.0-beta.76 → 10.0.0-beta.77

package/_file-input-base/file-input-base.js

@@ -27,9 +27,15 @@ exports._FileInputBase = void 0;
 const react_1 = __importStar(require("react"));
 exports._FileInputBase = (0, react_1.forwardRef)((props, ref) => {
     const onChange = async (e) => {
+        var _a;
         if (e.target.files) {
-            const res = await props.onUploadFile(e.target.files[0]);
-            props.onChange(res, e);
+            try {
+                const response = await props.onUploadFile(e.target.files[0]);
+                await props.onChange(response, e);
+            }
+            catch (err) {
+                (_a = props.onUploadError) === null || _a === void 0 ? void 0 : _a.call(props, err);
+            }
         }
         else {
             props.onChange(null, e);

package/file-input/file-input.js

@@ -45,27 +45,15 @@ exports.FileInput = (0, react_1.forwardRef)((props, ref) => {
     const input = (0, useInputFocus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
     const errorId = props.isInvalid && props.id ? `${props.id}--errormessage` : undefined;
     const fileName = props.value ? `${props.value.name}` : props.placeholder || "No file has been selected yet";
-    const onChange = async (_, e) => {
-        var _a, _b;
-        const file = (_a = e === null || e === void 0 ? void 0 : e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (!file) {
-            return;
-        }
+    const onUploadFile = async (file) => {
         setIsUploading(true);
-        try {
-            const response = await props.onUploadFile(file);
-            await props.onChange(response);
-        }
-        catch (err) {
-            (_b = props.onUploadError) === null || _b === void 0 ? void 0 : _b.call(props, err);
-        }
-        finally {
-            setIsUploading(false);
-        }
+        const response = await props.onUploadFile(file);
+        setIsUploading(false);
+        return response;
     };
     return (react_1.default.createElement(form_component_1.FormComponent, { className: (0, cx_1.cx)(input.focused && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY), errorId: errorId, form: props.form, helperText: props.helperText, inputId: id, isRequired: props.isRequired, label: props.label, hiddenLabel: props.hiddenLabel },
         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 ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, form: props.form, id: id, isDisabled: props.isDisabled || isUploading, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, name: props.name, onBlur: input.onBlur, onChange: onChange, onFocus: input.onFocus, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: ref, value: props.value }),
+            react_1.default.createElement(_file_input_base_1._FileInputBase, { accept: props.accept, "aria-describedby": errorId, "aria-invalid": props.isInvalid, className: `uxf-file-input__input ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, form: props.form, id: id, isDisabled: props.isDisabled || isUploading, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, name: props.name, onBlur: input.onBlur, onChange: props.onChange, onFocus: input.onFocus, onUploadError: props.onUploadError, onUploadFile: onUploadFile, ref: ref, 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-file-input__label__wrapper" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "10.0.0-beta.76",
+  "version": "10.0.0-beta.77",
   "description": "",
   "publishConfig": {
     "access": "public"