@oliasoft-open-source/react-ui-library 6.12.0-beta-4 → 6.12.0-beta-6

package/dist/index.js

@@ -1384,52 +1384,52 @@ var Ur = /* @__PURE__ */ function(e) {
 	enterActive: "_enterActive_rwod1_12",
 	fullWidthStyleFix: "_fullWidthStyleFix_rwod1_17",
 	dismiss: "_dismiss_rwod1_22"
-}, ka = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: s, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: p }) => {
-	let g = c(U), x = m(null), [S, C] = f === void 0 ? h(!1) : [f, p], w = () => {
-		!u && !g && C && C(!1);
-	}, T = () => {
-		u || g || C && C(!S);
+}, ka = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: s, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: p, toggleOnTriggerClick: g = !0 }) => {
+	let x = c(U), S = m(null), [C, w] = f === void 0 ? h(!1) : [f, p], T = () => {
+		!u && !x && w && w(!1);
+	}, E = () => {
+		u || x || w && w(!C);
 	};
 	l(() => {
-		(u || g) && w();
-	}, [u, g]);
-	let { renderLayer: E, arrowProps: D, layerProps: O, triggerProps: k } = wi({
-		isOpen: S,
+		(u || x) && T();
+	}, [u, x]);
+	let { renderLayer: D, arrowProps: O, layerProps: k, triggerProps: A } = wi({
+		isOpen: C,
 		placement: r,
 		triggerOffset: 6,
-		onOutsideClick: i ? w : void 0,
+		onOutsideClick: i ? T : void 0,
 		overflowContainer: d
-	}), A = Yt([x, O.ref]);
+	}), j = Yt([S, k.ref]);
 	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
