@oliasoft-open-source/react-ui-library 10.0.0-beta-17 → 10.0.0-beta-18

package/dist/index.js

@@ -2794,17 +2794,15 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 }), Lc = (e) => Mr(e) ? [] : Array.isArray(e) ? e.map(String) : [String(e)], Rc = ({ options: e, selectedOptions: t, onChange: n, onCreate: r, isMulti: i, small: a, width: o = null, autoLayerWidth: s = !1, placeholder: c = "", closeOnOptionActionClick: u }) => {
 	let d = !!r, f = dc(), p = _(null), m = _(!1), [g, y] = v(""), [b, x] = v(!1), S = l((e) => {
 		x(e), e || y("");
-	}, []), C = l((e) => {
-		b && y(e);
-	}, [b]), w = l(() => o ? o === "auto" ? Oc(e, a, f, c == null ? "" : c) : o : "100%", [
+	}, []), C = l(() => o ? o === "auto" ? Oc(e, a, f, c == null ? "" : c) : o : "100%", [
 		o,
 		e,
 		a,
 		f,
 		c
-	]), T = l((t) => {
+	]), w = l((t) => {
 		var n;
-		let r = (n = t == null ? void 0 : t.getBoundingClientRect().width) == null ? typeof w() == "number" ? w() : 0 : n;
+		let r = (n = t == null ? void 0 : t.getBoundingClientRect().width) == null ? typeof C() == "number" ? C() : 0 : n;
 		return s ? Math.max(Oc(e, a, f, c == null ? "" : c), r) : r;
 	}, [
 		s,
@@ -2812,8 +2810,8 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		a,
 		f,
 		c,
-		w
-	]), E = h(() => {
+		C
+	]), T = h(() => {
 		let t = e.filter((e) => Fc(e, g)).map((e, t) => Ic(e, t));
 		return d && g && t.push(Ic({
 			label: `Create "${g}"`,
@@ -2824,31 +2822,31 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		e,
 		g,
 		d
-	]), D = h(() => {
+	]), E = h(() => {
 		let t = /* @__PURE__ */ new Map();
-		return E.forEach((e) => {
+		return T.forEach((e) => {
 			t.set(e.id, e.section);
 		}), e.forEach((e, n) => {
 			let r = Nc(e, n);
 			t.has(r) || t.set(r, e);
 		}), t;
-	}, [E, e]), O = h(() => {
+	}, [T, e]), D = h(() => {
 		if (i) return (Array.isArray(t) ? t : []).filter((e) => e && !Mr(e.value)).map((e) => String(e.value));
 		let e = Array.isArray(t) ? t[0] : t;
 		return Mr(e == null ? void 0 : e.value) ? null : String(e.value);
-	}, [i, t]), k = h(() => {
+	}, [i, t]), O = h(() => {
 		if (i) {
 			let e = Array.isArray(t) ? t[0] : null;
 			return Mr(e == null ? void 0 : e.value) ? null : String(e.value);
 		}
-		return O;
+		return D;
 	}, [
-		O,
+		D,
 		i,
 		t
-	]), A = l((e) => {
+	]), k = l((e) => {
 		n == null || n({ target: {} }, e);
-	}, [n]), j = l((e = g) => {
+	}, [n]), A = l((e = g) => {
 		if (!(!r || !e) && (m.current = !0, r(e), y(""), !i)) {
 			var t;
 			(t = p.current) == null || t.close();
@@ -2863,21 +2861,20 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		setInputValue: y,
 		isOpen: b,
 		setIsOpen: S,
-		handleInputChange: C,
-		collectionItems: E,
-		comboValue: O,
-		selectedItemId: k,
-		getTriggerWidth: w,
-		getLayerWidth: T,
+		collectionItems: T,
+		comboValue: D,
+		selectedItemId: O,
+		getTriggerWidth: C,
+		getLayerWidth: w,
 		handleChange: l((e) => {
 			if (y(""), i) {
 				let r = Lc(e);
 				if (r.includes("create")) {
 					var t, n;
-					j(String((t = (n = D.get("create")) == null ? void 0 : n.value) == null ? "" : t));
+					A(String((t = (n = E.get("create")) == null ? void 0 : n.value) == null ? "" : t));
 					return;
 				}
-				let i = r.map((e) => D.get(e)).filter((e) => !Mr(e) && e.type !== eo.HEADING).map((e) => ({
+				let i = r.map((e) => E.get(e)).filter((e) => !Mr(e) && e.type !== eo.HEADING).map((e) => ({
 					value: e.value,
 					label: e.label,
 					details: e.details,
@@ -2885,7 +2882,7 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 					actions: e.actions,
 					testId: e.testId
 				}));
-				A(i);
+				k(i);
 				return;
 			}
 			let r = Array.isArray(e) ? e[0] : e;
@@ -2894,16 +2891,16 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 					m.current = !1;
 					return;
 				}
-				A({ value: null });
+				k({ value: null });
 				return;
 			}
 			if (String(r) === "create") {
 				var a, o;
-				j(String((a = (o = D.get("create")) == null ? void 0 : o.value) == null ? "" : a));
+				A(String((a = (o = E.get("create")) == null ? void 0 : o.value) == null ? "" : a));
 				return;
 			}
-			let s = D.get(String(r));
-			!s || s.type === eo.HEADING || s.disabled || s.createAble || A({
+			let s = E.get(String(r));
+			!s || s.type === eo.HEADING || s.disabled || s.createAble || k({
 				value: s.value,
 				label: s.label,
 				details: s.details,
@@ -2912,14 +2909,14 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 				testId: s.testId
 			});
 		}, [
+			k,
 			A,
-			j,
 			i,
-			D
+			E
 		]),
 		handleClear: l(() => {
-			y(""), A(i ? [] : { value: null });
-		}, [A, i]),
+			y(""), k(i ? [] : { value: null });
+		}, [k, i]),
 		closeLayer: l(() => {
 			if (u) {
 				var e;
@@ -3028,30 +3025,30 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 			})
 		})]
 	});
-}, Uc = ({ selectedOptions: e, searchable: t = !1, searchValue: n, error: r, placeholder: i = "Select...", small: a, isOpen: o = !1, testId: s, tabIndex: c }) => {
-	let l = _(null), u = _(null), [d, f] = v(0), p = Array.isArray(e), h = p ? e.length > 0 : !!e, g = n ? n.length + 1 : 1;
+}, Uc = ({ selectedOptions: e, searchable: t = !1, searchValue: n, error: r, placeholder: i = "Select...", small: a, testId: o, tabIndex: s }) => {
+	let c = _(null), l = _(null), [u, d] = v(0), f = Array.isArray(e), p = f ? e.length > 0 : !!e, h = n ? n.length + 1 : 1;
 	return m(() => {
 		var e, t;
-		if (!p || !h) return;
-		let n = ((e = l.current) == null ? void 0 : e.offsetWidth) || 0, r = ((t = u.current) == null ? void 0 : t.offsetWidth) || 0;
-		f(n - r);
+		if (!f || !p) return;
+		let n = ((e = c.current) == null ? void 0 : e.offsetWidth) || 0, r = ((t = l.current) == null ? void 0 : t.offsetWidth) || 0;
+		d(n - r);
 	}, [
 		n,
+		f,
 		p,
-		h,
 		e
 	]), /* @__PURE__ */ C("div", {
 		className: Y.triggerInputContainer,
-		ref: l,
+		ref: c,
 		children: [
-			h ? p ? /* @__PURE__ */ S(Hc, {
+			p ? f ? /* @__PURE__ */ S(Hc, {
 				selectedOptions: e,
 				small: a,
-				width: d,
-				testId: s
+				width: u,
+				testId: o
 			}) : /* @__PURE__ */ S("span", {
 				className: Y.selectedSingleValue,
-				"data-testid": s && `${s}-value`,
+				"data-testid": o && `${o}-value`,
 				children: n != null && n.length ? "" : e == null ? void 0 : e.label
 			}) : /* @__PURE__ */ S("span", {
 				className: Y.placeHolder,
@@ -3059,14 +3056,14 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 			}),
 			/* @__PURE__ */ S(Hr, {
 				className: Y.input,
-				size: g,
-				readOnly: !t || !o,
-				tabIndex: c,
+				size: h,
+				readOnly: !t,
+				tabIndex: s,
 				"data-error": r || null,
-				"data-testid": s && `${s}-input`
+				"data-testid": o && `${o}-input`
 			}),
-			p ? /* @__PURE__ */ S("span", {
-				ref: u,
+			f ? /* @__PURE__ */ S("span", {
+				ref: l,
 				className: Y.input,
 				style: {
 					position: "absolute",
@@ -3111,7 +3108,6 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 				searchValue: t,
 				error: i,
 				small: s,
-				isOpen: f,
 				testId: w,
 				tabIndex: d
 			}),
@@ -3147,7 +3143,7 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		children: A
 	}) });
 }, 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: d = "", small: f = !1, tabIndex: p = 0, onFocus: h = Pr, onBlur: g = Pr, searchable: y = !0, clearable: b = !1, maxTooltipWidth: x, closeOnOptionActionClick: w, isInTable: T = !1, groupOrder: E, right: D = !1, width: O = null, autoLayerWidth: k = !1, testId: A } = e, j = u(W), M = n || j, N = _(null), [P, F] = v(0), { inputValue: I, isOpen: L, setIsOpen: R, handleInputChange: z, collectionItems: B, comboValue: ee, selectedItemId: te, getTriggerWidth: ne, getLayerWidth: V, handleChange: re, handleClear: ie, closeLayer: ae, comboBoxStateRef: oe } = Rc({
+	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: d = "", small: f = !1, tabIndex: p = 0, onFocus: h = Pr, onBlur: g = Pr, searchable: y = !0, clearable: b = !1, maxTooltipWidth: x, closeOnOptionActionClick: w, isInTable: T = !1, groupOrder: E, right: D = !1, width: O = null, autoLayerWidth: k = !1, testId: A } = e, j = u(W), M = n || j, N = _(null), [P, F] = v(0), { inputValue: I, setInputValue: L, isOpen: R, setIsOpen: z, collectionItems: B, comboValue: ee, selectedItemId: te, getTriggerWidth: ne, getLayerWidth: V, handleChange: re, handleClear: ie, closeLayer: ae, comboBoxStateRef: oe } = Rc({
 		options: o,
 		selectedOptions: s,
 		onChange: c,
@@ -3160,8 +3156,8 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		closeOnOptionActionClick: w
 	});
 	return m(() => {
-		L && F(V(N.current));
-	}, [V, L]), /* @__PURE__ */ C(Ar, {
+		R && F(V(N.current));
+	}, [V, R]), /* @__PURE__ */ C(Ar, {
 		"aria-label": d || "Select",
 		className: sc.select,
 		style: { width: ne() },
@@ -3170,12 +3166,12 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		value: ee,
 		onChange: re,
 		inputValue: I,
-		onInputChange: z,
+		onInputChange: L,
 		items: B,
 		defaultFilter: () => !0,
 		allowsEmptyCollection: !0,
-		menuTrigger: "manual",
-		onOpenChange: R,
+		menuTrigger: y ? "input" : "manual",
+		onOpenChange: z,
 		children: [
 			/* @__PURE__ */ S(cc, { triggerRef: N }),
 			/* @__PURE__ */ S(lc, { stateRef: oe }),
@@ -3192,7 +3188,7 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 				disabled: M,
 				onClickClear: ie,
 				tabIndex: p,
-				isOpen: L,
+				isOpen: R,
 				triggerRef: N,
 				onFocus: h,
 				onBlur: g,

package/package.json

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