@uxf/ui 11.66.0 → 11.68.2

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

@@ -1,7 +1,7 @@
-import { FileResponse } from "@uxf/core/types";
+import { FileResponse, FileUploadProps } from "@uxf/core/types";
 import { FormControlProps } from "@uxf/ui/types";
 import React from "react";
-export interface FileInputBaseProps extends FormControlProps<FileResponse | null> {
+export interface FileInputBaseProps extends FormControlProps<FileResponse | null>, FileUploadProps {
     "aria-describedby"?: string;
     accept?: string;
     className?: string;
@@ -9,6 +9,5 @@ export interface FileInputBaseProps extends FormControlProps<FileResponse | null
     id?: string;
     maxFileSize?: number;
     onUploadError?: (err: unknown) => void;
-    onUploadFile: (file: File) => Promise<FileResponse>;
 }
 export declare const _FileInputBase: React.ForwardRefExoticComponent<FileInputBaseProps & React.RefAttributes<HTMLInputElement>>;

package/file-input/file-input.js

@@ -47,11 +47,9 @@ exports.FileInput = (0, react_1.forwardRef)((props, ref) => {
     const input = (0, use_input_focus_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 onUploadFile = async (file) => {
+    const onUploadFile = (file) => {
         setIsUploading(true);
-        const response = await props.onUploadFile(file);
-        setIsUploading(false);
-        return response;
+        return props.onUploadFile(file).finally(() => setIsUploading(false));
     };
     const onChange = (value, event) => {
         const inputNode = innerRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.66.0",
+    "version": "11.68.2",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,10 +23,10 @@
     "dependencies": {
         "@floating-ui/react": "0.26.28",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.60.1",
-        "@uxf/core-react": "11.66.0",
+        "@uxf/core": "11.68.2",
+        "@uxf/core-react": "11.68.2",
         "@uxf/datepicker": "11.61.0",
-        "@uxf/styles": "11.60.1",
+        "@uxf/styles": "11.68.2",
         "color2k": "2.0.3",
         "dayjs": "1.11.13",
         "jump.js": "1.0.2",

package/time-picker-input/time-picker-input.js

@@ -59,7 +59,7 @@ function getSelectedTime(value) {
     return null;
 }
 exports.TimePickerInput = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b;
+    var _a;
     const onChange = props.onChange;
     const className = (0, cx_1.cx)("uxf-time-picker-input", props.className);
     const onInputChange = (0, react_1.useCallback)((value) => {
@@ -78,6 +78,6 @@ exports.TimePickerInput = (0, react_1.forwardRef)((props, ref) => {
     }, [onChange]);
     const value = getValue(props.value);
     const selectedTime = getSelectedTime(props.value);
-    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_TIME_FORMAT), ref: ref, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "clock", size: 20 }), value: value }, ({ close }) => (0, is_not_nil_1.isNotNil)(props.CustomTimePicker) ? (react_1.default.createElement(props.CustomTimePicker, { onChange: props.onChange, onClose: close, value: (0, is_time_string_1.isTimeString)(props.value) ? props.value : null })) : (react_1.default.createElement(time_picker_1.TimePicker, { onChange: onTimePickerChange, onClosePopover: close, preventScroll: true, selectedTime: selectedTime }))));
+    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: props.placeholder, ref: ref, triggerElement: (_a = props.triggerElement) !== null && _a !== void 0 ? _a : react_1.default.createElement(icon_1.Icon, { name: "clock", size: 20 }), value: value }, ({ close }) => (0, is_not_nil_1.isNotNil)(props.CustomTimePicker) ? (react_1.default.createElement(props.CustomTimePicker, { onChange: props.onChange, onClose: close, value: (0, is_time_string_1.isTimeString)(props.value) ? props.value : null })) : (react_1.default.createElement(time_picker_1.TimePicker, { onChange: onTimePickerChange, onClosePopover: close, preventScroll: true, selectedTime: selectedTime }))));
 });
 exports.TimePickerInput.displayName = "UxfUiTimePickerInput";

package/types/file-response.d.ts

@@ -1,4 +1,5 @@
 export type UploadProgressEvent = Pick<ProgressEvent, "lengthComputable" | "loaded" | "total">;
+/** @deprecated use @uxf/core/types */
 export interface UploadOptions {
     abortController?: AbortController;
     onUploadProgress?: (progressEvent: UploadProgressEvent) => void;