@oliasoft-open-source/react-ui-library 10.0.0-beta-21 → 10.0.0-beta-22

package/dist/index.js

@@ -2798,24 +2798,21 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 			var t;
 			(t = p.current) == null || t.open();
 		}
-	}, []), w = l(() => o ? o === "auto" ? Dc(e, a, f, c == null ? "" : c) : o : "100%", [
-		o,
+	}, []), w = o === "auto" || s, T = h(() => w ? Dc(e, a, f, c == null ? "" : c) : 0, [
+		w,
 		e,
 		a,
 		f,
 		c
-	]), T = l((t) => {
-		var n;
-		let r = (n = t == null ? void 0 : t.getBoundingClientRect().width) == null ? typeof w() == "number" ? w() : 0 : n;
-		return s ? Math.max(Dc(e, a, f, c == null ? "" : c), r) : r;
+	]), E = l(() => o ? o === "auto" ? T : o : "100%", [o, T]), D = l((e) => {
+		var t;
+		let n = E(), r = (t = e == null ? void 0 : e.getBoundingClientRect().width) == null ? typeof n == "number" ? n : 0 : t;
+		return s ? Math.max(T, r) : r;
 	}, [
 		s,
-		e,
-		a,
-		f,
-		c,
-		w
-	]), E = h(() => {
+		T,
+		E
+	]), O = h(() => {
 		let t = e.filter((e) => Nc(e, g)).map((e, t) => Pc(e, t));
 		return d && g && t.push(Pc({
 			label: `Create "${g}"`,
@@ -2826,36 +2823,28 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		e,
 		g,
 		d
-	]), D = h(() => {
+	]), k = h(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => {
 			t.set(jc(e, n), e);
-		}), d && g && t.set(Ac, {
-			label: `Create "${g}"`,
-			value: g,
-			createAble: !0
 		}), t;
-	}, [
-		e,
-		d,
-		g
-	]), O = h(() => {
+	}, [e]), A = 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]), j = 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 A;
 	}, [
-		O,
+		A,
 		i,
 		t
-	]), A = l((e) => {
+	]), M = l((e) => {
 		n == null || n({ target: {} }, e);
-	}, [n]), j = l((e = g) => {
+	}, [n]), N = l((e = g) => {
 		if (!(!r || !e) && (m.current = !0, r(e), y(""), !i)) {
 			var t;
 			(t = p.current) == null || t.close();
@@ -2866,24 +2855,23 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		r
 	]);
 	return {
-		inputValue: g,
-		handleInputChange: C,
+		searchValue: g,
+		onChangeSearch: C,
 		isOpen: b,
 		setIsOpen: S,
-		collectionItems: E,
-		comboValue: O,
-		selectedItemId: k,
-		getTriggerWidth: w,
-		getLayerWidth: T,
+		visibleOptions: O,
+		comboValue: A,
+		selectedItemId: j,
+		getTriggerWidth: E,
+		getLayerWidth: D,
 		handleChange: l((e) => {
 			if (y(""), i) {
-				let r = Fc(e);
-				if (r.includes("create")) {
-					var t, n;
-					j(String((t = (n = D.get("create")) == null ? void 0 : n.value) == null ? "" : t));
+				let t = Fc(e);
+				if (t.includes("create")) {
+					N();
 					return;
 				}
-				let i = r.map((e) => D.get(e)).filter((e) => !Mr(e) && e.type !== eo.HEADING).map((e) => ({
+				let n = t.map((e) => k.get(e)).filter((e) => !Mr(e) && e.type !== eo.HEADING).map((e) => ({
 					value: e.value,
 					label: e.label,
 					details: e.details,
@@ -2891,41 +2879,40 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 					actions: e.actions,
 					testId: e.testId
 				}));
-				A(i);
+				M(n);
 				return;
 			}
-			let r = Array.isArray(e) ? e[0] : e;
-			if (Mr(r)) {
+			let t = Array.isArray(e) ? e[0] : e;
+			if (Mr(t)) {
 				if (m.current) {
 					m.current = !1;
 					return;
 				}
-				A({ value: null });
+				M({ value: null });
 				return;
 			}
-			if (String(r) === "create") {
-				var a, o;
-				j(String((a = (o = D.get("create")) == null ? void 0 : o.value) == null ? "" : a));
+			if (String(t) === "create") {
+				N();
 				return;
 			}
-			let s = D.get(String(r));
-			!s || s.type === eo.HEADING || s.disabled || s.createAble || A({
-				value: s.value,
-				label: s.label,
-				details: s.details,
-				icon: s.icon,
-				actions: s.actions,
-				testId: s.testId
+			let n = k.get(String(t));
+			!n || n.type === eo.HEADING || n.disabled || n.createAble || M({
+				value: n.value,
+				label: n.label,
+				details: n.details,
+				icon: n.icon,
+				actions: n.actions,
+				testId: n.testId
 			});
 		}, [
-			A,
-			j,
+			M,
+			N,
 			i,
-			D
+			k
 		]),
-		handleClear: l(() => {
-			y(""), A(i ? [] : { value: null });
-		}, [A, i]),
+		onClickClearAll: l(() => {
+			y(""), M(i ? [] : { value: null });
+		}, [M, i]),
 		closeLayer: l(() => {
 			if (u) {
 				var e;
@@ -3152,7 +3139,7 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		children: A
 	}) });
 }, Hc = (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, handleInputChange: L, isOpen: R, setIsOpen: z, collectionItems: B, comboValue: ee, selectedItemId: te, getTriggerWidth: ne, getLayerWidth: V, handleChange: re, handleClear: ie, closeLayer: 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: 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), { 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 } = Ic({
 		options: o,
 		selectedOptions: s,
 		onChange: c,

package/package.json

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