@oliasoft-open-source/react-ui-library 5.6.5-beta-3 → 5.7.4-beta-2

package/dist/index.d.ts

@@ -35,6 +35,23 @@ export declare enum Align {
     CENTER = "center"
 }
 
+export declare interface AuditLogItem {
+    id: string;
+    userName: string;
+    operation: AuditLogOperation;
+    source: AuditLogSource;
+    date: string;
+    description?: string;
+    diffs: any[];
+    operationMetaData?: string;
+}
+
+declare type AuditLogOperation = 'Created' | 'Cloned' | 'Reverted' | 'Imported' | 'Updated';
+
+declare type AuditLogSource = 'System' | 'Application' | 'API';
+
+export declare function AuditLogTable({ logs, loading }: IAuditLogTableProps): JSX_2.Element;
+
 export declare const Badge: ({ children, color, title, dot, margin, small, }: IBadgeProps) => JSX_2.Element;
 
 export declare const Breadcrumb: ({ links, small }: IBreadcrumbProps) => JSX_2.Element;
@@ -62,7 +79,7 @@ export declare enum ButtonType {
 
 export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => JSX_2.Element;
 
-export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, indeterminate, name, label, disabled, small, onChange, testId, value, helpText, onClickHelp, textTransform, }: ICheckBoxProps) => JSX_2.Element;
+export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, indeterminate, name, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => JSX_2.Element;
 
 export declare const Chevron: ({ expanded }: IChevronProps) => JSX_2.Element;
 
@@ -168,6 +185,11 @@ export declare interface IActionProps {
     closeLayer?: TEmpty;
 }
 
