@uxf/ui 10.7.0 → 10.8.1

package/_file-input-base/file-input-base.d.ts

@@ -6,7 +6,8 @@ export interface FileInputBaseProps extends FormControlProps<FileResponse | null
     className?: string;
     form?: string;
     id?: string;
+    maxFileSize?: number;
     onUploadError?: (err: unknown) => void;
-    onUploadFile: (file: File) => Promise<FileResponse>;
+    onUploadFile: (file: File | undefined) => Promise<FileResponse | null>;
 }
 export declare const _FileInputBase: React.ForwardRefExoticComponent<FileInputBaseProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -25,16 +25,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._FileInputBase = void 0;
 const react_1 = __importStar(require("react"));
+const validator_exceptions_1 = require("../utils/validator/validator-exceptions");
 exports._FileInputBase = (0, react_1.forwardRef)((props, ref) => {
     const onChange = async (e) => {
-        var _a;
-        if (e.target.files) {
+        var _a, _b;
+        if ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a.length) {
             try {
-                const response = await props.onUploadFile(e.target.files[0]);
+                const file = e.target.files[0];
+                if (props.maxFileSize && file.size > props.maxFileSize) {
+                    throw validator_exceptions_1.ValidatorExceptions.MaxFileSize;
+                }
+                const response = await props.onUploadFile(file);
                 await props.onChange(response, e);
             }
             catch (err) {
-                (_a = props.onUploadError) === null || _a === void 0 ? void 0 : _a.call(props, err);
+                (_b = props.onUploadError) === null || _b === void 0 ? void 0 : _b.call(props, err);
             }
         }
         else {

package/_select-base/_select-base.js

@@ -36,10 +36,8 @@ const input_1 = require("@uxf/ui/input");
 const label_1 = require("@uxf/ui/label");
 const react_2 = __importStar(require("react"));
 const Option = (props) => {
-    var _a, _b, _c, _d;
-    const optionKey = (_a = props.keyExtractor) === null || _a === void 0 ? void 0 : _a.call(props, props.option);
     const HUIComponent = props.HUIComponent;
-    return (react_2.default.createElement(HUIComponent.Option, { className: (optionState) => (0, cx_1.cx)("uxf-dropdown__item", optionState.active && classes_1.CLASSES.IS_ACTIVE, optionState.disabled && classes_1.CLASSES.IS_DISABLED, optionState.selected && classes_1.CLASSES.IS_SELECTED), key: optionKey !== null && optionKey !== void 0 ? optionKey : props.option.id, value: props.option }, (_d = (_c = (_b = props.renderOption) === null || _b === void 0 ? void 0 : _b.call(props, props.option)) !== null && _c !== void 0 ? _c : optionKey) !== null && _d !== void 0 ? _d : props.option.label));
+    return (react_2.default.createElement(HUIComponent.Option, { className: (optionState) => (0, cx_1.cx)("uxf-dropdown__item", optionState.active && classes_1.CLASSES.IS_ACTIVE, optionState.disabled && classes_1.CLASSES.IS_DISABLED, optionState.selected && classes_1.CLASSES.IS_SELECTED), value: props.option }, (optionState) => { var _a, _b; return (_b = (_a = props.renderOption) === null || _a === void 0 ? void 0 : _a.call(props, props.option, optionState.selected)) !== null && _b !== void 0 ? _b : props.option.label; }));
 };
 Option.displayName = "UxfUiSelectBaseOption";
 function isHUICombobox(HUIComponent) {
@@ -68,9 +66,9 @@ const Options = (props) => {
     return (react_2.default.createElement(HUIComponent.Options, { className: (0, cx_1.cx)("uxf-dropdown uxf-select-base__options", `uxf-dropdown--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, `uxf-dropdown--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, props.matchWidth
             ? "uxf-select-base__options--match-width"
             : "uxf-select-base__options--not-match-width", props.placement === "bottom" && "uxf-dropdown--bottom", props.placement === "top" && "uxf-dropdown--top", props.className), ref: props.forwardRef, static: true, style: props.style }, props.options && props.options.length > 0 ? (props.options.map((option) => {
-        var _a;
-        const optionKey = (_a = props.keyExtractor) === null || _a === void 0 ? void 0 : _a.call(props, option);
-        return (react_2.default.createElement(Option, { key: optionKey, keyExtractor: props.keyExtractor, option: option, HUIComponent: HUIComponent }));
+        var _a, _b;
+        const optionKey = (_b = (_a = props.keyExtractor) === null || _a === void 0 ? void 0 : _a.call(props, option)) !== null && _b !== void 0 ? _b : option.id;
+        return (react_2.default.createElement(Option, { HUIComponent: HUIComponent, key: optionKey, option: option, renderOption: props.renderOption }));
     })) : (react_2.default.createElement("div", { className: "uxf-dropdown__empty-wrapper" }, props.emptyMessage))));
 };
 Options.displayName = "UxfUiSelectBaseOptions";

package/avatar-file-input/avatar-file-input.js

@@ -45,11 +45,18 @@ exports.AvatarFileInput = (0, react_1.forwardRef)((props, ref) => {
     const stateClassName = (0, cx_1.cx)(((_a = props.isFocused) !== null && _a !== void 0 ? _a : 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, props.isRequired && classes_1.CLASSES.IS_REQUIRED);
     const rootClassName = (0, cx_1.cx)(`uxf-avatar-file-input uxf-avatar-file-input--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, stateClassName, props.className);
     const onSelectFile = () => { var _a; return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
-    const onRemoveFile = () => props.onChange(null);
+    const onRemoveFile = () => {
+        props.onChange(null);
+        // this ensures that the file input is cleared on remove, so that the same file can be selected again
+        const inputNode = innerRef.current;
+        if (inputNode) {
+            inputNode.value = "";
+        }
+    };
     return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: props.id, helperText: props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, label: props.label },
         react_1.default.createElement("div", { className: "uxf-avatar-file-input__inner-wrapper" },
             react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-avatar-file-input__input", stateClassName), onClick: onSelectFile },
-                react_1.default.createElement(_file_input_base_1._FileInputBase, { accept: (_c = props.accept) !== null && _c !== void 0 ? _c : "image/*", "aria-describedby": errorId, "aria-invalid": props.isInvalid, className: "uxf-avatar-file-input__input-element", form: props.form, id: id, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, name: props.name, onBlur: input.onBlur, onFocus: input.onFocus, onChange: props.onChange, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: (0, composeRefs_1.composeRefs)(innerRef, ref), value: props.value }),
+                react_1.default.createElement(_file_input_base_1._FileInputBase, { accept: (_c = props.accept) !== null && _c !== void 0 ? _c : "image/*", "aria-describedby": errorId, "aria-invalid": props.isInvalid, className: "uxf-avatar-file-input__input-element", form: props.form, id: id, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, maxFileSize: props.maxFileSize, name: props.name, onBlur: input.onBlur, onFocus: input.onFocus, onChange: props.onChange, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: (0, composeRefs_1.composeRefs)(innerRef, ref), value: props.value }),
                 props.value ? (react_1.default.createElement(avatar_1.Avatar, { className: "uxf-avatar-file-input__input-avatar", src: (0, file_1.getFileUrl)(props.value) })) : (react_1.default.createElement("div", { className: "uxf-avatar-file-input__input-empty" },
                     react_1.default.createElement(icon_1.Icon, { className: "uxf-avatar-file-input__input-empty-icon", name: (_d = props.icon) !== null && _d !== void 0 ? _d : "cloud" })))),
             react_1.default.createElement("div", { className: "uxf-avatar-file-input__controls" }, props.customControls ? (props.customControls({

package/calendar/calendar-day-cell.js

@@ -33,7 +33,7 @@ const react_1 = __importStar(require("react"));
 exports.CalendarDayCell = (0, react_1.memo)((props) => {
     const dayCellRef = (0, react_1.useRef)(null);
     const innerRef = (0, react_1.useRef)(null);
-    const { disabledDate, isHovered, isSelected, isInsideRange, isToday, isWithinHoverRange, onClick, onKeyDown, onMouseEnter, tabIndex, } = (0, use_day_1.useDay)({
+    const { disabledDate, isHovered, isSelected, isInsideRange, isToday, isWithinHoverRange, onClick, onKeyDown, onMouseEnter, tabIndex, isFirstDisabled, isLastDisabled, } = (0, use_day_1.useDay)({
         date: props.day.date,
         focusedDate: props.datePickerProps.focusedDate,
         isDateBlocked: props.datePickerProps.isDateBlocked,
@@ -46,6 +46,7 @@ exports.CalendarDayCell = (0, react_1.memo)((props) => {
         onDateSelect: props.datePickerProps.onDateSelect,
         dayRef: dayCellRef,
         preventScroll: props.datePickerProps.preventScroll,
+        unavailableDates: props.datePickerProps.unavailableDates,
     });
     (0, useOnMount_1.useOnMount)(() => {
         const node = innerRef.current;
@@ -56,7 +57,7 @@ exports.CalendarDayCell = (0, react_1.memo)((props) => {
     if (!props.day.dayLabel) {
         return react_1.default.createElement("div", null);
     }
-    return (react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-calendar__cell uxf-calendar__cell-day", disabledDate && classes_1.CLASSES.IS_DISABLED, isToday && "uxf-calendar__cell--today", isSelected && "uxf-calendar__cell--selected", isInsideRange && "uxf-calendar__cell--inside-range", isWithinHoverRange && "uxf-calendar__cell--is-within-hover-range", isHovered && "uxf-calendar__cell--is-hovered", !props.day.currentMonth && "uxf-calendar__cell--not-current-month"), ref: disabledDate ? undefined : (0, composeRefs_1.composeRefs)(dayCellRef, innerRef), onClick: onClick, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, tabIndex: tabIndex, type: "button" },
+    return (react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-calendar__cell uxf-calendar__cell-day", isFirstDisabled && props.day.currentMonth && "is-disabled-start", isLastDisabled && props.day.currentMonth && "is-disabled-end", disabledDate && classes_1.CLASSES.IS_DISABLED, isToday && "uxf-calendar__cell--today", isSelected && "uxf-calendar__cell--selected", isInsideRange && "uxf-calendar__cell--inside-range", isWithinHoverRange && "uxf-calendar__cell--is-within-hover-range", isHovered && "uxf-calendar__cell--is-hovered", !props.day.currentMonth && "uxf-calendar__cell--not-current-month"), ref: disabledDate ? undefined : (0, composeRefs_1.composeRefs)(dayCellRef, innerRef), onClick: onClick, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, tabIndex: tabIndex, type: "button" },
         react_1.default.createElement("span", { className: "uxf-calendar__cell__inner" }, props.day.dayLabel)));
 });
 exports.CalendarDayCell.displayName = "UxfUiCalendarDayCell";

package/checkbox-input/checkbox-input.d.ts

@@ -8,5 +8,6 @@ export interface CheckboxInputProps extends FormControlProps<boolean | undefined
     label: ReactNode;
     size?: CheckboxSize;
     style?: CSSProperties;
+    helperText?: ReactNode;
 }
 export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLDivElement>>;

package/checkbox-input/checkbox-input.js

@@ -28,10 +28,15 @@ const react_1 = require("@headlessui/react");
 const react_2 = __importStar(require("react"));
 const checkbox_1 = require("../checkbox");
 exports.CheckboxInput = (0, react_2.forwardRef)((props, ref) => {
-    var _a;
+    var _a, _b;
+    const generatedId = (0, react_2.useId)();
+    const id = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
+    const errorId = props.isInvalid ? `${id}--error-message` : undefined;
     return (react_2.default.createElement(react_1.Switch.Group, null,
-        react_2.default.createElement("div", { className: `uxf-checkbox-input__wrapper ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
+        react_2.default.createElement("div", { className: `uxf-checkbox-input__wrapper ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` },
             react_2.default.createElement(react_1.Switch, { as: react_2.Fragment, checked: props.value, name: props.name, onChange: props.onChange }, ({ checked }) => (react_2.default.createElement(checkbox_1.Checkbox, { className: "uxf-checkbox-input", id: props.id, indeterminate: props.indeterminate, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, onChange: props.onChange, ref: ref, size: props.size, style: props.style, value: checked }))),
-            react_2.default.createElement(react_1.Switch.Label, { className: "uxf-checkbox-input__label" }, props.label))));
+            react_2.default.createElement(react_1.Switch.Label, { className: "uxf-checkbox-input__label" },
+                react_2.default.createElement("span", { className: "uxf-checkbox-input__label--text" }, props.label),
+                react_2.default.createElement("span", { id: errorId, className: "uxf-checkbox-input__label--subtitle" }, props.helperText)))));
 });
 exports.CheckboxInput.displayName = "UxfUiCheckboxInput";

package/css/checkbox-input.css

@@ -1,6 +1,8 @@
 .uxf-checkbox-input {
+    margin-top: 4px;
+
     &__wrapper {
-        @apply flex items-center justify-between space-x-3;
+        @apply flex justify-between space-x-3;
     }
 
     &__label {
@@ -15,6 +17,12 @@
         }
     }
 
+    &__label--subtitle {
+        color: theme("colors.error.DEFAULT");
+        display: block;
+        font-size: theme("fontSize.caption");
+    }
+
     &.is-disabled,
     &.is-readonly {
         & + .uxf-checkbox-input__label {

package/date-picker/date-picker.stories.js

@@ -22,8 +22,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
+const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const date_picker_1 = require("./date-picker");
@@ -31,12 +35,24 @@ exports.default = {
     title: "UI/DatePicker",
     component: date_picker_1.DatePicker,
 };
+const today = (0, dayjs_1.default)();
+const unavailableDates = [
+    today.toDate(),
+    today.add(5, "days").toDate(),
+    today.add(6, "days").toDate(),
+    today.add(7, "days").toDate(),
+    today.add(11, "days").toDate(),
+    today.add(12, "days").toDate(),
+];
 function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", setValue);
     const onClose = () => null;
     const testDatePickers = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(date_picker_1.DatePicker, { closePopoverHandler: onClose, onChange: onChange, selectedDate: value })));
+        react_1.default.createElement("p", { className: "text-lg" }, "Date picker"),
+        react_1.default.createElement(date_picker_1.DatePicker, { closePopoverHandler: onClose, onChange: onChange, selectedDate: value }),
+        react_1.default.createElement("p", { className: "text-lg" }, "Date picker with unavailable dates"),
+        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, unavailableDates: unavailableDates })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatePickers)));

