@oliasoft-open-source/react-ui-library 10.0.0-beta-48 → 10.0.0-beta-49

package/dist/index.js

@@ -2746,7 +2746,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	var n;
 	return e.type === Ga.HEADING ? `heading-${t}` : e.createAble ? `create-${t}` : `option-${String((n = e.value) == null ? t : n)}`;
 }, Tc = ({ listRef: e, sections: t, selectedOptions: n, onSelectOption: r, focusedOptionIndex: i, width: a, small: o, closeLayer: s, testId: c }) => {
-	let l = _(null), u = o ? 24 : 30, f = u * 10, p = b(nc.layer, o && nc.small), m = h(() => t.map((e, t) => ({
+	let l = _(null), u = o ? 24 : 30, f = u * 10, p = b(nc.layer, o && nc.small), m = t.length >= 100, g = h(() => t.map((e, t) => ({
 		...e,
 		id: wc(e, t),
 		index: t,
@@ -2757,7 +2757,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 		i,
 		n
 	]);
-	return d(() => (e.current = { scrollToRow: ({ index: e }) => {
+	d(() => (e.current = { scrollToRow: ({ index: e }) => {
 		l.current && Number.isInteger(e) && e >= 0 && (l.current.scrollTop = e * u);
 	} }, () => {
 		e.current = null;
@@ -2772,43 +2772,46 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 		t,
 		n,
 		u
-	]), /* @__PURE__ */ S(Pr, {
+	]);
+	let v = /* @__PURE__ */ S(jr, {
+		ref: l,
+		"aria-label": "Options",
+		className: p,
+		style: {
+			width: a,
+			maxHeight: f
+		},
+		items: g,
+		selectionMode: "none",
+		renderEmptyState: () => /* @__PURE__ */ S("div", {
+			className: nc.message,
+			children: "No matches"
+		}),
+		"data-testid": c,
+		children: (e) => {
+			var t;
+			let n = e.type === Ga.HEADING;
+			return /* @__PURE__ */ S(Mr, {
+				id: e.id,
+				textValue: `${String((t = e.label) == null ? "" : t)}${e.details ? String(e.details) : ""}`,
+				isDisabled: n || !!e.disabled,
+				className: nc.listBoxItem,
+				style: { height: u },
+				children: /* @__PURE__ */ S(xc, {
+					closeLayer: s,
+					section: e,
+					selected: e.selected,
+					focused: e.focused,
+					onSelectOption: (t) => r(t, e)
+				})
+			});
+		}
+	});
+	return m ? /* @__PURE__ */ S(Pr, {
 		layout: Nr,
 		layoutOptions: { rowSize: u },
-		children: /* @__PURE__ */ S(jr, {
-			ref: l,
-			"aria-label": "Options",
-			className: p,
-			style: {
-				width: a,
-				maxHeight: f
-			},
-			items: m,
-			selectionMode: "none",
-			renderEmptyState: () => /* @__PURE__ */ S("div", {
-				className: nc.message,
-				children: "No matches"
-			}),
-			"data-testid": c,
-			children: (e) => {
-				var t;
-				let n = e.type === Ga.HEADING;
-				return /* @__PURE__ */ S(Mr, {
-					id: e.id,
-					textValue: `${String((t = e.label) == null ? "" : t)}${e.details ? String(e.details) : ""}`,
-					isDisabled: n || !!e.disabled,
-					className: nc.listBoxItem,
-					children: /* @__PURE__ */ S(xc, {
-						closeLayer: s,
-						section: e,
-						selected: e.selected,
-						focused: e.focused,
-						onSelectOption: (t) => r(t, e)
-					})
-				});
-			}
-		})
-	});
+		children: v
+	}) : v;
 }, Ec = {
 	inputInTable: "_inputInTable_c2rg4_1",
 	inputHover: "_inputHover_c2rg4_13",
@@ -3218,24 +3221,29 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 		createAble: N,
 		listRef: P
 	});
-	return m(() => {
+	m(() => {
 		V.isLayerOpen && z(ue(F.current));
 	}, [
 		ue,
 		V.isLayerOpen,
 		V.visibleOptions,
 		s
-	]), d(() => {
+	]);
+	let de = _(ce);
+	return de.current = ce, d(() => {
 		if (!V.isLayerOpen) return;
-		let e = (e) => {
-			var t, n;
-			let r = e.target;
-			r && ((t = F.current) != null && t.contains(r) || (n = I.current) != null && n.contains(r) || ce());
+		let e = !1, t = window.setTimeout(() => {
+			e = !0;
+		}, 0), n = (t) => {
+			var n, r;
+			if (!e) return;
+			let i = t.target;
+			i && ((n = F.current) != null && n.contains(i) || (r = I.current) != null && r.contains(i) || de.current());
 		};
-		return document.addEventListener("pointerdown", e, !0), () => {
-			document.removeEventListener("pointerdown", e, !0);
+		return document.addEventListener("pointerdown", n, !0), () => {
+			window.clearTimeout(t), document.removeEventListener("pointerdown", n, !0);
 		};
-	}, [V.isLayerOpen, ce]), /* @__PURE__ */ C("div", {
+	}, [V.isLayerOpen]), /* @__PURE__ */ C("div", {
 		style: { width: te() },
 		onKeyDown: (e) => {
 			Object.values(Bc).includes(e.key) && ne(e.key, e);

package/package.json

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