+declare interface IAuditLogTableProps {
+    logs: AuditLogItem[];
+    loading?: boolean;
+}
+
 export declare interface IBadgeProps {
     children?: ReactNode;
     color?: string;
@@ -278,7 +300,6 @@ export declare interface ICheckBoxProps {
     value?: string;
     helpText?: string;
     onClickHelp?: TEmpty;
-    textTransform?: TTextTransform;
 }
 
 export declare interface IChevronProps {
@@ -1164,7 +1185,6 @@ declare interface IRadioButtonOption {
     name?: string;
     checked?: boolean;
     disabled?: boolean;
-    textTransform?: TTextTransform;
 }
 
 export declare interface IRadioButtonProps {
@@ -1624,7 +1644,6 @@ export declare interface IToggleProps {
     testId?: string;
     helpText?: string;
     onClickHelp?: (evt: any) => void;
-    textTransform?: TTextTransform;
 }
 
 export declare interface ITooltipProps {
@@ -1983,13 +2002,6 @@ export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled
 
 export declare const TextLink: ({ children, href, target, testId, onClick, component: Component, }: ITextLinkProps) => JSX_2.Element;
 
-export declare enum TextTransform {
-    UPPERCASE = "uppercase",
-    LOWERCASE = "lowercase",
-    CAPITALIZE = "capitalize",
-    NONE = "none"
-}
-
 declare type TFileReaderMethod = TInputReaderMethods | string;
 
 declare type TFunction = (...args: any[]) => any;
@@ -2034,7 +2046,7 @@ export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps)
 
 export { Toaster }
 
-export declare const Toggle: ({ name, label, checked, disabled, display, small, onChange, noMargin, testId, helpText, onClickHelp, textTransform, }: IToggleProps) => JSX_2.Element;
+export declare const Toggle: ({ name, label, checked, disabled, display, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
 
 export declare type TOnChangeEvent = {
     target: TOnChangeEventTarget;
@@ -2105,7 +2117,7 @@ declare type TStringNumberNull = string | number | null;
 
 declare type TStringOrNumber = string | number;
 
-export declare type TTextTransform = 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+declare type TTextTransform = 'uppercase' | 'lowercase' | 'capitalize' | 'none';
 
 export declare type TTheme = 'dark' | 'white' | 'light' | 'inherit';
 

package/dist/index.js

@@ -385,15 +385,15 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 		maxWidth: i,
 		children: /* @__PURE__ */ jsx(Icon, { icon: n })
 	})
-}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: l = "", disabled: u = !1, small: d = !1, onChange: f, testId: m, value: h, helpText: _, onClickHelp: v, textTransform: y = TextTransform.CAPITALIZE }) => {
-	let b = useContext(DisabledContext), x = _ || v, S = u || b, C = useRef(null);
+}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: l = "", disabled: u = !1, small: d = !1, onChange: f, testId: m, value: h, helpText: _, onClickHelp: v }) => {
+	let y = useContext(DisabledContext), b = _ || v, x = u || y, S = useRef(null);
 	return useEffect(() => {
-		C.current && (C.current.indeterminate = a);
+		S.current && (S.current.indeterminate = a);
 	}, [a]), /* @__PURE__ */ jsxs("div", {
-		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, S && check_box_module_default.disabled, d && check_box_module_default.small, !l && check_box_module_default.noLabel),
+		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, x && check_box_module_default.disabled, d && check_box_module_default.small, !l && check_box_module_default.noLabel),
 		"data-ix": t,
 		onClick: (e) => {
-			if (!S) {
+			if (!x) {
 				let t = e.target;
 				t.name = o, t.checked = !i, f({
 					...e,
@@ -407,24 +407,23 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 		"data-testid": m,
 		children: [
 			/* @__PURE__ */ jsx("input", {
-				ref: C,
+				ref: S,
 				type: "checkbox",
 				tabIndex: r,
 				checked: i,
 				name: o,
 				onChange: () => {},
-				disabled: S,
+				disabled: x,
 				"data-indeterminate": a
 			}),
 			/* @__PURE__ */ jsxs("label", {
 				htmlFor: o,
-				style: { textTransform: y },
 				children: [/* @__PURE__ */ jsx("span", {
 					className: check_box_module_default.checkmark,
 					children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK })
 				}), l]
 			}),
-			x && /* @__PURE__ */ jsx("div", {
+			b && /* @__PURE__ */ jsx("div", {
 				className: check_box_module_default.helpIconEnabled,
 				onClick: v,
 				children: /* @__PURE__ */ jsx(HelpIcon, { text: _ })
@@ -4288,13 +4287,13 @@ var toggle_module_default = {
 	noMargin: "_noMargin_1c9wf_110",
 	helpIconEnabled: "_helpIconEnabled_1c9wf_113"
 };
-const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: c = !1, testId: l, helpText: u, onClickHelp: d, textTransform: f = TextTransform.CAPITALIZE }) => {
-	let p = useContext(DisabledContext), m = u || d, h = r || p;
+const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: c = !1, testId: l, helpText: u, onClickHelp: d }) => {
+	let f = useContext(DisabledContext), p = u || d, m = r || f;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(toggle_module_default.toggle, h ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, c ? toggle_module_default.noMargin : null),
+		className: cx(toggle_module_default.toggle, m ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, c ? toggle_module_default.noMargin : null),
 		style: { display: i },
 		onClick: (t) => {
-			h || (t.target.name = e, t.target.checked = !n, t.target.value = !n, o(t));
+			m || (t.target.name = e, t.target.checked = !n, t.target.value = !n, o(t));
 		},
 		"data-testid": l,
 		children: [
@@ -4302,15 +4301,12 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				type: InputType.CHECKBOX,
 				name: e,
 				value: n?.toString(),
-				disabled: h,
+				disabled: m,
 				checked: n,
 				onChange: () => {}
 			}),
-			/* @__PURE__ */ jsx("label", {
-				style: { textTransform: f },
-				children: t
-			}),
-			m && /* @__PURE__ */ jsx("div", {
+			/* @__PURE__ */ jsx("label", { children: t }),
+			p && /* @__PURE__ */ jsx("div", {
 				className: toggle_module_default.helpIconEnabled,
 				onClick: d,
 				children: /* @__PURE__ */ jsx(HelpIcon, { text: u })
@@ -5686,8 +5682,8 @@ var radio_button_module_default = {
 	isInTable: "_isInTable_1fbik_106",
 	helpIconEnabled: "_helpIconEnabled_1fbik_111"
 };
-const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1, small: a = !1, onChange: o, noMargin: s = !1, testId: c, helpText: l, onClickHelp: u, textTransform: d = TextTransform.CAPITALIZE }) => {
-	let f = l || u;
+const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1, small: a = !1, onChange: o, noMargin: s = !1, testId: c, helpText: l, onClickHelp: u }) => {
+	let d = l || u;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx(radio_button_module_default.radio, i ? radio_button_module_default.disabled : null, a ? radio_button_module_default.small : null, s ? radio_button_module_default.noMargin : null),
 		onClick: o,
@@ -5703,10 +5699,9 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 			/* @__PURE__ */ jsx("label", {
 				"data-name": e,
 				"data-value": n,
-				style: { textTransform: d },
 				children: t
 			}),
-			f && /* @__PURE__ */ jsx("div", {
+			d && /* @__PURE__ */ jsx("div", {
 				className: radio_button_module_default.helpIconEnabled,
 				onClick: u,
 				children: /* @__PURE__ */ jsx(HelpIcon, { text: l })
@@ -5739,8 +5734,7 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 				},
 				testId: t.testId,
 				helpText: t.helpText,
-				onClickHelp: t.onClickHelp,
-				textTransform: t.textTransform
+				onClickHelp: t.onClickHelp
 			}, n);
 		})]
 	});
@@ -6569,7 +6563,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), wu = k || K?.value === void 0, [J, Tu] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Eu = !!(O || n), Y = C && C.find((e) => {
+	}), Ou = k || K?.value === void 0, [J, ku] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Au = !!(O || n), Y = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
 		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
@@ -6578,7 +6572,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), Du = () => {
+	}), ju = () => {
 		let e = l ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
@@ -6592,7 +6586,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, Ou = (t) => {
+	}, Mu = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
 		h({ target: {
 			value: s,
@@ -6605,7 +6599,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, ku = (e, t) => {
+	}, Nu = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -6636,7 +6630,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && Tu(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && ku(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
@@ -6644,7 +6638,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		i,
 		T
 	]);
-	let X = Du(), Z = label(K.unit) || K.unit || "", Au = p || !X || X && X.length === 1, Q = getStringName(e), $, ju = (t) => {
+	let X = ju(), Z = label(K.unit) || K.unit || "", Pu = p || !X || X && X.length === 1, Q = getStringName(e), $, Fu = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -6664,7 +6658,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (Tu(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (ku(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -6691,10 +6685,10 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		label: "Custom",
 		selected: J === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(ju);
+		let e = C.map(Fu);
 		$ = [...$, ...e];
 	}
-	let Mu = (e) => {
+	let Iu = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -6706,7 +6700,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Nu = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Pu = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, Lu = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Ru = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
 		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
@@ -6738,31 +6732,31 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						name: Q,
 						testId: x,
 						disabled: n,
-						placeholder: Mu(t),
+						placeholder: Iu(t),
 						value: K.value,
-						onChange: Ou,
+						onChange: Mu,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: wu,
+						allowEmpty: Ou,
 						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Nu,
-						disableInternalErrorValidationMessages: Eu,
+						groupOrder: Lu,
+						disableInternalErrorValidationMessages: Au,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
 					}, Q)
 				}),
-				Z && (Au || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Pu,
+				Z && (Pu || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: Ru,
 					small: o,
 					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Pu,
+					groupOrder: Ru,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
@@ -6778,7 +6772,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), ku(e, t);
+									n.stopPropagation(), Nu(e, t);
 								},
 								description: r,
 								selected: r === Z,
@@ -7057,7 +7051,199 @@ const DiffViewer = ({ oldJson: e, newJson: t, viewType: n = SPLIT_VIEW }) => {
 			compareMethod: DiffMethod.WORDS
 		})
 	}) });
-}, isPrimitiveValue = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, initializeGuiLibrary = (e) => {
+};
+function formatDate({ date: e, showTime: t, showSeconds: n, timeZone: r, showTimeZone: i, locale: a }) {
+	return e ? new Date(e).toLocaleString(a, {
+		year: "numeric",
+		month: "short",
+		day: "2-digit",
+		hour: t ? "2-digit" : void 0,
+		minute: t ? "2-digit" : void 0,
+		second: n ? "2-digit" : void 0,
+		timeZone: r,
+		timeZoneName: i ? "short" : void 0
+	}) : null;
+}
+var SOURCE_OPTIONS = [
+	{
+		label: "System",
+		value: "System"
+	},
+	{
+		label: "Application",
+		value: "Application"
+	},
+	{
+		label: "API",
+		value: "API"
+	}
+];
+const OPERATION_OPTIONS = [
+	{
+		label: "Created",
+		value: "Created"
+	},
+	{
+		label: "Updated",
+		value: "Updated"
+	},
+	{
+		label: "Imported",
+		value: "Imported"
+	},
+	{
+		label: "Cloned",
+		value: "Cloned"
+	},
+	{
+		label: "Reverted",
+		value: "Reverted"
+	}
+];
+function AuditLogTable({ logs: e, loading: t }) {
+	let [n, r] = useState(!0), [i, a] = useState(!0), o = [
+		{
+			label: "10 / page",
+			value: 10
+		},
+		{
+			label: "20 / page",
+			value: 20
+		},
+		{
+			label: "50 / page",
+			value: 50
+		},
+		{
+			label: "Show all",
+			value: 0
+		}
+	], [s, c] = useState(10), [l, u] = useState(1), [d, f] = useState(""), [p, h] = useState(""), [g, _] = useState(""), [v, y] = useState(""), b = (e) => f(e.target.value), x = (e) => h(e.target.value), S = ({ diffs: e = [], userName: t, source: n, operation: r, operationMetaData: i }) => {
+		if (n === "API") return r === "Created" ? `Created through API by ${t || "Unknown user"}` : `Changed through API by ${t || "Unknown user"}`;
+		switch (r) {
+			case "Created": return `Created by ${t}`;
+			case "Cloned": return `Cloned by ${t} (from ${i || "unknown"})`;
+			case "Reverted": return `Reverted by ${t}`;
+			case "Imported": return `Imported by ${t}`;
+			case "Updated": return `Updated by ${t} (${e.length} changes)`;
+			default: return `Change by ${t}`;
+		}
+	}, C = e.filter((e) => {
+		let t = e.description?.toLowerCase().includes(d.toLowerCase()) || !1, n = p ? e.userName?.toLowerCase().includes(p.toLowerCase()) : !0, r = g ? e.operation === g : !0, i = v ? e.source === v : !0;
+		return t && n && r && i;
+	}), w = (l - 1) * (s || C.length || 1), T = s === 0 ? C.length : w + s, E = C.slice(w, T), D = [{ cells: [
+		{ value: "Change" },
+		{ value: "Modified by" },
+		{ value: "Using" },
+		{ value: "Operation" },
+		{ value: "Date" }
+	] }, { cells: [
+		{
+			value: d,
+			type: "Input",
+			placeholder: "Search",
+			onChange: b
+		},
+		{
+			value: p,
+			type: "Input",
+			placeholder: "Search user",
+			onChange: x
+		},
+		{
+			value: v,
+			type: "Select",
+			placeholder: "Select",
+			options: SOURCE_OPTIONS,
+			onChange: (e) => y(e)
+		},
+		{
+			value: g,
+			type: "Select",
+			placeholder: "Select",
+			options: OPERATION_OPTIONS,
+			onChange: (e) => _(e)
+		},
+		{
+			value: "",
+			type: "Input",
+			placeholder: "Search"
+		}
+	] }], O = E.map((e) => ({ cells: [
+		{
+			value: S(e),
+			type: "Static"
+		},
+		{
+			value: e.userName || "Unknown",
+			type: "Static"
+		},
+		{
+			value: e.source || "System",
+			type: "Static"
+		},
+		{
+			value: e.operation,
+			type: "Static"
+		},
+		{
+			value: formatDate({
+				date: e.date,
+				showTime: !0
+			}),
+			type: "Static"
+		}
+	] }));
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Card, {
+		heading: /* @__PURE__ */ jsxs(Flex, {
+			gap: !0,
+			wrap: !0,
+			children: [
+				/* @__PURE__ */ jsx(Heading, { children: "CHANGES" }),
+				/* @__PURE__ */ jsx(Toggle, {
+					small: !0,
+					checked: n,
+					onChange: () => r(!n),
+					label: "Include company settings"
+				}),
+				/* @__PURE__ */ jsx(Toggle, {
+					small: !0,
+					checked: i,
+					onChange: () => a(!i),
+					label: "Include migrations"
+				})
+			]
+		}),
+		padding: !1,
+		children: t ? /* @__PURE__ */ jsx(Loader, {
+			height: "100px",
+			cover: !0,
+			theme: Theme.WHITE,
+			children: /* @__PURE__ */ jsx(Spinner, { dark: !0 })
+		}) : /* @__PURE__ */ jsx(Table, { table: {
+			headers: D,
+			rows: O,
+			fixedWidth: "100%",
+			bordered: !1,
+			actionsRight: !0,
+			footer: { pagination: {
+				rowCount: C.length,
+				selectedPage: l,
+				rowsPerPage: {
+					onChange: (e) => {
+						let { value: t } = e.target;
+						c(Number(t)), u(1);
+					},
+					options: o,
+					value: s
+				},
+				onSelectPage: (e) => u(e),
+				small: !0
+			} }
+		} })
+	}) });
+}
+const isPrimitiveValue = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, initializeGuiLibrary = (e) => {
 	setConfig(ConfigKeyType.LanguageKey, e.languageKey), Object.entries(e).forEach(([e, t]) => {
 		if (e === ConfigKeyType.Translations) setConfig(e, getTranslations(t));
 		else {
@@ -7066,4 +7252,4 @@ const DiffViewer = ({ oldJson: e, newJson: t, viewType: n = SPLIT_VIEW }) => {
 		}
 	});
 };
-export { Accordion, AccordionWithDefaultToggle, Actions, Align, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, 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, TriggerType, UnitInput, UnitTable, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };
+export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLogTable, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, 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, Theme, Toaster, Toggle, Tooltip, TopBar, Tree, TriggerType, UnitInput, UnitTable, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };

package/package.json

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