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

package/dist/components/unit-slider/unit-slider.d.ts

@@ -11,6 +11,7 @@ export interface IUnitSliderProps {
     onChange: TChangeEventHandler;
     onChangeComplete?: TChangeEventHandler;
     preferredUnit?: string;
+    onSwitchUnit?: (unit: string) => void;
     enableEditUnitInput?: boolean;
     disabled?: boolean;
     showUnitInput?: boolean;
@@ -23,5 +24,5 @@ export interface IUnitSliderProps {
     minErrorMessage?: (min: number) => string;
     maxErrorMessage?: (max: number) => string;
 }
-export declare const UnitSlider: ({ name, value, min, max, label, step, onChange, onChangeComplete, preferredUnit, enableEditUnitInput, disabled, showUnitInput, showArrows, unitkey, testId, noConversion, small, marks, minErrorMessage, maxErrorMessage, }: IUnitSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnitSlider: ({ name, value, min, max, label, step, onChange, onChangeComplete, preferredUnit, onSwitchUnit, enableEditUnitInput, disabled, showUnitInput, showArrows, unitkey, testId, noConversion, small, marks, minErrorMessage, maxErrorMessage, }: IUnitSliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=unit-slider.d.ts.map

package/dist/components/unit-slider/unit-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unit-slider.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG7E,OAAO,KAAK,EAAgB,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAaD,eAAO,MAAM,UAAU,GAAI,6NAqBxB,gBAAgB,4CAuJlB,CAAC"}
+{"version":3,"file":"unit-slider.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAU7E,OAAO,KAAK,EAAgB,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAaD,eAAO,MAAM,UAAU,GAAI,2OAsBxB,gBAAgB,4CAiLlB,CAAC"}

package/dist/components/unit-slider/unit-slider.test-case.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ name, value, min, max, label, step, onChange, onChangeComplete, preferredUnit, enableEditUnitInput, disabled, showUnitInput, showArrows, unitkey, testId, noConversion, small, marks, minErrorMessage, maxErrorMessage, }: import('./unit-slider').IUnitSliderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ name, value, min, max, label, step, onChange, onChangeComplete, preferredUnit, onSwitchUnit, enableEditUnitInput, disabled, showUnitInput, showArrows, unitkey, testId, noConversion, small, marks, minErrorMessage, maxErrorMessage, }: import('./unit-slider').IUnitSliderProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

package/dist/index.js

@@ -7054,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`
 						})
 					})
 				})
@@ -7142,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-10",
+  "version": "8.0.0-beta-11",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {