alif-ui 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/components/Dates/InputDatePicker/InputDatePicker.js

@@ -16,6 +16,23 @@ var _ = ({ value: _, isRange: v, withTime: y, onChange: b, onBlur: x, onClear: S
 		B(i(e.target.value, V));
 	}, W = () => {
 		B(""), b(null), S?.();
+	}, G = (e) => {
+		let t = d(e.target.value, v), n = (e) => T?.some((t) => r.isSameDay(t, e)) ?? !1, i = (e) => r.isOutOfRange(e, C, w) || n(e);
+		if (!t) {
+			W(), x?.(e);
+			return;
+		}
+		if (v && Array.isArray(t)) {
+			let [n, r] = t;
+			i(n) || i(r) ? W() : (b(t), H(t)), x?.(e);
+			return;
+		}
+		if (!v && t instanceof Date) if (i(t)) W();
+		else {
+			let e = y ? u(t, E, D, O, k) : t;
+			b(e), H(e);
+		}
+		x?.(e);
 	};
 	return p(() => {
 		H(_);
@@ -25,24 +42,6 @@ var _ = ({ value: _, isRange: v, withTime: y, onChange: b, onBlur: x, onClear: S
 		onClose: () => R(!1),
 		position: "bottom-start",
 		children: [/* @__PURE__ */ h(n.Trigger, {
-			onBlur: (e) => {
-				let t = d(e.target.value, v), n = (e) => T?.some((t) => r.isSameDay(t, e)) ?? !1, i = (e) => r.isOutOfRange(e, C, w) || n(e);
-				if (!t) {
-					W(), x?.(e);
-					return;
-				}
-				if (v && Array.isArray(t)) {
-					let [n, r] = t;
-					i(n) || i(r) ? W() : (b(t), H(t)), x?.(e);
-					return;
-				}
-				if (!v && t instanceof Date) if (i(t)) W();
-				else {
-					let e = y ? u(t, E, D, O, k) : t;
-					b(e), H(e);
-				}
-				x?.(e);
-			},
 			className: M,
 			style: {
 				width: "100%",
@@ -53,6 +52,7 @@ var _ = ({ value: _, isRange: v, withTime: y, onChange: b, onBlur: x, onClear: S
 				value: z,
 				mask: V,
 				onChange: U,
+				onBlur: G,
 				onClear: S ? W : void 0,
 				onFieldClick: () => R((e) => !e),
 				rightIcon: P

package/dist/components/Dates/PickerInput/PickerInput.js

@@ -1,46 +1,49 @@
-import { syncRefs as e } from "../../../utils/sync-refs.js";
-import { useComponentId as t } from "../../../hooks/useComponentId/useComponentId.js";
-import { InputBaseWrapper as n } from "../../Field/InputBaseWrapper/InputBaseWrapper.js";
-import { InputBase as r } from "../../Field/InputBase/InputBase.js";
-import i from "../../../lib/components/Dates/PickerInput/PickerInput.module.js";
-import { useRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { resolveTypography as e } from "../../../utils/typography.js";
+import { classNames as t } from "../../../utils/class-names.js";
+import { syncRefs as n } from "../../../utils/sync-refs.js";
+import { useComponentId as r } from "../../../hooks/useComponentId/useComponentId.js";
+import { InputBaseWrapper as i } from "../../Field/InputBaseWrapper/InputBaseWrapper.js";
+import { InputBase as a } from "../../Field/InputBase/InputBase.js";
+import o from "../../../lib/components/Dates/PickerInput/PickerInput.module.js";
+import { useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/components/Dates/PickerInput/PickerInput.tsx
-var c = ({ id: c, label: l, onClear: u, leftIcon: d, rightIcon: f, hasError: p, value: m, className: h, disabled: g, style: _, fullWidth: v = !0, size: y = "m", onFieldClick: b, ref: x, hintLeftSection: S, hintRightSection: C, mask: w, ...T }) => {
-	let E = a(null), D = t(c), O = (e, t) => e.length >= t.length ? e : e + t?.slice(e.length);
-	return /* @__PURE__ */ o(n, {
-		label: l,
-		onClear: u,
-		leftIcon: d,
-		rightIcon: f,
-		id: D,
-		size: y,
+var u = ({ id: u, label: d, onClear: f, leftIcon: p, rightIcon: m, hasError: h, value: g, className: _, disabled: v, style: y, fullWidth: b = !0, size: x = "m", onFieldClick: S, ref: C, hintLeftSection: w, hintRightSection: T, mask: E, ...D }) => {
+	let O = s(null), k = r(u), A = (e, t) => e.length >= t.length ? e : e + t?.slice(e.length);
+	return /* @__PURE__ */ c(i, {
+		label: d,
+		onClear: f,
+		leftIcon: p,
+		rightIcon: m,
+		id: k,
+		size: x,
 		keepLabel: !0,
 		bordered: !0,
-		inputRef: E,
-		hasError: p,
-		disabled: g,
-		value: m,
-		fullWidth: v,
-		className: h,
-		style: _,
-		onClick: b,
-		hintLeftSection: S,
-		hintRightSection: C,
-		children: /* @__PURE__ */ s("div", {
-			className: i.wrapper,
-			children: [/* @__PURE__ */ o(r, {
-				id: D,
-				ref: e(E, x),
-				value: m,
-				disabled: g,
-				...T
-			}), w && /* @__PURE__ */ o("span", {
-				className: i.mask,
-				children: O(m, w)
+		inputRef: O,
+		hasError: h,
+		disabled: v,
+		value: g,
+		fullWidth: b,
+		className: _,
+		style: y,
+		onClick: S,
+		hintLeftSection: w,
+		hintRightSection: T,
+		children: /* @__PURE__ */ l("div", {
+			className: o.wrapper,
+			children: [/* @__PURE__ */ c(a, {
+				id: k,
+				ref: n(O, C),
+				value: g,
+				disabled: v,
+				...D
+			}), E && /* @__PURE__ */ c("span", {
+				style: e("body", "m"),
+				className: t(o.mask, "uiFont"),
+				children: A(g, E)
 			})]
 		})
 	});
 };
 //#endregion
-export { c as PickerInput };
+export { u as PickerInput };

package/dist/src/lib/components/Dates/PickerInput/PickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Dates/PickerInput/PickerInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,eAAO,MAAM,WAAW,GAAI,iLAmBzB,gBAAgB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CA+CtC,CAAC"}
+{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Dates/PickerInput/PickerInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,eAAO,MAAM,WAAW,GAAI,iLAmBzB,gBAAgB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CAkDtC,CAAC"}

package/package.json

@@ -21,7 +21,7 @@
 	},
 	"license": "ISC",
 	"private": false,
-	"version": "2.0.0-alpha.13",
+	"version": "2.0.0-alpha.14",
 	"type": "module",
 	"files": [
 		"dist"