@oliasoft-open-source/react-ui-library 8.0.0-beta-9 → 8.0.0-beta-11

package/dist/index.js

@@ -844,39 +844,34 @@ var _a = {
 	let { sections: t } = e;
 	return !s(t) && (!Array.isArray(t) || t.every((e) => cn(e)));
 }, J = {
-	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"
+	layer: "_layer_v9hv9_1",
+	nested: "_nested_v9hv9_14",
+	fileInput: "_fileInput_v9hv9_17",
+	trigger: "_trigger_v9hv9_23",
+	heading: "_heading_v9hv9_32",
+	headingIcon: "_headingIcon_v9hv9_38",
+	clickable: "_clickable_v9hv9_45",
+	option: "_option_v9hv9_49",
+	active: "_active_v9hv9_68",
+	disabled: "_disabled_v9hv9_73",
+	selected: "_selected_v9hv9_76",
+	optionContent: "_optionContent_v9hv9_83",
+	inline: "_inline_v9hv9_87",
+	icon: "_icon_v9hv9_92",
+	check: "_check_v9hv9_93",
+	label: "_label_v9hv9_119",
+	description: "_description_v9hv9_131",
+	arrow: "_arrow_v9hv9_135",
+	divider: "_divider_v9hv9_139",
+	buttonLabel: "_buttonLabel_v9hv9_147",
+	component: "_component_v9hv9_154",
+	right: "_right_v9hv9_160",
+	actions: "_actions_v9hv9_165",
+	menuPopover: "_menuPopover_v9hv9_172",
+	menuPopoverNested: "_menuPopoverNested_v9hv9_194",
+	modalContainer: "_modalContainer_v9hv9_197",
+	menuItem: "_menuItem_v9hv9_200",
+	customSections: "_customSections_v9hv9_215"
 }, Pa = ({ children: e, placement: t = "bottom-start", triggerRef: n, portalTriggerRef: r, isNested: i = !1, className: a, offset: o = 0 }) => {
 	let s = i ? void 0 : xa((r == null ? n : r).current);
 	return /* @__PURE__ */ x(On, {
@@ -1194,15 +1189,12 @@ var _a = {
 	if (s(e) && Ea(e)) {
 		var c;
 		let s = e, l = (c = s.props["data-testid"]) == null ? s.props.testId : c, u = typeof s.type == "string", d = s.ref;
-		return /* @__PURE__ */ x("div", {
-			className: y(J.component, t ? J.disabled : null),
-			children: r(s, {
-				...a,
-				ref: Za(o, d),
-				disabled: t || s.props.disabled,
-				...u ? null : { active: !!(s.props.active || n) },
-				...l ? null : u ? { "data-testid": i } : { testId: i }
-			})
+		return r(s, {
+			...a,
+			ref: Za(o, d),
+			disabled: t || s.props.disabled,
+			...u ? null : { active: !!(s.props.active || n) },
+			...l ? null : u ? { "data-testid": i } : { testId: i }
 		});
 	}
 	return /* @__PURE__ */ x("div", {
@@ -7062,82 +7054,96 @@ var So = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Co =
 }, yf = (e, t) => ({ target: {
 	name: e,
 	value: t
-} }), bf = (e) => `Value cannot be less than ${e}`, xf = (e) => `Value cannot be greater than ${e}`, Sf = ({ name: e = "", value: t, min: n, max: r, label: i, step: a = .01, onChange: o, onChangeComplete: s, preferredUnit: c = "m", enableEditUnitInput: l = !1, disabled: u = !1, showUnitInput: f = !0, showArrows: p = !0, unitkey: m = "length", testId: h, noConversion: g = !1, small: v = !1, marks: b, minErrorMessage: C = bf, maxErrorMessage: w = xf }) => {
-	let T = Er(t, c), [E, D] = _(T), [O, k] = _(!1);
+} }), bf = (e) => `Value cannot be less than ${e}`, xf = (e) => `Value cannot be greater than ${e}`, Sf = ({ name: e = "", value: t, min: n, max: r, label: i, step: a = .01, onChange: o, onChangeComplete: s, preferredUnit: c = "m", onSwitchUnit: l, enableEditUnitInput: u = !1, disabled: f = !1, showUnitInput: p = !0, showArrows: m = !0, unitkey: h = "length", testId: g, noConversion: v = !1, small: b = !1, marks: C, minErrorMessage: w = bf, maxErrorMessage: T = xf }) => {
+	let E = Er(t, c), [D, O] = _(E), [k, A] = _(!1), [j, M] = _(c);
 	d(() => {
-		O || D(T);
-	}, [O, T]);
-	let [A = "", j = c] = yr(E), M = xr(A), N = null;
-	if (A.trim() !== "" && Number.isFinite(M)) try {
-		N = g ? M : ir(M, c, j);
+		k || O(E);
+	}, [k, E]), d(() => {
+		M(c);
+	}, [c]);
+	let [N = "", P = c] = yr(D), F = xr(N), I = null;
+	if (N.trim() !== "" && Number.isFinite(F)) try {
+		I = v ? F : ir(F, c, P);
 	} catch {
-		N = null;
-	}
-	let P = N === null ? "Must be a numerical value" : N < n ? C(n) : N > r ? w(r) : "", F = () => {
-		!l || u || (D(T), k(!0));
-	}, I = () => {
-		D(T), k(!1);
-	}, L = () => {
-		P || N === null || (o(yf(e, N)), s == null || s(yf(e, N)), k(!1));
-	}, R = (e) => {
-		e.key === "Enter" && L(), e.key === "Escape" && I();
-	}, z = u || O, B = /* @__PURE__ */ S("div", {
+		I = null;
+	}
+	let L = I === null ? "Must be a numerical value" : I < n ? w(n) : I > r ? T(r) : "", R = () => {
+		!u || f || (O(E), A(!0));
+	}, z = () => {
+		O(E), A(!1);
+	}, B = () => {
+		L || I === null || (o(yf(e, I)), s == null || s(yf(e, I)), A(!1));
+	}, ee = (e) => {
+		M(e), l == null || l(e);
+	}, te = (e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		if (v || j === c) return Tr(hr(Er(t, j)));
+		try {
+			let e = ir(t, j, c);
+			return Tr(hr(Er(e, j)));
+		} catch {
+			return Tr(hr(E));
+		}
+	}, ne = (e) => {
+		e.key === "Enter" && B(), e.key === "Escape" && z();
+	}, V = f || k, re = /* @__PURE__ */ S("div", {
 		className: Qd.actions,
 		children: [/* @__PURE__ */ x(q, {
 			icon: "close",
 			small: !0,
-			onClick: I,
-			testId: h && `${h}-cancel`
+			onClick: z,
+			testId: g && `${g}-cancel`
 		}), /* @__PURE__ */ x(q, {
 			icon: "checkmark",
 			small: !0,
-			disabled: !!P,
-			onClick: L,
-			testId: h && `${h}-confirm`
+			disabled: !!L,
+			onClick: B,
+			testId: g && `${g}-confirm`
 		})]
 	});
 	return /* @__PURE__ */ S("div", {
 		className: Qd.wrapper,
-		"data-testid": h && `${h}-wrapper`,
+		"data-testid": g && `${g}-wrapper`,
 		children: [
 			i && /* @__PURE__ */ x("span", {
 				className: Qd.label,
 				children: /* @__PURE__ */ x(Ho, {
-					small: v,
+					small: b,
 					children: i
 				})
 			}),
-			f && /* @__PURE__ */ x("div", {
-				className: y(Qd.input, v && Qd.inputSmall, l && !u && Qd.editable),
+			p && /* @__PURE__ */ x("div", {
+				className: y(Qd.input, b && Qd.inputSmall, u && !f && Qd.editable),
 				children: /* @__PURE__ */ x(ho, {
-					content: B,
-					isOpen: O,
+					content: re,
+					isOpen: k,
 					isNonModal: !0,
 					closeOnOutsideClick: !1,
 					restoreTriggerFocusOnClose: !1,
 					onToggle: (e) => {
-						e || I();
+						e || z();
 					},
 					placement: "bottom-start",
-					testId: h && `${h}-edit-popover`,
+					testId: g && `${g}-edit-popover`,
 					toggleOnTriggerClick: !1,
 					children: /* @__PURE__ */ x("div", {
 						className: Qd.inputControl,
-						"data-testid": h && `${h}-edit-trigger`,
-						onClick: F,
-						onKeyDown: R,
+						"data-testid": g && `${g}-edit-trigger`,
+						onClick: R,
+						onKeyDown: ne,
 						children: /* @__PURE__ */ x(vf, {
 							name: e,
-							value: O ? E : T,
-							unitkey: m,
+							value: k ? D : E,
+							unitkey: h,
 							initUnit: c,
-							noConversion: g,
-							onChange: (e) => D(e.target.value),
-							onFocus: F,
-							disabled: u,
-							error: O ? P : null,
-							small: v,
-							testId: h && `${h}-unit-input`
+							noConversion: v,
+							onChange: (e) => O(e.target.value),
+							onSwitchUnit: ee,
+							onFocus: R,
+							disabled: f,
+							error: k ? L : null,
+							small: b,
+							testId: g && `${g}-unit-input`
 						})
 					})
 				})
@@ -7150,13 +7156,13 @@ var So = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Co =
 				step: a,
 				onChange: o,
 				onChangeComplete: s,
-				showArrows: p,
-				showTooltip: !z,
-				tooltipFormatter: () => Tr(T),
-				disabled: z,
-				small: v,
-				marks: b,
-				testId: h && `${h}-slider`
+				showArrows: m,
+				showTooltip: !V,
+				tooltipFormatter: te,
+				disabled: V,
+				small: b,
+				marks: C,
+				testId: g && `${g}-slider`
 			})
 		]
 	});

package/package.json

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