package/dropzone/dropzone-input.d.ts

@@ -15,6 +15,6 @@ export interface DropzoneInputProps extends FormControlProps<DropzoneFile[] | un
     noClick?: boolean;
     noDrag?: boolean;
     onUploadError?: (err: unknown) => void;
-    onUploadFile: (file: File, options?: UploadOptions) => Promise<FileResponse>;
+    onUploadFile: (file: File | undefined, options?: UploadOptions) => Promise<FileResponse | null>;
 }
 export declare const DropzoneInput: React.ForwardRefExoticComponent<DropzoneInputProps & React.RefAttributes<HTMLDivElement>>;

package/dropzone/dropzone-input.js

@@ -51,7 +51,7 @@ function progressHandler(progressEvent, file, onValuesChange, values) {
     }
 }
 function fileUploadedHandler(uploadedFile, dropzoneFile, onValuesChange, values) {
-    if (values) {
+    if (values && uploadedFile) {
         onValuesChange(values.map((f) => f.id === dropzoneFile.id ? { ...uploadedFile, progress: 100, originalFile: f.originalFile } : f));
     }
 }

package/file-input/file-input.d.ts

@@ -5,11 +5,11 @@ import { FileInputBaseProps } from "../_file-input-base";
 export interface FileInputProps extends FileInputBaseProps, Clearable {
     className?: string;
     helperText?: ReactNode;
-    label?: ReactNode;
     hiddenLabel?: boolean;
+    label?: ReactNode;
     placeholder?: string;
-    uploadButtonLabel?: string;
     size?: keyof InputGroupSizes;
+    uploadButtonLabel?: string;
     variant?: keyof InputGroupVariants;
 }
 export declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;

package/file-input/file-input.js

@@ -53,7 +53,7 @@ exports.FileInput = (0, react_1.forwardRef)((props, ref) => {
     };
     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: props.onChange, onFocus: input.onFocus, onUploadError: props.onUploadError, onUploadFile: 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, maxFileSize: props.maxFileSize, 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.7.0",
+  "version": "10.8.1",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -18,7 +18,7 @@
     "@floating-ui/react": "0.26.0",
     "@headlessui/react": "1.7.14",
     "@uxf/core": "10.4.0",
-    "@uxf/datepicker": "10.0.0",
+    "@uxf/datepicker": "10.8.0",
     "@uxf/styles": "10.4.0",
     "color2k": "2.0.2",
     "dayjs": "1.11.10",

package/utils/mocks/upload-file.mock.d.ts

@@ -1,2 +1,2 @@
 import { FileResponse, UploadOptions } from "@uxf/ui/types";
-export declare function uploadFile(file: File, uploadOptions?: UploadOptions): Promise<FileResponse>;
+export declare function uploadFile(file: File | undefined, uploadOptions?: UploadOptions): Promise<FileResponse | null>;

package/utils/mocks/upload-file.mock.js

@@ -10,37 +10,40 @@ function getRandomUuid() {
         .join(""))
         .join("-");
 }
-function uploadFile(file, uploadOptions) {
-    // axios.put("/api/upload", file, { signal: uploadOptions?.abortController?.signal, onUploadProgress: uploadOptions?.onUploadProgress });
-    return new Promise((resolve) => {
-        const time = file.size / 100;
-        const interval = time / 10;
-        let loaded = 0;
-        const intervalTimer = window.setInterval(() => {
-            var _a, _b;
-            if ((_a = uploadOptions === null || uploadOptions === void 0 ? void 0 : uploadOptions.abortController) === null || _a === void 0 ? void 0 : _a.signal.aborted) {
+async function uploadFile(file, uploadOptions) {
+    if (file) {
+        // axios.put("/api/upload", file, { signal: uploadOptions?.abortController?.signal, onUploadProgress: uploadOptions?.onUploadProgress });
+        return new Promise((resolve) => {
+            const time = file.size / 100;
+            const interval = time / 10;
+            let loaded = 0;
+            const intervalTimer = window.setInterval(() => {
+                var _a, _b;
+                if ((_a = uploadOptions === null || uploadOptions === void 0 ? void 0 : uploadOptions.abortController) === null || _a === void 0 ? void 0 : _a.signal.aborted) {
+                    clearInterval(intervalTimer);
+                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                    clearTimeout(timeoutTimer);
+                    return;
+                }
+                loaded += (file.size / time) * interval;
+                (_b = uploadOptions === null || uploadOptions === void 0 ? void 0 : uploadOptions.onUploadProgress) === null || _b === void 0 ? void 0 : _b.call(uploadOptions, {
+                    lengthComputable: true,
+                    loaded,
+                    total: file.size,
+                });
+            }, interval);
+            const timeoutTimer = window.setTimeout(() => {
                 clearInterval(intervalTimer);
-                // eslint-disable-next-line @typescript-eslint/no-use-before-define
                 clearTimeout(timeoutTimer);
-                return;
-            }
-            loaded += (file.size / time) * interval;
-            (_b = uploadOptions === null || uploadOptions === void 0 ? void 0 : uploadOptions.onUploadProgress) === null || _b === void 0 ? void 0 : _b.call(uploadOptions, {
-                lengthComputable: true,
-                loaded,
-                total: file.size,
-            });
-        }, interval);
-        const timeoutTimer = window.setTimeout(() => {
-            clearInterval(intervalTimer);
-            clearTimeout(timeoutTimer);
-            resolve({
-                id: Math.round(Math.random() * 100000000),
-                uuid: getRandomUuid(),
-                name: file.name,
-                extension: file.name.split(".").slice(-1).join(""),
-            });
-        }, time);
-    });
+                resolve({
+                    id: Math.round(Math.random() * 100000000),
+                    uuid: getRandomUuid(),
+                    name: file.name,
+                    extension: file.name.split(".").slice(-1).join(""),
+                });
+            }, time);
+        });
+    }
+    return null;
 }
 exports.uploadFile = uploadFile;

package/utils/validator/validator-exceptions.d.ts

@@ -0,0 +1,3 @@
+export declare enum ValidatorExceptions {
+    MaxFileSize = "MaxFileSizeException"
+}

package/utils/validator/validator-exceptions.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValidatorExceptions = void 0;
+var ValidatorExceptions;
+(function (ValidatorExceptions) {
+    ValidatorExceptions["MaxFileSize"] = "MaxFileSizeException";
+})(ValidatorExceptions || (exports.ValidatorExceptions = ValidatorExceptions = {}));