@oliasoft-open-source/react-ui-library 10.0.0-beta-43 → 10.0.0-beta-45

package/dist/index.js

@@ -904,7 +904,7 @@ var Ma = {
 			}
 			r == null || r(e);
 		},
-		onPointerDown: (e) => {
+		onClickCapture: (e) => {
 			l && (e.preventDefault(), e.stopPropagation());
 		},
 		"data-testid": h,
@@ -2798,87 +2798,87 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 		searchText: r.toLowerCase()
 	};
 }, Fc = (e) => Pr(e) ? [] : Array.isArray(e) ? e.map(String) : [String(e)], Ic = ({ 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 = cc(), m = v(null), h = v(!1), [_, b] = y(!1), x = g(() => e.map((e, t) => Pc(e, t)), [e]), { searchValue: S, committedFilter: C, isFilterPending: w, onChangeSearch: T, resetSearchState: E } = Nc({
-		optionsCount: x.length,
+	let f = !!t, p = cc(), m = v(null), h = v(!1), _ = v(null), [b, x] = y(!1), S = g(() => e.map((e, t) => Pc(e, t)), [e]), { searchValue: C, committedFilter: w, isFilterPending: T, onChangeSearch: E, resetSearchState: D } = Nc({
+		optionsCount: S.length,
 		comboBoxStateRef: m
-	}), D = u(() => {
+	}), O = u(() => {
 		if (l) {
 			var e;
 			(e = m.current) == null || e.close();
 		}
-	}, [l]), O = u((e) => {
-		b(e), e || E();
-	}, [E]), k = i === "auto" || s, A = g(() => k ? Tc(e, a, p, o == null ? "" : o) : 0, [
-		k,
+	}, [l]), k = u((e) => {
+		x(e), e || D();
+	}, [D]), A = i === "auto" || s, j = g(() => A ? Tc(e, a, p, o == null ? "" : o) : 0, [
+		A,
 		e,
 		a,
 		p,
 		o
-	]), j = u(() => i ? i === "auto" ? A : i : "100%", [i, A]), M = u((e) => {
+	]), M = u(() => i ? i === "auto" ? j : i : "100%", [i, j]), N = u((e) => {
 		var t;
-		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;
+		let n = M(), r = (t = e == null ? void 0 : e.getBoundingClientRect().width) == null ? typeof n == "number" ? n : 0 : t;
+		return s ? Math.max(j, r) : r;
 	}, [
 		s,
-		A,
-		j
-	]), N = g(() => {
+		j,
+		M
+	]), P = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of x) e.set(t.id, t);
+		for (let t of S) e.set(t.id, t);
 		return e;
-	}, [x]), P = g(() => {
+	}, [S]), 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);
-	}, [c, r]), F = g(() => c ? Array.isArray(P) ? P : [] : Pr(P) ? [] : [P], [P, c]), I = g(() => {
-		if (d && w && !C.trim()) return F.length === 0 ? [] : x.filter((e) => F.includes(e.id));
-		let e = d ? C.trim().toLowerCase() : "", t = e ? x.filter((t) => t.searchText.includes(e)) : x;
+	}, [c, r]), I = g(() => c ? Array.isArray(F) ? F : [] : Pr(F) ? [] : [F], [F, c]), L = g(() => {
+		if (d && T && !w.trim()) return I.length === 0 ? [] : S.filter((e) => I.includes(e.id));
+		let e = d ? w.trim().toLowerCase() : "", t = e ? S.filter((t) => t.searchText.includes(e)) : S;
 		return f && e ? [...t, {
 			id: Oc,
-			label: `Create "${C}"`,
-			value: C,
+			label: `Create "${w}"`,
+			value: w,
 			createAble: !0,
-			textValue: `Create "${C}"`
+			textValue: `Create "${w}"`
 		}] : t;
 	}, [
-		x,
-		C,
+		S,
+		w,
 		f,
 		d,
-		w,
-		F
-	]), L = g(() => {
+		T,
+		I
+	]), R = 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,
+		F,
 		c,
 		r