-		ref: k.ref,
-		onClick: T,
+		ref: A.ref,
+		onClick: g ? E : void 0,
 		"data-testid": s,
 		children: t
 	}), /* @__PURE__ */ y(jt, {
-		nodeRef: x,
-		in: S,
+		nodeRef: S,
+		in: C,
 		timeout: 100,
 		classNames: {
 			enter: Oa.enter,
 			enterActive: Oa.enterActive
 		},
 		unmountOnExit: !0,
-		children: /* @__PURE__ */ y(v, { children: S && E(/* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ y(v, { children: C && D(/* @__PURE__ */ b("div", {
 			className: a ? _(Oa.toggleBox, Oa.fullWidthStyleFix) : _(Oa.toggleBox),
-			...O,
-			ref: A,
+			...k,
+			ref: j,
 			"data-testid": `${s}-layer`,
-			children: [/* @__PURE__ */ b("div", { children: [e.isValidElement(n) && typeof n.type != "string" ? e.cloneElement(n, { close: w }) : n, o && /* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ b("div", { children: [e.isValidElement(n) && typeof n.type != "string" ? e.cloneElement(n, { close: T }) : n, o && /* @__PURE__ */ y("div", {
 				className: Oa.dismiss,
 				children: /* @__PURE__ */ y(K, {
 					small: !0,
 					round: !0,
-					onClick: w,
+					onClick: T,
 					icon: H.CLOSE
 				})
-			})] }), D.context && /* @__PURE__ */ y(Mt, {
-				context: D.context,
-				ref: D.ref,
+			})] }), O.context && /* @__PURE__ */ y(Mt, {
+				context: O.context,
+				ref: O.ref,
 				width: 12,
 				height: 6,
 				tipRadius: 1,
@@ -3647,21 +3647,21 @@ var La = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ra =
 		})
 	})
 }), zc = {
-	container: "_container_1rezb_1",
-	small: "_small_1rezb_9",
-	vertical: "_vertical_1rezb_12",
-	hasArrows: "_hasArrows_1rezb_16",
-	button: "_button_1rezb_20",
-	thumb: "_thumb_1rezb_23",
-	slider: "_slider_1rezb_28",
-	track: "_track_1rezb_60",
-	range: "_range_1rezb_72",
-	marks: "_marks_1rezb_110",
-	mark: "_mark_1rezb_110",
-	dot: "_dot_1rezb_138",
-	markActive: "_markActive_1rezb_146",
-	sliderDisabled: "_sliderDisabled_1rezb_149",
-	label: "_label_1rezb_156"
+	container: "_container_3cdfx_1",
+	small: "_small_3cdfx_9",
+	vertical: "_vertical_3cdfx_12",
+	hasArrows: "_hasArrows_3cdfx_16",
+	button: "_button_3cdfx_20",
+	thumb: "_thumb_3cdfx_23",
+	slider: "_slider_3cdfx_28",
+	track: "_track_3cdfx_60",
+	range: "_range_3cdfx_72",
+	marks: "_marks_3cdfx_110",
+	mark: "_mark_3cdfx_110",
+	dot: "_dot_3cdfx_138",
+	markActive: "_markActive_3cdfx_146",
+	sliderDisabled: "_sliderDisabled_3cdfx_149",
+	label: "_label_3cdfx_161"
 }, Bc = (e, t) => gn(nn(e) ? e : [e]).slice(0, t ? 2 : 1), Vc = (e, t) => t ? e : e[0], Hc = vr((e) => e.map(({ label: e, tooltip: t, value: n }) => ({
 	label: e,
 	tooltip: t,
@@ -6474,14 +6474,13 @@ var La = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ra =
 	width: t,
 	height: n
 }), pd = {
-	wrapper: "_wrapper_4rfwh_1",
-	label: "_label_4rfwh_5",
-	input: "_input_4rfwh_9",
-	inputSmall: "_inputSmall_4rfwh_18",
-	editable: "_editable_4rfwh_22",
-	inputControl: "_inputControl_4rfwh_25",
-	actionsWrapper: "_actionsWrapper_4rfwh_28",
-	actions: "_actions_4rfwh_28"
+	wrapper: "_wrapper_j8x9r_1",
+	label: "_label_j8x9r_5",
+	input: "_input_j8x9r_9",
+	inputSmall: "_inputSmall_j8x9r_18",
+	editable: "_editable_j8x9r_22",
+	inputControl: "_inputControl_j8x9r_25",
+	actions: "_actions_j8x9r_28"
 }, md = () => {
 	let e = m(null);
 	return d(() => {
@@ -6831,21 +6830,35 @@ var La = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ra =
 	l(() => {
 		O || D(T);
 	}, [O, T]);
-	let [A = "", j = c] = ir(E), M = Number(A), N = NaN;
+	let [A = "", j = c] = ir(E), M = or(A), N = null;
 	if (A.trim() !== "" && Number.isFinite(M)) try {
 		N = v ? M : Un(M, c, j);
 	} catch {
-		N = NaN;
+		N = null;
 	}
-	let P = Number.isFinite(N) ? N < n ? C(n) : N > r ? w(r) : "" : "Must be a numerical value", F = () => {
+	let P = N === null ? "Must be a numerical value" : N < n ? C(n) : N > r ? w(r) : "", F = () => {
 		!u || d || (D(T), k(!0));
 	}, I = () => {
 		D(T), k(!1);
 	}, L = () => {
-		P || (o(Nd(e, N)), s == null || s(Nd(e, N)), k(!1));
+		P || N === null || (o(Nd(e, N)), s == null || s(Nd(e, N)), k(!1));
 	}, R = (e) => {
 		e.key === "Enter" && L(), e.key === "Escape" && I();
-	}, z = d || O;
+	}, z = d || O, ee = /* @__PURE__ */ b("div", {
+		className: pd.actions,
+		children: [/* @__PURE__ */ y(K, {
+			icon: "close",
+			small: !0,
+			onClick: I,
+			testId: g && `${g}-cancel`
+		}), /* @__PURE__ */ y(K, {
+			icon: "checkmark",
+			small: !0,
+			disabled: !!P,
+			onClick: L,
+			testId: g && `${g}-confirm`
+		})]
+	});
 	return /* @__PURE__ */ b("div", {
 		className: pd.wrapper,
 		"data-testid": g && `${g}-wrapper`,
@@ -6857,43 +6870,38 @@ var La = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ra =
 					children: i
 				})
 			}),
-			f && /* @__PURE__ */ b("div", {
-				className: _(pd.input, x && pd.inputSmall, u && pd.editable),
-				children: [/* @__PURE__ */ y("div", {
-					className: pd.inputControl,
-					"data-testid": g && `${g}-edit-trigger`,
-					onClick: F,
-					onKeyDown: R,
-					children: /* @__PURE__ */ y(Md, {
-						name: e,
-						value: O ? E : T,
-						unitkey: m,
-						initUnit: c,
-						noConversion: v,
-						onChange: (e) => D(e.target.value),
-						disabled: !O || d,
-						error: O ? P : null,
-						small: x,
-						testId: g && `${g}-unit-input`
-					})
-				}), O && /* @__PURE__ */ y("div", {
-					className: pd.actionsWrapper,
-					children: /* @__PURE__ */ b("div", {
-						className: pd.actions,
-						children: [/* @__PURE__ */ y(K, {
-							icon: "close",
-							small: !0,
-							onClick: I,
-							testId: g && `${g}-cancel`
-						}), /* @__PURE__ */ y(K, {
-							icon: "checkmark",
-							small: !0,
-							disabled: !!P,
-							onClick: L,
-							testId: g && `${g}-confirm`
-						})]
+			f && /* @__PURE__ */ y("div", {
+				className: _(pd.input, x && pd.inputSmall, u && !d && pd.editable),
+				children: /* @__PURE__ */ y(Aa, {
+					content: ee,
+					isOpen: O,
+					onToggle: (e) => {
+						e || I();
+					},
+					overflowContainer: !0,
+					placement: "bottom-start",
+					testId: g && `${g}-edit-popover`,
+					toggleOnTriggerClick: !1,
+					children: /* @__PURE__ */ y("div", {
+						className: pd.inputControl,
+						"data-testid": g && `${g}-edit-trigger`,
+						onClick: F,
+						onKeyDown: R,
+						children: /* @__PURE__ */ y(Md, {
+							name: e,
+							value: O ? E : T,
+							unitkey: m,
+							initUnit: c,
+							noConversion: v,
+							onChange: (e) => D(e.target.value),
+							onFocus: F,
+							disabled: d,
+							error: O ? P : null,
+							small: x,
+							testId: g && `${g}-unit-input`
+						})
 					})
-				})]
+				})
 			}),
 			/* @__PURE__ */ y(Uc, {
 				name: e,
@@ -6904,7 +6912,7 @@ var La = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ra =
 				onChange: o,
 				onChangeComplete: s,
 				showArrows: p,
-				showTooltip: !0,
+				showTooltip: !z,
 				tooltipFormatter: () => ur(T),
 				disabled: z,
 				small: x,

package/package.json

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