@oliasoft-open-source/react-ui-library 10.0.0-beta-36 → 10.0.0-beta-38

package/dist/index.js

@@ -2794,27 +2794,32 @@ var Lo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ro =
 		textValue: r,
 		searchText: r.toLowerCase()
 	};
-}, Ic = (e) => Pr(e) ? [] : Array.isArray(e) ? e.map(String) : [String(e)], Lc = ({ options: e, selectedOptions: t, onChange: n, onCreate: r, isMulti: i, small: a, width: o = null, autoLayerWidth: s = !1, placeholder: c = "", closeOnOptionActionClick: l, searchable: d = !0 }) => {
-	let f = !!r, p = lc(), m = v(null), h = v(!1), [_, b] = y(!1), x = g(() => e.map((e, t) => Fc(e, t)), [e]), { searchValue: S, committedFilter: C, isFilterPending: w, onChangeSearch: T, resetSearchState: E } = Pc({
+}, Ic = (e) => Pr(e) ? [] : Array.isArray(e) ? e.map(String) : [String(e)], Lc = ({ options: e, onCreate: t, onChange: n, selectedOptions: r, width: i = null, small: a, placeholder: o = "", autoLayerWidth: s = !1, isMulti: c, closeOnOptionActionClick: l, searchable: d = !0 }) => {
+	let f = !!t, p = lc(), m = v(null), h = v(!1), [_, b] = y(!1), x = g(() => e.map((e, t) => Fc(e, t)), [e]), { searchValue: S, committedFilter: C, isFilterPending: w, onChangeSearch: T, resetSearchState: E } = Pc({
 		optionsCount: x.length,
 		comboBoxStateRef: m
-	}), D = u((e) => {
+	}), D = u(() => {
+		if (l) {
+			var e;
+			(e = m.current) == null || e.close();
+		}
+	}, [l]), O = u((e) => {
 		b(e), e || E();
-	}, [E]), O = o === "auto" || s, k = g(() => O ? Ec(e, a, p, c == null ? "" : c) : 0, [
-		O,
+	}, [E]), k = i === "auto" || s, A = g(() => k ? Ec(e, a, p, o == null ? "" : o) : 0, [
+		k,
 		e,
 		a,
 		p,
-		c
-	]), A = u(() => o ? o === "auto" ? k : o : "100%", [o, k]), j = u((e) => {
+		o
+	]), j = u(() => i ? i === "auto" ? A : i : "100%", [i, A]), M = u((e) => {
 		var t;
-		let n = A(), r = (t = e == null ? void 0 : e.getBoundingClientRect().width) == null ? typeof n == "number" ? n : 0 : t;
-		return s ? Math.max(k, r) : r;
+		let n = j(), r = (t = e == null ? void 0 : e.getBoundingClientRect().width) == null ? typeof n == "number" ? n : 0 : t;
+		return s ? Math.max(A, r) : r;
 	}, [
 		s,
-		k,
-		A
-	]), M = g(() => {
+		A,
+		j
+	]), N = g(() => {
 		if (d && w && !C.trim()) return [];
 		let e = d ? C.trim().toLowerCase() : "", t = e ? x.filter((t) => t.searchText.includes(e)) : x;
 		return f && e ? [...t, {
@@ -2830,111 +2835,106 @@ var Lo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ro =
 		f,
 		d,
 		w
-	]), N = g(() => {
+	]), P = g(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of x) e.set(t.id, t);
 		return e;
-	}, [x]), P = g(() => {
-		if (i) return (Array.isArray(t) ? t : []).filter((e) => e && !Pr(e.value)).map((e) => String(e.value));
-		let e = Array.isArray(t) ? t[0] : t;
+	}, [x]), F = g(() => {
+		if (c) return (Array.isArray(r) ? r : []).filter((e) => e && !Pr(e.value)).map((e) => String(e.value));
+		let e = Array.isArray(r) ? r[0] : r;
 		return Pr(e == null ? void 0 : e.value) ? null : String(e.value);
-	}, [i, t]), F = g(() => {
-		if (i) {
-			let e = Array.isArray(t) ? t[0] : null;
+	}, [c, r]), I = g(() => {
+		if (c) {
+			let e = Array.isArray(r) ? r[0] : null;
 			return Pr(e == null ? void 0 : e.value) ? null : String(e.value);
 		}
-		return P;
+		return F;
 	}, [
-		P,
-		i,
-		t
-	]), I = u((e) => {
+		F,
+		c,
+		r
+	]), L = u((e) => {
 		n == null || n({ target: {} }, e);
-	}, [n]), L = u((e = S) => {
-		if (!(!r || !e) && (h.current = !0, r(e), E(), !i)) {
-			var t;
-			(t = m.current) == null || t.close();
+	}, [n]), R = u((e = S) => {
+		if (!(!t || !e) && (h.current = !0, t(e), E(), !c)) {
+			var n;
+			(n = m.current) == null || n.close();
 		}
 	}, [
 		S,
-		i,
-		r,
+		c,
+		t,
 		E
-	]);
-	return {
-		searchValue: S,
-		onChangeSearch: T,
-		isOpen: _,
-		setIsOpen: D,
-		visibleOptions: M,
-		comboValue: P,
-		selectedItemId: F,
-		getTriggerWidth: A,
-		getLayerWidth: j,
-		handleChange: u((e) => {
-			if (E(), i) {
-				let t = Ic(e);
-				if (t.includes("create")) {
-					L();
-					return;
-				}
-				let n = Array.isArray(P) ? P : [];
-				if (t.length === n.length && t.every((e) => n.includes(e))) return;
-				let r = t.map((e) => N.get(e)).filter((e) => !Pr(e) && e.type !== $a.HEADING).map((e) => ({
-					value: e.value,
-					label: e.label,
-					details: e.details,
-					icon: e.icon,
-					actions: e.actions,
-					testId: e.testId
-				}));
-				I(r);
-				return;
-			}
-			let t = Array.isArray(e) ? e[0] : e;
-			if (Pr(t)) {
-				if (h.current) {
-					h.current = !1;
-					return;
-				}
-				I({ value: null });
+	]), z = u((e) => {
+		if (E(), c) {
+			let t = Ic(e);
+			if (t.includes("create")) {
+				R();
 				return;
 			}
-			if (String(t) === "create") {
-				L();
+			let n = Array.isArray(F) ? F : [];
+			if (t.length === n.length && t.every((e) => n.includes(e))) return;
+			let r = t.map((e) => P.get(e)).filter((e) => !Pr(e) && e.type !== $a.HEADING).map((e) => ({
+				value: e.value,
+				label: e.label,
+				details: e.details,
+				icon: e.icon,
+				actions: e.actions,
+				testId: e.testId
+			}));
+			L(r);
+			return;
+		}
+		let t = Array.isArray(e) ? e[0] : e;
+		if (Pr(t)) {
+			if (h.current) {
+				h.current = !1;
 				return;
 			}
-			if (String(t) === P) return;
-			let n = N.get(String(t));
-			!n || n.type === $a.HEADING || n.disabled || n.createAble || I({
-				value: n.value,
-				label: n.label,
-				details: n.details,
-				icon: n.icon,
-				actions: n.actions,
-				testId: n.testId
-			});
-		}, [
-			E,
-			P,
-			I,
-			L,
-			i,
-			N
-		]),
+			L({ value: null });
+			return;
+		}
+		if (String(t) === "create") {
+			R();
+			return;
+		}
+		if (String(t) === F) return;
+		let n = P.get(String(t));
+		!n || n.type === $a.HEADING || n.disabled || n.createAble || L({
+			value: n.value,
+			label: n.label,
+			details: n.details,
+			icon: n.icon,
+			actions: n.actions,
+			testId: n.testId
+		});
+	}, [
+		E,
+		F,
+		L,
+		R,
+		c,
+		P
+	]);
+	return {
+		getTriggerWidth: j,
+		onChangeSearch: T,
 		onClickClearAll: u(() => {
-			E(), I(i ? [] : { value: null });
+			E(), L(c ? [] : { value: null });
 		}, [
 			E,
-			I,
-			i
+			L,
+			c
 		]),
-		closeLayer: u(() => {
-			if (l) {
-				var e;
-				(e = m.current) == null || e.close();
-			}
-		}, [l]),
+		closeLayer: D,
+		handleChange: z,
+		getLayerWidth: M,
+		searchValue: S,
+		isOpen: _,
+		setIsOpen: O,
+		visibleOptions: N,
+		comboValue: F,
+		selectedItemId: I,
 		comboBoxStateRef: m
 	};
 }, Rc = ({ items: e, optionsCount: t, selectedItemId: n, width: r, small: i, isMulti: a = !1, closeLayer: o, testId: s }) => {
@@ -3147,41 +3147,41 @@ var Lo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ro =
 		children: A
 	}) });
 }, Wc = (e) => {
-	let { multi: t = !1, disabled: n = !1, error: r = null, warning: i = null, tooltip: a = null, options: o, selectedOptions: s, onChange: c, onCreate: l = null, placeholder: u = "", small: f = !1, tabIndex: p = 0, onFocus: m = Ir, onBlur: g = Ir, searchable: _ = !0, clearable: b = !1, maxTooltipWidth: x, closeOnOptionActionClick: S, isInTable: T = !1, groupOrder: E, right: D = !1, width: O = null, autoLayerWidth: k = !1, testId: A } = e, j = d(W), M = n || j, N = v(null), [P, F] = y(0), { searchValue: I, onChangeSearch: L, isOpen: R, setIsOpen: z, visibleOptions: B, comboValue: ee, selectedItemId: te, getTriggerWidth: ne, getLayerWidth: V, handleChange: re, onClickClearAll: ie, closeLayer: ae, comboBoxStateRef: oe } = Lc({
+	let { multi: t = !1, disabled: n = !1, error: r = null, warning: i = null, tooltip: a = null, options: o, selectedOptions: s, onChange: c, onCreate: l = null, placeholder: u = "", small: f = !1, tabIndex: p = 0, onFocus: m = Ir, onBlur: g = Ir, searchable: _ = !0, clearable: b = !1, maxTooltipWidth: x, closeOnOptionActionClick: S, isInTable: T = !1, groupOrder: E, right: D = !1, width: O = null, autoLayerWidth: k = !1, testId: A } = e, j = d(W), M = n || j, N = v(null), [P, F] = y(0), { getTriggerWidth: I, onChangeSearch: L, onClickClearAll: R, closeLayer: z, handleChange: B, getLayerWidth: ee, searchValue: te, isOpen: ne, setIsOpen: V, visibleOptions: re, comboValue: ie, selectedItemId: ae, comboBoxStateRef: oe } = Lc({
 		options: o,
-		selectedOptions: s,
-		onChange: c,
 		onCreate: l,
-		isMulti: t,
-		small: f,
+		onChange: c,
+		selectedOptions: s,
 		width: O,
-		autoLayerWidth: k,
+		small: f,
 		placeholder: u,
+		autoLayerWidth: k,
+		isMulti: t,
 		closeOnOptionActionClick: S,
 		searchable: _
 	});
 	return h(() => {
-		R && F(V(N.current));
-	}, [V, R]), /* @__PURE__ */ w(Mr, {
+		ne && F(ee(N.current));
+	}, [ee, ne]), /* @__PURE__ */ w(Mr, {
 		"aria-label": u || "Select",
 		className: oc.select,
-		style: { width: ne() },
+		style: { width: I() },
 		isDisabled: M,
 		selectionMode: t ? "multiple" : "single",
-		value: ee,
-		onChange: re,
-		inputValue: I,
+		value: ie,
+		onChange: B,
+		inputValue: te,
 		onInputChange: L,
-		items: B,
+		items: re,
 		defaultFilter: () => !0,
 		allowsEmptyCollection: !0,
 		menuTrigger: "manual",
-		onOpenChange: z,
+		onOpenChange: V,
 		children: [
 			/* @__PURE__ */ C(sc, { stateRef: oe }),
 			/* @__PURE__ */ C(Uc, {
 				selectedOptions: s,
-				searchValue: I,
+				searchValue: te,
 				searchable: _,
 				clearable: b,
 				error: r,
@@ -3190,9 +3190,9 @@ var Lo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ro =
 				small: f,
 				isInTable: T,
 				disabled: M,
-				onClickClear: ie,
+				onClickClear: R,
 				tabIndex: p,
-				isOpen: R,
+				isOpen: ne,
 				triggerRef: N,
 				onFocus: m,
 				onBlur: g,
@@ -3209,13 +3209,13 @@ var Lo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ro =
 				triggerRef: N,
 				offset: 0,
 				children: /* @__PURE__ */ C(Rc, {
-					items: B,
+					items: re,
 					optionsCount: o.length,
-					selectedItemId: te,
+					selectedItemId: ae,
 					width: P,
 					small: f,
 					isMulti: t,
-					closeLayer: ae,
+					closeLayer: z,
 					testId: A && `${A}-layer`
 				})
 			})

package/package.json

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