@uxf/ui 11.90.1 → 11.91.0

package/color-radio/color-radio.d.ts

@@ -4,9 +4,9 @@ export interface ColorRadioProps<ValueType = string | number> extends Omit<FormC
     checked: boolean;
     className?: string;
     color: HexColor;
-    colorLabel: string;
+    colorLabel: ReactNode;
     onChange?: (value: ValueType) => void;
-    renderContent?: (className: string, checked: boolean | undefined, colorLabel: string, value: ValueType) => ReactNode;
+    renderContent?: (className: string, checked: boolean | undefined, colorLabel: ReactNode, value: ValueType) => ReactNode;
     style?: CSSProperties;
 }
 export declare const ColorRadio: React.ForwardRefExoticComponent<ColorRadioProps<string | number> & React.RefAttributes<HTMLDivElement>>;

package/color-radio-group/color-radio-group.d.ts

@@ -3,7 +3,7 @@ import { FormControlProps, HexColor } from "../types";
 export type ColorRadioGroupOptionValue = HexColor;
 export interface ColorRadioGroupOption {
     disabled?: boolean;
-    label: string;
+    label: ReactNode;
     value: ColorRadioGroupOptionValue;
 }
 export interface ColorRadioGroupProps extends FormControlProps<ColorRadioGroupOptionValue | null> {
@@ -11,7 +11,7 @@ export interface ColorRadioGroupProps extends FormControlProps<ColorRadioGroupOp
     helperText?: ReactNode;
     hiddenLabel?: boolean;
     id?: string;
-    label: string;
+    label: ReactNode;
     options: ColorRadioGroupOption[];
     style?: CSSProperties;
 }

package/dropzone/dropzone-list.d.ts

@@ -6,7 +6,7 @@ export interface DropzoneListProps extends FormControlProps<DropzoneFile[] | und
     errorText?: string;
     isDownloadableOnClick?: boolean;
     onRemoveConfirm?: (file: DropzoneFile) => Promise<boolean>;
-    renderItem?: (file: DropzoneFile) => ReactNode;
+    renderItem?: (file: DropzoneFile, onRemove: (file: DropzoneFile, isUploading: boolean) => void, isUploading: boolean) => ReactNode;
     style?: CSSProperties;
 }
 export declare function DropzoneList(props: DropzoneListProps): React.JSX.Element | null;

package/dropzone/dropzone-list.js

@@ -48,23 +48,23 @@ const get_file_icon_1 = require("../utils/files/get-file-icon");
 function DropzoneList(props) {
     var _a, _b, _c;
     const context = (0, react_1.useContext)(context_1.UiContext);
-    const handleRemove = (file, value, isUploading) => {
-        var _a;
-        if (isUploading) {
-            (_a = file.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-        }
-        props.onChange(value.filter((f) => f.id !== file.id));
-    };
     const onRemove = (file, isUploading) => () => {
         if (!props.value) {
             return;
         }
+        const handleRemove = (value) => {
+            var _a;
+            if (isUploading) {
+                (_a = file.abortController) === null || _a === void 0 ? void 0 : _a.abort();
+            }
+            props.onChange(value.filter((f) => f.id !== file.id));
+        };
         if (!props.onRemoveConfirm) {
-            return handleRemove(file, props.value, isUploading);
+            return handleRemove(props.value);
         }
         props.onRemoveConfirm(file).then((canRemove) => {
             if (canRemove && props.value) {
-                return handleRemove(file, props.value, isUploading);
+                return handleRemove(props.value);
             }
         });
     };
@@ -74,7 +74,7 @@ function DropzoneList(props) {
     return (react_1.default.createElement("ul", { className: `uxf-dropzone-list ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, style: props.style }, (_c = props.value) === null || _c === void 0 ? void 0 : _c.map((file) => {
         var _a, _b, _c;
         const isUploading = file.id < 0 && !file.error;
-        return ((_b = (_a = props.renderItem) === null || _a === void 0 ? void 0 : _a.call(props, file)) !== null && _b !== void 0 ? _b : (react_1.default.createElement("li", { className: "uxf-dropzone-list__item-wrapper", key: file.id },
+        return ((_b = (_a = props.renderItem) === null || _a === void 0 ? void 0 : _a.call(props, file, onRemove, isUploading)) !== null && _b !== void 0 ? _b : (react_1.default.createElement("li", { className: "uxf-dropzone-list__item-wrapper", key: file.id },
             react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dropzone-list__item", Boolean(file.error) && classes_1.CLASSES.IS_INVALID) },
                 react_1.default.createElement("div", { className: "uxf-dropzone-list__item__block" },
                     react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone-list__item__block__icon", name: (0, get_file_icon_1.getIconNameFromFileExtension)(file.extension.toLowerCase()) }),

package/multi-combobox/types.d.ts

@@ -28,7 +28,7 @@ export interface MultiComboboxProps<ValueId = MultiComboboxValueId, Option = Mul
     id?: string;
     inputArrow?: (open: boolean) => ReactNode;
     keyExtractor?: (option: Option) => string | number;
-    label: string;
+    label: ReactNode;
     leftAddon?: ReactNode;
     leftElement?: ReactNode;
     loadOptions?: (query: string) => Promise<Option[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.90.1",
+    "version": "11.91.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,10 +23,10 @@
     "dependencies": {
         "@floating-ui/react": "0.27.16",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.90.0",
-        "@uxf/core-react": "11.90.1",
+        "@uxf/core": "11.91.0",
+        "@uxf/core-react": "11.91.0",
         "@uxf/datepicker": "11.90.0",
-        "@uxf/styles": "11.90.0",
+        "@uxf/styles": "11.91.0",
         "color2k": "2.0.3",
         "dayjs": "1.11.19",
         "react-dropzone": "14.3.8"