-	]), R = u((e) => {
+	]), z = u((e) => {
 		n == null || n({ target: {} }, e);
-	}, [n]), z = u((e = S) => {
-		if (!(!t || !e) && (h.current = !0, t(e), E(), !c)) {
+	}, [n]), B = u((e = C) => {
+		if (!(!t || !e) && (h.current = !0, t(e), D(), !c)) {
 			var n;
 			(n = m.current) == null || n.close();
 		}
 	}, [
-		S,
+		C,
 		c,
 		t,
-		E
-	]), B = u((e) => {
-		if (E(), c) {
+		D
+	]), ee = u((e) => {
+		if (D(), c) {
 			let t = Fc(e);
 			if (t.includes("create")) {
-				z();
+				B();
 				return;
 			}
-			let n = Array.isArray(P) ? P : [];
+			let n = Array.isArray(F) ? F : [];
 			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 !== Qa.HEADING).map((e) => ({
+			let r = t.map((e) => P.get(e)).filter((e) => !Pr(e) && e.type !== Qa.HEADING).map((e) => ({
 				value: e.value,
 				label: e.label,
 				details: e.details,
@@ -2886,7 +2886,7 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 				actions: e.actions,
 				testId: e.testId
 			}));
-			R(r);
+			z(r);
 			return;
 		}
 		let t = Array.isArray(e) ? e[0] : e;
@@ -2895,51 +2895,61 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 				h.current = !1;
 				return;
 			}
-			if (!Pr(P)) return;
-			R({ value: null });
+			if (!Pr(F)) return;
+			z({ value: null });
 			return;
 		}
 		if (String(t) === "create") {
-			z();
+			B();
 			return;
 		}
-		if (String(t) === P) return;
-		let n = N.get(String(t));
-		!n || n.type === Qa.HEADING || n.disabled || n.createAble || R({
+		let n = P.get(String(t));
+		if (!n || n.type === Qa.HEADING || n.disabled || n.createAble) return;
+		let r = String(t);
+		_.current !== r && (_.current = r, Promise.resolve().then(() => {
+			_.current === r && (_.current = null);
+		}), z({
 			value: n.value,
 			label: n.label,
 			details: n.details,
 			icon: n.icon,
 			actions: n.actions,
 			testId: n.testId
-		});
+		}));
 	}, [
-		E,
-		P,
-		R,
+		D,
+		F,
 		z,
+		B,
 		c,
-		N
+		P
 	]);
 	return {
-		getTriggerWidth: j,
-		onChangeSearch: T,
+		getTriggerWidth: M,
+		onChangeSearch: E,
 		onClickClearAll: u(() => {
-			E(), R(c ? [] : { value: null });
+			D(), z(c ? [] : { value: null });
 		}, [
-			E,
-			R,
+			D,
+			z,
 			c
 		]),
-		closeLayer: D,
-		handleChange: B,
-		getLayerWidth: M,
-		searchValue: S,
-		isOpen: _,
-		setIsOpen: O,
-		visibleOptions: I,
-		comboValue: P,
-		selectedItemId: L,
+		closeLayer: O,
+		handleChange: ee,
+		handleSelectionChange: u((e) => {
+			c || !Pr(e) && String(e) === String(F) && ee(e);
+		}, [
+			c,
+			F,
+			ee
+		]),
+		getLayerWidth: N,
+		searchValue: C,
+		isOpen: b,
+		setIsOpen: k,
+		visibleOptions: L,
+		comboValue: F,
+		selectedItemId: R,
 		comboBoxStateRef: m
 	};
 }, Lc = ({ items: e, optionsCount: t, selectedItemId: n, width: r, small: i, isMulti: a = !1, closeLayer: o, testId: s }) => {
@@ -3153,7 +3163,7 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 		children: A
 	}) });
 }, Wc = () => !0, Gc = (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), { 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 } = Ic({
+	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, handleSelectionChange: ee, getLayerWidth: te, searchValue: ne, isOpen: V, setIsOpen: re, visibleOptions: ie, comboValue: ae, selectedItemId: oe, comboBoxStateRef: se } = Ic({
 		options: o,
 		onCreate: l,
 		onChange: c,
@@ -3167,27 +3177,28 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 		searchable: _
 	});
 	return h(() => {
-		ne && F(ee(N.current));
-	}, [ee, ne]), /* @__PURE__ */ w(Mr, {
+		V && F(te(N.current));
+	}, [te, V]), /* @__PURE__ */ w(Mr, {
 		"aria-label": u || "Select",
 		className: ac.select,
 		style: { width: I() },
 		isDisabled: M,
 		selectionMode: t ? "multiple" : "single",
-		value: ie,
+		value: ae,
 		onChange: B,
-		inputValue: te,
+		onSelectionChange: ee,
+		inputValue: ne,
 		onInputChange: _ ? L : void 0,
-		items: re,
+		items: ie,
 		defaultFilter: Wc,
 		allowsEmptyCollection: !0,
 		menuTrigger: "manual",
-		onOpenChange: V,
+		onOpenChange: re,
 		children: [
-			/* @__PURE__ */ C(oc, { stateRef: oe }),
+			/* @__PURE__ */ C(oc, { stateRef: se }),
 			/* @__PURE__ */ C(Uc, {
 				selectedOptions: s,
-				searchValue: te,
+				searchValue: ne,
 				searchable: _,
 				clearable: b,
 				error: r,
@@ -3198,7 +3209,7 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 				disabled: M,
 				onClickClear: R,
 				tabIndex: p,
-				isOpen: ne,
+				isOpen: V,
 				triggerRef: N,
 				onFocus: m,
 				onBlur: g,
@@ -3215,9 +3226,9 @@ var Io = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Lo =
 				triggerRef: N,
 				offset: 0,
 				children: /* @__PURE__ */ C(Lc, {
-					items: re,
+					items: ie,
 					optionsCount: o.length,
-					selectedItemId: ae,
+					selectedItemId: oe,
 					width: P,
 					small: f,
 					isMulti: t,

package/package.json

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