@oliasoft-open-source/react-ui-library 9.5.0-beta-1 → 9.5.0-beta-2

package/dist/index.js

@@ -2692,24 +2692,23 @@ var Mo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), No =
 		window.removeEventListener("resize", n);
 	}), []), e;
 }, ac = {
-	layerContainer: "_layerContainer_ptlxg_1",
-	layer: "_layer_ptlxg_1",
-	enter: "_enter_ptlxg_14",
-	enterActive: "_enterActive_ptlxg_18",
-	small: "_small_ptlxg_32",
-	listBox: "_listBox_ptlxg_35",
-	listBoxItem: "_listBoxItem_ptlxg_39",
-	heading: "_heading_ptlxg_43",
-	option: "_option_ptlxg_44",
-	message: "_message_ptlxg_45",
-	focused: "_focused_ptlxg_84",
-	selected: "_selected_ptlxg_88",
-	disabled: "_disabled_ptlxg_95",
-	check: "_check_ptlxg_99",
-	optionContent: "_optionContent_ptlxg_116",
-	label: "_label_ptlxg_121",
-	icon: "_icon_ptlxg_128",
-	details: "_details_ptlxg_133"
+	layerContainer: "_layerContainer_yvqu5_1",
+	layer: "_layer_yvqu5_1",
+	enter: "_enter_yvqu5_14",
+	enterActive: "_enterActive_yvqu5_18",
+	small: "_small_yvqu5_32",
+	listBox: "_listBox_yvqu5_35",
+	listBoxItem: "_listBoxItem_yvqu5_39",
+	heading: "_heading_yvqu5_43",
+	option: "_option_yvqu5_44",
+	message: "_message_yvqu5_45",
+	focused: "_focused_yvqu5_86",
+	selected: "_selected_yvqu5_89",
+	check: "_check_yvqu5_102",
+	optionContent: "_optionContent_yvqu5_119",
+	label: "_label_yvqu5_124",
+	icon: "_icon_yvqu5_131",
+	details: "_details_yvqu5_136"
 }, oc = (e, t) => {
 	let n = document.createElement("canvas").getContext("2d");
 	return n ? (n.font = t, n.measureText(e).width) : 0;
@@ -2727,61 +2726,56 @@ var Mo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), No =
 	onClick: (e) => e.stopPropagation(),
 	className: ac.heading,
 	children: e
-}), Cc = ({ details: e, label: t, icon: n, disabled: r = !1, selected: i = !1, focused: a = !1, onSelectOption: o, actions: s, closeLayer: c, testId: l }) => /* @__PURE__ */ C("div", {
-	className: b(ac.option, r ? ac.disabled : "", i ? ac == null ? void 0 : ac.selected : "", a ? ac.focused : ""),
-	onClick: !r && o ? o : void 0,
-	"data-testid": l,
-	children: [
-		/* @__PURE__ */ S("div", {
-			className: ac.optionContent,
-			children: /* @__PURE__ */ C("span", {
-				className: ac.label,
-				title: String(t),
-				children: [t, n && /* @__PURE__ */ S("span", {
-					className: ac.icon,
-					children: n
-				})]
-			})
-		}),
-		e && /* @__PURE__ */ S("div", {
-			className: b(ac.details),
-			children: /* @__PURE__ */ S(Qo, {
-				faint: !0,
-				children: e
-			})
-		}),
-		!!(s != null && s.length) && /* @__PURE__ */ S("div", {
-			className: b(ac.actions),
-			children: /* @__PURE__ */ S(ho, {
-				actions: s,
-				closeLayer: c
-			})
-		}),
-		/* @__PURE__ */ S("span", {
-			className: ac.check,
-			children: i ? /* @__PURE__ */ S(G, { icon: U.CHECK }) : null
+}), Cc = ({ details: e, label: t, icon: n, selected: r = !1, actions: i, closeLayer: a }) => /* @__PURE__ */ C(x, { children: [
+	/* @__PURE__ */ S("div", {
+		className: ac.optionContent,
+		children: /* @__PURE__ */ C("span", {
+			className: ac.label,
+			title: String(t),
+			children: [t, n && /* @__PURE__ */ S("span", {
+				className: ac.icon,
+				children: n
+			})]
 		})
-	]
-}), wc = "create", Tc = (e, t) => e.type === Ja.HEADING ? `heading-${t}` : e.createAble ? wc : String(e.value), Ec = ({ item: e, onSelectOption: t, closeLayer: n }) => {
+	}),
+	e && /* @__PURE__ */ S("div", {
+		className: ac.details,
+		children: /* @__PURE__ */ S(Qo, {
+			faint: !0,
+			children: e
+		})
+	}),
+	!!(i != null && i.length) && /* @__PURE__ */ S("div", {
+		className: ac.actions,
+		children: /* @__PURE__ */ S(ho, {
+			actions: i,
+			closeLayer: a
+		})
+	}),
+	/* @__PURE__ */ S("span", {
+		className: ac.check,
+		children: r ? /* @__PURE__ */ S(G, { icon: U.CHECK }) : null
+	})
+] }), wc = "create", Tc = (e, t) => e.type === Ja.HEADING ? `heading-${t}` : e.createAble ? wc : String(e.value), Ec = ({ item: e, onSelectOption: t, closeLayer: n }) => {
 	var r;
-	let i = u(W), { section: a, isSelected: o, isFocused: s } = e;
+	let i = u(W), { section: a, isSelected: o, isFocused: s } = e, c = a.type === Ja.HEADING, l = c || !!a.disabled || i;
 	return /* @__PURE__ */ S(Mr, {
 		id: e.id,
 		textValue: String((r = a.label) == null ? "" : r),
-		isDisabled: a.type === Ja.HEADING || !!a.disabled,
-		className: ac.listBoxItem,
+		isDisabled: l,
+		className: b(c ? ac.listBoxItem : ac.option, s && ac.focused, o && ac.selected),
+		"data-testid": a.testId,
 		onPointerDown: (e) => e.preventDefault(),
-		children: a.type === Ja.HEADING ? /* @__PURE__ */ S(Sc, { label: a.label }) : /* @__PURE__ */ S(Cc, {
+		onAction: l ? void 0 : () => {
+			t == null || t(void 0, a);
+		},
+		children: c ? /* @__PURE__ */ S(Sc, { label: a.label }) : /* @__PURE__ */ S(Cc, {
 			closeLayer: n,
 			actions: a.actions,
 			label: a.label,
 			details: a.details,
 			icon: a.icon,
-			disabled: a.disabled || i,
-			selected: o,
-			focused: s,
-			onSelectOption: (e) => t == null ? void 0 : t(e, a),
-			testId: a.testId
+			selected: o
 		})
 	});
 }, Dc = (e, t) => !e || e.type === Ja.HEADING ? !1 : Array.isArray(t) ? t.some((t) => t && t.value == e.value) : e.value == (t == null ? void 0 : t.value), Oc = (e, t) => {

package/package.json

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