@oliasoft-open-source/react-ui-library 5.14.1-beta-1 → 5.15.0-beta-1

package/dist/index.d.ts

@@ -97,6 +97,8 @@ export declare enum Color {
     MUTED = "muted"
 }
 
+export declare const ColorInput: ({ columns, disabled, options, small, value, onChange, }: IColorInputProps) => JSX_2.Element;
+
 export declare const Column: ({ background, borderLeft, borderRight, children, flex, flexbox, padding, scroll, showScrollbar, spacing, width, widthMobile, widthTablet, testId, }: ILayoutColumnProps) => JSX_2.Element;
 
 export declare const Dialog: ({ dialog }: IDialogProps) => JSX_2.Element;
@@ -335,6 +337,18 @@ export declare interface ICollapseProps {
     expanded: boolean;
 }
 
+export declare interface IColorInputProps {
+    columns?: number;
+    disabled?: boolean;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    small?: boolean;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+
 /**
  * Icon wrapper component to support different icon formats:
  *     - string names (default recommendation)
@@ -1534,7 +1548,6 @@ export declare interface ITableImportExportConfig {
     copyFromClipBoard?: boolean;
     showDeleteOptions?: boolean;
     showHelpOption?: boolean;
-    showUploadFileOption?: boolean;
     onDeleteRows?: (type: 'all') => void;
     onImportComplete?: (data: IImportData) => void;
 }

package/dist/index.js

@@ -1273,6 +1273,119 @@ const Card = ({ bordered: e = !0, heading: t = null, children: n, margin: r = "0
 		children: n
 	})]
 });
+var popover_module_default = {
+	toggleBox: "_toggleBox_rwod1_1",
+	enter: "_enter_rwod1_8",
+	enterActive: "_enterActive_rwod1_12",
+	fullWidthStyleFix: "_fullWidthStyleFix_rwod1_17",
+	dismiss: "_dismiss_rwod1_22"
+};
+const Popover = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: l, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: h }) => {
+	let _ = useContext(DisabledContext), v = useRef(null), [y, b] = f === void 0 ? useState(!1) : [f, h], x = () => {
+		!u && !_ && b && b(!1);
+	}, S = () => {
+		u || _ || b && b(!y);
+	};
+	useEffect(() => {
+		(u || _) && x();
+	}, [u, _]);
+	let { renderLayer: C, arrowProps: w, layerProps: T, triggerProps: E } = useLayer({
+		isOpen: y,
+		placement: r,
+		auto: !0,
+		triggerOffset: 6,
+		onOutsideClick: i ? x : void 0,
+		ResizeObserver: ResizeObserver$1,
+		overflowContainer: d
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		ref: E.ref,
+		onClick: S,
+		"data-testid": l,
+		children: t
+	}), /* @__PURE__ */ jsx(CSSTransition, {
+		nodeRef: v,
+		in: y,
+		timeout: 100,
+		classNames: {
+			enter: popover_module_default.enter,
+			enterActive: popover_module_default.enterActive
+		},
+		unmountOnExit: !0,
+		children: /* @__PURE__ */ jsx(Fragment$1, { children: y && C(/* @__PURE__ */ jsxs("div", {
+			className: a ? cx(popover_module_default.toggleBox, popover_module_default.fullWidthStyleFix) : cx(popover_module_default.toggleBox),
+			...T,
+			ref: (e) => {
+				v.current = e, T.ref(e);
+			},
+			children: [/* @__PURE__ */ jsxs("div", { children: [React.isValidElement(n) ? React.cloneElement(n, { close: x }) : n, o && /* @__PURE__ */ jsx("div", {
+				className: popover_module_default.dismiss,
+				children: /* @__PURE__ */ jsx(Button, {
+					small: !0,
+					round: !0,
+					onClick: x,
+					icon: IconType.CLOSE
+				})
+			})] }), /* @__PURE__ */ jsx(Arrow, {
+				...w,
+				backgroundColor: "var(--color-background-layer)",
+				borderColor: "var(--color-border)",
+				borderWidth: 1,
+				size: 6
+			})]
+		})) })
+	})] });
+};
+var color_input_module_default = {
+	colorInput: "_colorInput_hb750_1",
+	trigger: "_trigger_hb750_8",
+	buttonColor: "_buttonColor_hb750_12",
+	options: "_options_hb750_17",
+	option: "_option_hb750_17"
+};
+const ColorInput = ({ columns: e = 9, disabled: t, options: n = [], small: r, value: i, onChange: a }) => {
+	var o;
+	let [s, c] = useState(!1), l = (o = n.find((e) => e.value === i)) == null ? void 0 : o.label;
+	return /* @__PURE__ */ jsx("div", {
+		className: color_input_module_default.colorInput,
+		children: /* @__PURE__ */ jsx(Popover, {
+			placement: "bottom-start",
+			isOpen: s,
+			onToggle: c,
+			content: /* @__PURE__ */ jsx("div", {
+				className: color_input_module_default.options,
+				style: { gridTemplateColumns: `repeat(${e}, auto)` },
+				children: n.map((e) => /* @__PURE__ */ jsx("div", {
+					className: color_input_module_default.option,
+					children: /* @__PURE__ */ jsx(Button, {
+						basic: !0,
+						disabled: t,
+						width: "var(--size)",
+						tooltip: e.label,
+						label: /* @__PURE__ */ jsx("div", {
+							className: color_input_module_default.buttonColor,
+							style: { backgroundColor: e.value }
+						}),
+						onClick: () => {
+							a == null || a(e.value), c(!1);
+						}
+					}, e.value)
+				}))
+			}),
+			children: /* @__PURE__ */ jsx(Button, {
+				disabled: t,
+				small: r,
+				active: s,
+				width: r ? "var(--size-sm)" : "var(--size)",
+				tooltip: l,
+				label: /* @__PURE__ */ jsx("div", {
+					className: color_input_module_default.buttonColor,
+					style: { backgroundColor: i }
+				})
+			})
+		})
+	});
+};
 var noScrollbars = css`
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -3450,70 +3563,7 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 			children: /* @__PURE__ */ jsx(Icon, { icon: n })
 		})
 	});
-}, ActionsCell = ({ cell: e }) => /* @__PURE__ */ jsx(Actions, { actions: e.actions });
-var popover_module_default = {
-	toggleBox: "_toggleBox_rwod1_1",
-	enter: "_enter_rwod1_8",
-	enterActive: "_enterActive_rwod1_12",
-	fullWidthStyleFix: "_fullWidthStyleFix_rwod1_17",
-	dismiss: "_dismiss_rwod1_22"
-};
-const Popover = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: l, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: h }) => {
-	let _ = useContext(DisabledContext), v = useRef(null), [y, b] = f === void 0 ? useState(!1) : [f, h], x = () => {
-		!u && !_ && b && b(!1);
-	}, S = () => {
-		u || _ || b && b(!y);
-	};
-	useEffect(() => {
-		(u || _) && x();
-	}, [u, _]);
-	let { renderLayer: C, arrowProps: w, layerProps: T, triggerProps: E } = useLayer({
-		isOpen: y,
-		placement: r,
-		auto: !0,
-		triggerOffset: 6,
-		onOutsideClick: i ? x : void 0,
-		ResizeObserver: ResizeObserver$1,
-		overflowContainer: d
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		ref: E.ref,
-		onClick: S,
-		"data-testid": l,
-		children: t
-	}), /* @__PURE__ */ jsx(CSSTransition, {
-		nodeRef: v,
-		in: y,
-		timeout: 100,
-		classNames: {
-			enter: popover_module_default.enter,
-			enterActive: popover_module_default.enterActive
-		},
-		unmountOnExit: !0,
-		children: /* @__PURE__ */ jsx(Fragment$1, { children: y && C(/* @__PURE__ */ jsxs("div", {
-			className: a ? cx(popover_module_default.toggleBox, popover_module_default.fullWidthStyleFix) : cx(popover_module_default.toggleBox),
-			...T,
-			ref: (e) => {
-				v.current = e, T.ref(e);
-			},
-			children: [/* @__PURE__ */ jsxs("div", { children: [React.isValidElement(n) ? React.cloneElement(n, { close: x }) : n, o && /* @__PURE__ */ jsx("div", {
-				className: popover_module_default.dismiss,
-				children: /* @__PURE__ */ jsx(Button, {
-					small: !0,
-					round: !0,
-					onClick: x,
-					icon: IconType.CLOSE
-				})
-			})] }), /* @__PURE__ */ jsx(Arrow, {
-				...w,
-				backgroundColor: "var(--color-background-layer)",
-				borderColor: "var(--color-border)",
-				borderWidth: 1,
-				size: 6
-			})]
-		})) })
-	})] });
-}, CellHelpIcon = ({ cell: e }) => {
+}, ActionsCell = ({ cell: e }) => /* @__PURE__ */ jsx(Actions, { actions: e.actions }), CellHelpIcon = ({ cell: e }) => {
 	let { helpIcon: t } = e;
 	return t ? /* @__PURE__ */ jsx("div", {
 		className: cell_module_default.icon,
@@ -5149,158 +5199,158 @@ var initialState = {
 };
 const TableImportExport = ({ config: e, smartUploadConfig: t, testId: n }) => {
 	var r, i, a, o;
-	let { exportData: s, beforeExportData: c, prevalidationConfig: l, validationRules: u, title: d, translations: f, textOnly: p = !1, showImportOptions: g = !0, copyFromClipBoard: _ = !0, showDeleteOptions: v = !0, showHelpOption: y = !0, showUploadFileOption: b = !0, modals: x = [], dynamicOptions: S, onImportComplete: C } = e == null ? {} : e, [w, T] = useState(initialState), { modalVisibility: { smartUploadModal: E = !1, reviewPasteModal: D = !1, helpModal: O = !1 } } = w, { enabled: k, prompt: A = "", onClose: j, onError: M, service: N = () => Promise.resolve() } = t == null ? {} : t, P = useTranslationMap(f), F = useExportData(P, s, c), [I, L] = useTransition(), R = useDataImportActions({
+	let { exportData: s, beforeExportData: c, prevalidationConfig: l, validationRules: u, title: d, translations: f, textOnly: p = !1, showImportOptions: g = !0, copyFromClipBoard: _ = !0, showDeleteOptions: v = !0, showHelpOption: y = !0, modals: b = [], dynamicOptions: x, onImportComplete: S } = e == null ? {} : e, [C, w] = useState(initialState), { modalVisibility: { smartUploadModal: T = !1, reviewPasteModal: E = !1, helpModal: D = !1 } } = C, { enabled: O, prompt: k = "", onClose: A, onError: j, service: M = () => Promise.resolve() } = t == null ? {} : t, N = useTranslationMap(f), P = useExportData(N, s, c), [F, I] = useTransition(), L = useDataImportActions({
 		config: e,
-		state: w,
-		setState: T,
+		state: C,
+		setState: w,
 		smartUploadConfig: t,
-		startTransition: L
-	}), { readAndParseInput: z, updateState: B, closeModals: V, setModalVisibility: H, onFileChange: U, onClickQuickPasteFromClipBoard: W, onClickCopyClipboard: G, onSmartUploadResult: K, deleteAllRows: q } = R == null ? {} : R;
-	useKeyboardEvent("Escape", () => V());
-	let J = g ? [
-		...b ? [{
+		startTransition: I
+	}), { readAndParseInput: R, updateState: z, closeModals: B, setModalVisibility: V, onFileChange: H, onClickQuickPasteFromClipBoard: U, onClickCopyClipboard: W, onSmartUploadResult: G, deleteAllRows: K } = L == null ? {} : L;
+	useKeyboardEvent("Escape", () => B());
+	let q = g ? [
+		{
 			type: "Option",
-			label: P("uploadFile"),
+			label: N("uploadFile"),
 			upload: !0,
 			uploadType: ".csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-			onChange: U,
+			onChange: H,
 			testId: `${n}-option-upload-file`
-		}] : [],
+		},
 		..._ ? [{
 			type: "Option",
-			label: P("quickPasteFromClipboard"),
-			onClick: W,
+			label: N("quickPasteFromClipboard"),
+			onClick: U,
 			testId: `${n}-option-quick-paste-from-clipboard`
 		}] : [],
 		..._ ? [{
 			type: "Option",
-			label: P("pasteWithReview"),
-			onClick: () => H("reviewPasteModal", !D),
+			label: N("pasteWithReview"),
+			onClick: () => V("reviewPasteModal", !E),
 			testId: `${n}-paste-with-review`
 		}] : [],
-		...A && k && t ? [{
+		...k && O && t ? [{
 			type: "Option",
-			label: P("smartUpload_smartUpload"),
-			onClick: () => H("smartUploadModal", !E),
+			label: N("smartUpload_smartUpload"),
+			onClick: () => V("smartUploadModal", !T),
 			testId: `${n}-smart-upload`
 		}] : [],
-		...applyModalHandlers((r = S == null ? void 0 : S.importOptions) == null ? [] : r, w, H)
-	] : [], Y = [
+		...applyModalHandlers((r = x == null ? void 0 : x.importOptions) == null ? [] : r, C, V)
+	] : [], J = [
 		{
 			type: "Option",
-			label: P("downloadFile"),
+			label: N("downloadFile"),
 			onClick: async () => {
-				let e = await F();
+				let e = await P();
 				e && e && onClickDownLoad(e, d);
 			}
 		},
 		...p ? [{
 			type: "Option",
-			label: P("copyToClipboard"),
-			onClick: () => G("dot")
+			label: N("copyToClipboard"),
+			onClick: () => W("dot")
 		}] : [{
 			type: "Menu",
 			testId: `${n}-menu-copy-to-clipboard`,
 			menu: {
 				trigger: "Text",
-				label: P("copyToClipboard"),
+				label: N("copyToClipboard"),
 				sections: [{
 					type: "Option",
-					label: P("copyDecimalDot"),
-					onClick: () => G("dot"),
+					label: N("copyDecimalDot"),
+					onClick: () => W("dot"),
 					testId: `${n}-option-copy-decimal-dot`
 				}, {
 					type: "Option",
-					label: P("copyDecimalComma"),
-					onClick: () => G("comma")
+					label: N("copyDecimalComma"),
+					onClick: () => W("comma")
 				}]
 			}
 		}],
-		...applyModalHandlers((i = S == null ? void 0 : S.exportOptions) == null ? [] : i, w, H)
-	], X = v ? [{
+		...applyModalHandlers((i = x == null ? void 0 : x.exportOptions) == null ? [] : i, C, V)
+	], Y = v ? [{
 		type: "Option",
-		label: P("deleteAllRows"),
-		onClick: () => q(),
+		label: N("deleteAllRows"),
+		onClick: () => K(),
 		testId: `${n}-delete-all-rows`
-	}, ...applyModalHandlers((a = S == null ? void 0 : S.deleteOptions) == null ? [] : a, w, H)] : [], ee = y ? [
+	}, ...applyModalHandlers((a = x == null ? void 0 : x.deleteOptions) == null ? [] : a, C, V)] : [], ee = y ? [
 		{ type: "Divider" },
 		{
 			type: "Option",
-			label: P("help"),
-			onClick: () => H("helpModal", !O)
+			label: N("help"),
+			onClick: () => V("helpModal", !D)
 		},
-		...applyModalHandlers((o = S == null ? void 0 : S.helpOptions) == null ? [] : o, w, H)
-	] : [], Z = [
-		...J.length ? [{
-			section: [...J, ...ee],
+		...applyModalHandlers((o = x == null ? void 0 : x.helpOptions) == null ? [] : o, C, V)
+	] : [], te = [
+		...q.length ? [{
+			section: [...q, ...ee],
 			name: "import-options",
 			iconName: "import",
-			tooltip: P("import")
+			tooltip: N("import")
 		}] : [],
-		...Y.length ? [{
-			section: Y,
+		...J.length ? [{
+			section: J,
 			name: "export-options",
 			iconName: "export",
-			tooltip: P("export")
+			tooltip: N("export")
 		}] : [],
-		...X.length ? [{
-			section: X,
+		...Y.length ? [{
+			section: Y,
 			name: "delete-options",
 			iconName: "delete",
-			tooltip: P("deleteAllRows")
+			tooltip: N("deleteAllRows")
 		}] : []
 	];
 	return /* @__PURE__ */ jsxs("span", { children: [
-		I && /* @__PURE__ */ jsx(Spinner, {
+		F && /* @__PURE__ */ jsx(Spinner, {
 			small: !0,
 			dark: !0
 		}),
-		Z.map((e, t) => /* @__PURE__ */ jsx(MenuComponent, {
+		te.map((e, t) => /* @__PURE__ */ jsx(MenuComponent, {
 			sections: e.section,
 			iconName: e.iconName,
 			tooltip: e.tooltip,
 			testId: `data-${e == null ? void 0 : e.name}-menu`
 		}, t)),
-		D && /* @__PURE__ */ jsx(PasteWithReviewModal, {
+		E && /* @__PURE__ */ jsx(PasteWithReviewModal, {
 			config: e,
-			state: w,
-			updateState: B,
-			setModalVisibility: H,
-			readAndParseInput: z,
-			onCloseModal: V,
+			state: C,
+			updateState: z,
+			setModalVisibility: V,
+			readAndParseInput: R,
+			onCloseModal: B,
 			validationRules: u,
-			onCompleteImport: C,
+			onCompleteImport: S,
 			prevalidationConfig: l,
-			t: P,
-			loading: I,
-			startTransition: L,
+			t: N,
+			loading: F,
+			startTransition: I,
 			testId: n
 		}),
-		O && /* @__PURE__ */ jsx(HelpModal, {
-			visible: O,
-			setModalVisibility: H,
+		D && /* @__PURE__ */ jsx(HelpModal, {
+			visible: D,
+			setModalVisibility: V,
 			validationRules: u,
-			t: P
+			t: N
 		}),
-		k && t && /* @__PURE__ */ jsx(SmartUploadModal, {
-			visible: E,
-			prompt: A,
-			onUpload: N,
-			onCloseModal: () => V({ callback: j }),
-			onComplete: K,
-			onError: M,
-			heading: P("smartUpload_smartUpload"),
-			dialogText: P("smartUpload_description"),
-			fileInputText: P("chooseFile"),
-			fileInputPlaceholder: P("noFileSelected"),
-			uploadText: P("uploadCapitalized"),
-			cancelText: P("cancel"),
+		O && t && /* @__PURE__ */ jsx(SmartUploadModal, {
+			visible: T,
+			prompt: k,
+			onUpload: M,
+			onCloseModal: () => B({ callback: A }),
+			onComplete: G,
+			onError: j,
+			heading: N("smartUpload_smartUpload"),
+			dialogText: N("smartUpload_description"),
+			fileInputText: N("chooseFile"),
+			fileInputPlaceholder: N("noFileSelected"),
+			uploadText: N("uploadCapitalized"),
+			cancelText: N("cancel"),
 			testId: n
 		}),
 		/* @__PURE__ */ jsx(ModalsRenderer, {
-			modals: x,
-			modalVisibility: w == null ? void 0 : w.modalVisibility,
-			onCloseModal: V,
+			modals: b,
+			modalVisibility: C == null ? void 0 : C.modalVisibility,
+			onCloseModal: B,
 			testId: n
 		})
 	] });
@@ -7010,7 +7060,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), J = k || (K == null ? void 0 : K.value) === void 0, [Y, X] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), ee = !!(O || n), Z = C && C.find((e) => {
+	}), J = k || (K == null ? void 0 : K.value) === void 0, [Y, ee] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), te = !!(O || n), X = C && C.find((e) => {
 		if (!(e != null && e.value)) return;
 		if (E) return E === e.valueKey;
 		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
@@ -7019,7 +7069,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), te = () => {
+	}), ne = () => {
 		var e;
 		let t = (e = l) == null ? "" : e, n = K.unit;
 		if (!checkConversion({
@@ -7035,7 +7085,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		} catch {
 			return null;
 		}
-	}, ne = (t) => {
+	}, re = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, (K == null ? void 0 : K.unit) || "");
 		h({ target: {
 			value: A ? withUnit(convertAndGetValue(o, B), B) : o,
@@ -7048,7 +7098,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, re = (e, t) => {
+	}, ie = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -7079,7 +7129,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), X(C && Z && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), ee(C && X && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
@@ -7087,7 +7137,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		i,
 		T
 	]);
-	let Q = te(), $ = label(K.unit) || K.unit || "", ie = p || !Q || Q && Q.length === 1, ae = getStringName(e), oe, se = (t) => {
+	let Z = ne(), Q = label(K.unit) || K.unit || "", ae = p || !Z || Z && Z.length === 1, oe = getStringName(e), $, se = (t) => {
 		let r = t != null && t.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -7107,7 +7157,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (X(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (ee(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : (e == null ? void 0 : e.fieldName) || "",
 					predefinedSelected: !0,
@@ -7119,10 +7169,10 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				height: "0"
 			})] }),
 			description: o,
-			selected: Z === t && Y === PredefinedOptionsMenuState.PREDEFINED
+			selected: X === t && Y === PredefinedOptionsMenuState.PREDEFINED
 		};
 	};
-	if (oe = [{
+	if ($ = [{
 		type: MenuType.OPTION,
 		inline: !0,
 		onClick: () => {
@@ -7135,7 +7185,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		selected: Y === PredefinedOptionsMenuState.CUSTOM
 	}], C != null && C.length) {
 		let e = C.map(se);
-		oe = [...oe, ...e];
+		$ = [...$, ...e];
 	}
 	let ce = (e) => {
 		if (isValueWithUnit(e)) {
@@ -7171,39 +7221,39 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 							small: o
 						}),
 						small: o,
-						sections: oe
+						sections: $
 					},
-					tooltip: Y === PredefinedOptionsMenuState.PREDEFINED ? Z == null ? void 0 : Z.label : ""
+					tooltip: Y === PredefinedOptionsMenuState.PREDEFINED ? X == null ? void 0 : X.label : ""
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: unit_input_module_default.inputWrapper,
 					children: /* @__PURE__ */ jsx(NumberInput, {
-						name: ae,
+						name: oe,
 						testId: x,
 						disabled: n,
 						placeholder: ce(t),
 						value: K.value,
-						onChange: ne,
+						onChange: re,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
 						allowEmpty: J,
-						validationCallback: (e, t) => D(ae, t),
+						validationCallback: (e, t) => D(oe, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
 						groupOrder: le,
-						disableInternalErrorValidationMessages: ee,
+						disableInternalErrorValidationMessages: te,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
-					}, ae)
+					}, oe)
 				}),
-				$ && (ie || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+				Q && (ae || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
 					groupOrder: ue,
 					small: o,
-					children: $
+					children: Q
 				}) : /* @__PURE__ */ jsx(Menu, {
 					groupOrder: ue,
 					maxHeight: 380,
@@ -7211,20 +7261,20 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 					testId: x && `${x}-menu`,
 					tabIndex: -1,
 					menu: {
-						label: $,
+						label: Q,
 						trigger: "DropDownButton",
 						small: o,
-						sections: Q.map(([e = "", t = "", n]) => {
+						sections: Z.map(([e = "", t = "", n]) => {
 							let r = n || t || "", i = isValidNum(e) ? e : "";
 							return {
 								type: "Option",
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), re(e, t);
+									n.stopPropagation(), ie(e, t);
 								},
 								description: r,
-								selected: r === $,
+								selected: r === Q,
 								testId: `${x}-unit-${r}`
 							};
 						})
@@ -9127,4 +9177,4 @@ const ComparisonViewModal = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, se
 		e === ConfigKeyType.Translations ? setConfig(e, getTranslations(t)) : setConfig(e, isPrimitiveValue(t) ? t : { ...t });
 	});
 };
-export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLog, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, Collapse, Color, Column, Dialog, DiffViewer, DisabledContext, Divider, Drawer, ElementType, Empty, Field, FileButton, FileInput, Flex, FormRow, Grid, GroupOrder, Heading, HelpIcon, Icon, IconType, Input, InputGroup, InputGroupAddon, InputReaderMethods, InputType, Label, List, ListHeading, ListSubheading, Loader, Menu, MenuCarat, MenuType, Message, MessageType, Modal, NativeSelect, NumberInput, OptionDropdown, Page, Pagination, PopConfirm, Popover, Portal, PrintHeader, ProgressBar, RadioButton, RichTextInput, Row, Select, SettingField, SideBar, Slider, SmartUploadModal, Spacer, Spinner, Table, TableImportExport, Tabs, Text, TextArea, TextLink, TextTransform, Theme, Toaster, Toggle, Tooltip, TopBar, Tree, TreeTable, TriggerType, UnitInput, UnitTable, UsageTracker, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };
+export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLog, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, Collapse, Color, ColorInput, Column, Dialog, DiffViewer, DisabledContext, Divider, Drawer, ElementType, Empty, Field, FileButton, FileInput, Flex, FormRow, Grid, GroupOrder, Heading, HelpIcon, Icon, IconType, Input, InputGroup, InputGroupAddon, InputReaderMethods, InputType, Label, List, ListHeading, ListSubheading, Loader, Menu, MenuCarat, MenuType, Message, MessageType, Modal, NativeSelect, NumberInput, OptionDropdown, Page, Pagination, PopConfirm, Popover, Portal, PrintHeader, ProgressBar, RadioButton, RichTextInput, Row, Select, SettingField, SideBar, Slider, SmartUploadModal, Spacer, Spinner, Table, TableImportExport, Tabs, Text, TextArea, TextLink, TextTransform, Theme, Toaster, Toggle, Tooltip, TopBar, Tree, TreeTable, TriggerType, UnitInput, UnitTable, UsageTracker, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.14.1-beta-1",
+  "version": "5.15.0-beta-1",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {