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

package/dist/index.js

@@ -2673,19 +2673,19 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		})
 	});
 }, sc = {
-	select: "_select_15lfm_1",
-	layerContainer: "_layerContainer_15lfm_6",
-	layer: "_layer_15lfm_6",
-	small: "_small_15lfm_50",
-	listBoxItem: "_listBoxItem_15lfm_53",
-	heading: "_heading_15lfm_57",
-	option: "_option_15lfm_58",
-	message: "_message_15lfm_59",
-	check: "_check_15lfm_123",
-	optionContent: "_optionContent_15lfm_140",
-	label: "_label_15lfm_145",
-	icon: "_icon_15lfm_152",
-	details: "_details_15lfm_157"
+	select: "_select_12180_1",
+	layerContainer: "_layerContainer_12180_6",
+	layer: "_layer_12180_6",
+	small: "_small_12180_50",
+	listBoxItem: "_listBoxItem_12180_53",
+	heading: "_heading_12180_57",
+	option: "_option_12180_58",
+	message: "_message_12180_59",
+	check: "_check_12180_123",
+	optionContent: "_optionContent_12180_140",
+	label: "_label_12180_145",
+	icon: "_icon_12180_152",
+	details: "_details_12180_157"
 }, cc = ({ triggerRef: e, stateRef: t }) => {
 	let n = u(jr);
 	return Ja({
@@ -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,25 @@ 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 = Array.isArray(A) ? A : [];
+				if (t.length === n.length && t.every((e) => n.includes(e))) return;
+				let r = 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 +2881,41 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 					actions: e.actions,
 					testId: e.testId
 				}));
-				A(i);
+				M(r);
 				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;
@@ -2972,37 +2962,37 @@ var Ro = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), zo =
 		})
 	});
 }, Y = {
-	inputInTable: "_inputInTable_13wru_1",
-	inputHover: "_inputHover_13wru_13",
-	inputFocus: "_inputFocus_13wru_18",
-	controlFocusVisible: "_controlFocusVisible_13wru_25",
-	inputError: "_inputError_13wru_29",
-	inputWarning: "_inputWarning_13wru_30",
-	inputDisabled: "_inputDisabled_13wru_65",
-	hideScrollbars: "_hideScrollbars_13wru_71",
-	trigger: "_trigger_13wru_81",
-	input: "_input_13wru_1",
-	isInTable: "_isInTable_13wru_97",
-	isOpen: "_isOpen_13wru_118",
-	disabled: "_disabled_13wru_161",
-	toggle: "_toggle_13wru_167",
-	icons: "_icons_13wru_176",
-	clearAll: "_clearAll_13wru_184",
-	iconOpen: "_iconOpen_13wru_185",
-	small: "_small_13wru_196",
-	triggerInputContainer: "_triggerInputContainer_13wru_208",
-	right: "_right_13wru_217",
-	multiOptions: "_multiOptions_13wru_233",
-	multiOption: "_multiOption_13wru_233",
-	label: "_label_13wru_261",
-	closeMultiOption: "_closeMultiOption_13wru_264",
-	focus: "_focus_13wru_275",
-	selectedSingleValue: "_selectedSingleValue_13wru_279",
-	placeHolder: "_placeHolder_13wru_280",
-	groupOrderFirst: "_groupOrderFirst_13wru_319",
-	groupOrderMiddle: "_groupOrderMiddle_13wru_320",
-	groupOrderLast: "_groupOrderLast_13wru_324",
-	detailedLabel: "_detailedLabel_13wru_329"
+	inputInTable: "_inputInTable_d0ffs_1",
+	inputHover: "_inputHover_d0ffs_13",
+	inputFocus: "_inputFocus_d0ffs_18",
+	controlFocusVisible: "_controlFocusVisible_d0ffs_25",
+	inputError: "_inputError_d0ffs_29",
+	inputWarning: "_inputWarning_d0ffs_30",
+	inputDisabled: "_inputDisabled_d0ffs_65",
+	hideScrollbars: "_hideScrollbars_d0ffs_71",
+	trigger: "_trigger_d0ffs_81",
+	input: "_input_d0ffs_1",
+	isInTable: "_isInTable_d0ffs_100",
+	isOpen: "_isOpen_d0ffs_121",
+	disabled: "_disabled_d0ffs_164",
+	toggle: "_toggle_d0ffs_170",
+	icons: "_icons_d0ffs_179",
+	clearAll: "_clearAll_d0ffs_187",
+	iconOpen: "_iconOpen_d0ffs_188",
+	small: "_small_d0ffs_199",
+	triggerInputContainer: "_triggerInputContainer_d0ffs_211",
+	right: "_right_d0ffs_220",
+	multiOptions: "_multiOptions_d0ffs_238",
+	multiOption: "_multiOption_d0ffs_238",
+	label: "_label_d0ffs_266",
+	closeMultiOption: "_closeMultiOption_d0ffs_269",
+	focus: "_focus_d0ffs_280",
+	selectedSingleValue: "_selectedSingleValue_d0ffs_284",
+	placeHolder: "_placeHolder_d0ffs_285",
+	groupOrderFirst: "_groupOrderFirst_d0ffs_326",
+	groupOrderMiddle: "_groupOrderMiddle_d0ffs_327",
+	groupOrderLast: "_groupOrderLast_d0ffs_331",
+	detailedLabel: "_detailedLabel_d0ffs_336"
 }, Rc = (e, t, n, r) => {
 	let i = [], a = [], o = 0;
 	return e.forEach((s, c) => {
@@ -3152,7 +3142,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-23",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {