@oliasoft-open-source/react-ui-library 8.0.0-beta-3 → 8.0.0-beta-5

package/dist/index.js

@@ -843,48 +843,48 @@ var pa = {
 	let { sections: t } = e;
 	return !s(t) && (!Array.isArray(t) || t.every((e) => ln(e)));
 }, q = {
-	wrapper: "_wrapper_r9cul_1",
-	layer: "_layer_r9cul_6",
-	layerContainer: "_layerContainer_r9cul_9",
-	enter: "_enter_r9cul_25",
-	enterActive: "_enterActive_r9cul_29",
-	nested: "_nested_r9cul_34",
-	fileInput: "_fileInput_r9cul_55",
-	trigger: "_trigger_r9cul_61",
-	heading: "_heading_r9cul_70",
-	headingIcon: "_headingIcon_r9cul_76",
-	clickable: "_clickable_r9cul_83",
-	option: "_option_r9cul_87",
-	active: "_active_r9cul_106",
-	disabled: "_disabled_r9cul_111",
-	selected: "_selected_r9cul_114",
-	optionContent: "_optionContent_r9cul_121",
-	inline: "_inline_r9cul_125",
-	icon: "_icon_r9cul_130",
-	check: "_check_r9cul_131",
-	text: "_text_r9cul_157",
-	label: "_label_r9cul_162",
-	description: "_description_r9cul_174",
-	arrow: "_arrow_r9cul_178",
-	divider: "_divider_r9cul_182",
-	deprecatedSemanticIcon: "_deprecatedSemanticIcon_r9cul_186",
-	buttonLabel: "_buttonLabel_r9cul_194",
-	component: "_component_r9cul_201",
-	right: "_right_r9cul_207",
-	actions: "_actions_r9cul_212",
-	menuPopover: "_menuPopover_r9cul_219",
-	menuPopoverNested: "_menuPopoverNested_r9cul_241",
-	modalContainer: "_modalContainer_r9cul_244",
-	menuItem: "_menuItem_r9cul_247",
-	customSections: "_customSections_r9cul_262"
-}, Aa = ({ children: e, placement: t = "bottom-start", triggerRef: n, portalTriggerRef: r, isNested: i = !1, className: a }) => {
-	let o = i ? void 0 : _a((r == null ? n : r).current);
+	layerContainer: "_layerContainer_uahkz_1",
+	layer: "_layer_uahkz_1",
+	enter: "_enter_uahkz_17",
+	enterActive: "_enterActive_uahkz_21",
+	nested: "_nested_uahkz_26",
+	fileInput: "_fileInput_uahkz_47",
+	trigger: "_trigger_uahkz_53",
+	heading: "_heading_uahkz_62",
+	headingIcon: "_headingIcon_uahkz_68",
+	clickable: "_clickable_uahkz_75",
+	option: "_option_uahkz_79",
+	active: "_active_uahkz_98",
+	disabled: "_disabled_uahkz_103",
+	selected: "_selected_uahkz_106",
+	optionContent: "_optionContent_uahkz_113",
+	inline: "_inline_uahkz_117",
+	icon: "_icon_uahkz_122",
+	check: "_check_uahkz_123",
+	text: "_text_uahkz_149",
+	label: "_label_uahkz_154",
+	description: "_description_uahkz_166",
+	arrow: "_arrow_uahkz_170",
+	divider: "_divider_uahkz_174",
+	deprecatedSemanticIcon: "_deprecatedSemanticIcon_uahkz_178",
+	buttonLabel: "_buttonLabel_uahkz_186",
+	component: "_component_uahkz_193",
+	right: "_right_uahkz_199",
+	actions: "_actions_uahkz_204",
+	menuPopover: "_menuPopover_uahkz_211",
+	menuPopoverNested: "_menuPopoverNested_uahkz_233",
+	modalContainer: "_modalContainer_uahkz_236",
+	menuItem: "_menuItem_uahkz_239",
+	customSections: "_customSections_uahkz_254"
+}, Aa = ({ children: e, placement: t = "bottom-start", triggerRef: n, portalTriggerRef: r, isNested: i = !1, className: a, offset: o = 0, testId: s }) => {
+	let c = i ? void 0 : _a((r == null ? n : r).current);
 	return /* @__PURE__ */ x(On, {
 		className: y(q.menuPopover, i && q.menuPopoverNested, a),
 		placement: ha(t),
-		offset: 0,
-		UNSTABLE_portalContainer: o,
+		offset: i ? 0 : o,
+		UNSTABLE_portalContainer: c,
 		"data-overlay-layer": !0,
+		"data-testid": s,
 		children: i ? e : /* @__PURE__ */ S("div", {
 			id: Ui,
 			className: q.modalContainer,
@@ -983,13 +983,15 @@ var pa = {
 	return e.HEADING = "Heading", e.DIVIDER = "Divider", e.OPTION = "Option", e.MENU = "Menu", e;
 }({}), Ia = /* @__PURE__ */ function(e) {
 	return e.FALSE = "false", e.RIGHT = "right", e.DOWN = "down", e;
-}({}), La = ({ label: e, title: t, carat: n, disabled: r, isOpen: i, selected: a }) => {
-	let o;
-	return t ? o = t : (typeof e == "string" || typeof e == "number") && (o = String(e)), /* @__PURE__ */ S("div", {
-		className: y(q.trigger, r ? q.disabled : null, i ? q.active : null, a ? q == null ? void 0 : q.selected : null),
+}({}), La = o(({ label: e, title: t, carat: n, disabled: r, isOpen: i, selected: a, className: o, ...s }, c) => {
+	let l;
+	return t ? l = t : (typeof e == "string" || typeof e == "number") && (l = String(e)), /* @__PURE__ */ S("div", {
+		ref: c,
+		className: y(q.trigger, r ? q.disabled : null, i ? q.active : null, a ? q == null ? void 0 : q.selected : null, o),
+		...s,
 		children: [/* @__PURE__ */ x("span", {
 			className: q.label,
-			title: o,
+			title: l,
 			children: e
 		}), n && n === Ia.RIGHT ? /* @__PURE__ */ x("span", {
 			className: q.arrow,
@@ -999,7 +1001,7 @@ var pa = {
 			children: /* @__PURE__ */ x(W, { icon: H.CHEVRON_DOWN })
 		}) : null]
 	});
-}, Ra = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "", za = ({ section: e, closeOnOptionClick: t, close: n, closeParent: r, maxHeight: i, width: a, triggerRef: o }) => {
+}), Ra = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "", za = ({ section: e, closeOnOptionClick: t, close: n, closeParent: r, maxHeight: i, width: a, triggerRef: o }) => {
 	let s = u(U);
 	switch (e.type) {
 		case Fa.HEADING:
@@ -1203,8 +1205,10 @@ var pa = {
 		});
 	}
 	return /* @__PURE__ */ x("div", {
+		ref: a,
 		className: y(q.component, t ? q.disabled : null),
 		"data-testid": n,
+		...i,
 		children: e
 	});
 }), Ya = ({ tooltip: e, error: t, warning: n, children: r }) => !J(e) && !J(t) && !J(n) ? /* @__PURE__ */ x(b, { children: r }) : /* @__PURE__ */ x(G, {
@@ -1218,62 +1222,43 @@ var pa = {
 	dot: r,
 	small: !r,
 	children: e
-}) : e, Za = e.forwardRef(({ active: e, disabled: t, badgeTitle: n, badgeDot: r, loading: i, width: a, trigger: o, label: c, title: l, colored: u, small: d, isNested: f, component: p, groupOrder: m, fullHeight: h, isOpen: g, error: _, warning: v, tooltip: y, testId: b, selected: S, tabIndex: C, ...w }, T) => {
-	let E = o === hi.BUTTON || o === hi.DROP_DOWN_BUTTON, D = o === hi.COMPONENT, O = D && s(p) && Sa(p), k = a ? { width: a } : { ...h && {
-		height: "100%",
-		display: "flex"
-	} }, A = E ? /* @__PURE__ */ x(Ka, {
-		ref: T,
-		trigger: o,
-		label: c == null ? "" : c,
-		colored: u,
-		small: d,
-		width: a,
+}) : e, Za = e.forwardRef(({ active: e, disabled: t, loading: n, width: r, trigger: i, label: a, title: o, colored: s, small: c, isNested: l, component: u, groupOrder: d, isOpen: f, error: p, warning: m, testId: h, selected: g, tabIndex: _, ...v }, y) => {
+	let b = i === hi.BUTTON || i === hi.DROP_DOWN_BUTTON, S = i === hi.COMPONENT;
+	return b ? /* @__PURE__ */ x(Ka, {
+		ref: y,
+		trigger: i,
+		label: a == null ? "" : a,
+		colored: s,
+		small: c,
+		width: r,
 		disabled: t,
-		groupOrder: m,
-		loading: i,
-		error: _,
-		warning: v,
-		active: g || e,
-		tabIndex: C,
-		testId: b,
-		...w
-	}) : o === hi.TEXT ? /* @__PURE__ */ x(La, {
-		label: c == null ? "" : c,
-		title: l,
+		groupOrder: d,
+		loading: n,
+		error: p,
+		warning: m,
+		active: f || e,
+		tabIndex: _,
+		testId: h,
+		...v
+	}) : i === hi.TEXT ? /* @__PURE__ */ x(La, {
+		ref: y,
+		label: a == null ? "" : a,
+		title: o,
 		disabled: t,
-		carat: f ? Ia.RIGHT : Ia.DOWN,
-		isOpen: g,
-		selected: S
-	}) : D ? /* @__PURE__ */ x(Ja, {
-		ref: O ? T : void 0,
-		component: p,
+		carat: l ? Ia.RIGHT : Ia.DOWN,
+		isOpen: f,
+		selected: g,
+		tabIndex: _,
+		...v
+	}) : S ? /* @__PURE__ */ x(Ja, {
+		ref: y,
+		component: u,
 		disabled: t,
-		testId: b,
-		tabIndex: O ? C : void 0,
-		...O ? w : {}
-	}) : null, j = !E && !O;
-	return /* @__PURE__ */ x("div", {
-		ref: j ? T : void 0,
-		className: q.wrapper,
-		tabIndex: j ? C : void 0,
-		style: k,
-		"data-error": _ || null,
-		"data-warning": v || null,
-		"data-testid": j ? b : void 0,
-		...j ? w : void 0,
-		children: /* @__PURE__ */ x(Ya, {
-			tooltip: y,
-			error: _,
-			warning: v,
-			children: Xa(A, {
-				isNested: f,
-				badgeTitle: n,
-				badgeDot: r
-			})
-		})
-	});
-}), Qa = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badgeDot: i = !1, loading: a = !1, closeOnOptionClick: o = !0, maxHeight: s, testId: c, open: f, setOpen: p, tooltip: m, error: h, warning: v, tabIndex: y, active: b, fullHeightTrigger: C, groupOrder: w }) => {
+		testId: h,
+		tabIndex: _,
+		...v
+	}) : null;
+}), Qa = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badgeDot: i = !1, loading: a = !1, closeOnOptionClick: o = !0, maxHeight: s, testId: c, open: f, setOpen: p, tooltip: m, error: h, warning: v, tabIndex: y, active: b, groupOrder: C, offset: w = 0 }) => {
 	let T = u(U), E = g(null), [D, O] = _(!1), { label: k, title: A, trigger: j, colored: M, small: N, sections: P, component: F, placement: I, showAllButton: L } = e, R = cn(f) && dn(p), z = R ? f : D, B = n || ka(e) || T, ee = l((e) => {
 		B && e || (R ? p(e) : O(e));
 	}, [
@@ -1294,41 +1279,47 @@ var pa = {
 		triggerRef: E,
 		close: te
 	});
-	let ne = Va(I).placement, re = c ? `${c}-layer` : e.testId;
+	let ne = Va(I).placement, re = c ? `${c}-layer` : void 0;
 	return /* @__PURE__ */ S(Dn, {
 		isOpen: z,
 		onOpenChange: ee,
-		children: [/* @__PURE__ */ x(Ea, {
-			behavior: Ta.PRESS,
-			testId: c,
-			isDisabled: B,
-			triggerRef: E,
-			safeComponents: [K],
-			attachToForwardRef: !0,
-			children: /* @__PURE__ */ x(Za, {
-				active: b,
-				disabled: B,
+		children: [/* @__PURE__ */ x(Ya, {
+			tooltip: m,
+			error: h,
+			warning: v,
+			children: Xa(/* @__PURE__ */ x(Ea, {
+				behavior: Ta.PRESS,
+				testId: c,
+				isDisabled: B,
+				triggerRef: E,
+				safeComponents: [K],
+				attachToForwardRef: !0,
+				children: /* @__PURE__ */ x(Za, {
+					active: b,
+					disabled: B,
+					loading: a,
+					width: t,
+					trigger: j,
+					label: k,
+					title: A,
+					colored: M,
+					small: N,
+					component: F,
+					groupOrder: C,
+					isOpen: z,
+					error: h,
+					warning: v,
+					tabIndex: y
+				})
+			}), {
 				badgeTitle: r,
-				badgeDot: i,
-				loading: a,
-				width: t,
-				trigger: j,
-				label: k,
-				title: A,
-				colored: M,
-				small: N,
-				component: F,
-				groupOrder: w,
-				fullHeight: C == null ? e.fullHeightTrigger : C,
-				isOpen: z,
-				error: h,
-				warning: v,
-				tooltip: m,
-				tabIndex: y
+				badgeDot: i
 			})
 		}), /* @__PURE__ */ x(Aa, {
 			placement: ne,
 			triggerRef: E,
+			offset: w,
+			testId: e.testId,
 			children: /* @__PURE__ */ x(Ba, {
 				sections: P,
 				width: t,
@@ -7343,7 +7334,6 @@ var vo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), yo =
 				maxHeight: "100%",
 				menu: {
 					trigger: hi.COMPONENT,
-					fullHeightTrigger: !0,
 					placement: "bottom-start",
 					component: /* @__PURE__ */ x(Tf, {
 						label: e.label,

package/package.json

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