@povio/ui 2.3.0-rc.18 → 2.3.0-rc.19

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -14,8 +14,8 @@ import { Button } from "react-aria-components";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 //#region src/components/inputs/DateTime/shared/TimePickerInput.tsx
 var TimePickerInput = (t0) => {
-	const $ = c(65);
-	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, ...props } = t0;
+	const $ = c(66);
+	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, fireBlurOnChange, ...props } = t0;
 	const uiConfig = UIConfig.useConfig();
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
@@ -137,22 +137,23 @@ var TimePickerInput = (t0) => {
 		$[30] = t21;
 	} else t21 = $[30];
 	let t22;
-	if ($[31] !== canClear || $[32] !== fieldProps || $[33] !== isClearable || $[34] !== state) {
+	if ($[31] !== canClear || $[32] !== fieldProps || $[33] !== fireBlurOnChange || $[34] !== isClearable || $[35] !== state) {
 		t22 = isClearable && /* @__PURE__ */ jsx(InputClear, {
 			onClear: () => {
 				state.setValue(null);
-				fieldProps.onBlur?.(null);
+				if (fireBlurOnChange) fieldProps.onBlur?.(null);
 			},
 			show: canClear
 		});
 		$[31] = canClear;
 		$[32] = fieldProps;
-		$[33] = isClearable;
-		$[34] = state;
-		$[35] = t22;
-	} else t22 = $[35];
+		$[33] = fireBlurOnChange;
+		$[34] = isClearable;
+		$[35] = state;
+		$[36] = t22;
+	} else t22 = $[36];
 	let t23;
-	if ($[36] !== disableDropdown || $[37] !== disableManualEntry || $[38] !== isDisabled || $[39] !== onPress || $[40] !== uiConfig) {
+	if ($[37] !== disableDropdown || $[38] !== disableManualEntry || $[39] !== isDisabled || $[40] !== onPress || $[41] !== uiConfig) {
 		t23 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "",
 			color: "secondary",
@@ -161,26 +162,26 @@ var TimePickerInput = (t0) => {
 			isDisabled,
 			className: "border-0!"
 		});
-		$[36] = disableDropdown;
-		$[37] = disableManualEntry;
-		$[38] = isDisabled;
-		$[39] = onPress;
-		$[40] = uiConfig;
-		$[41] = t23;
-	} else t23 = $[41];
+		$[37] = disableDropdown;
+		$[38] = disableManualEntry;
+		$[39] = isDisabled;
+		$[40] = onPress;
+		$[41] = uiConfig;
+		$[42] = t23;
+	} else t23 = $[42];
 	let t24;
-	if ($[42] !== t21 || $[43] !== t22 || $[44] !== t23) {
+	if ($[43] !== t21 || $[44] !== t22 || $[45] !== t23) {
 		t24 = /* @__PURE__ */ jsxs("div", {
 			className: t21,
 			children: [t22, t23]
 		});
-		$[42] = t21;
-		$[43] = t22;
-		$[44] = t23;
-		$[45] = t24;
-	} else t24 = $[45];
+		$[43] = t21;
+		$[44] = t22;
+		$[45] = t23;
+		$[46] = t24;
+	} else t24 = $[46];
 	let t25;
-	if ($[46] !== fieldProps || $[47] !== focusWithinProps || $[48] !== hoverProps || $[49] !== ref || $[50] !== t10 || $[51] !== t11 || $[52] !== t12 || $[53] !== t13 || $[54] !== t14 || $[55] !== t15 || $[56] !== t20 || $[57] !== t24 || $[58] !== t4 || $[59] !== t5 || $[60] !== t6 || $[61] !== t7 || $[62] !== t8 || $[63] !== t9) {
+	if ($[47] !== fieldProps || $[48] !== focusWithinProps || $[49] !== hoverProps || $[50] !== ref || $[51] !== t10 || $[52] !== t11 || $[53] !== t12 || $[54] !== t13 || $[55] !== t14 || $[56] !== t15 || $[57] !== t20 || $[58] !== t24 || $[59] !== t4 || $[60] !== t5 || $[61] !== t6 || $[62] !== t7 || $[63] !== t8 || $[64] !== t9) {
 		t25 = /* @__PURE__ */ jsxs("div", {
 			ref,
 			className: t4,
@@ -202,26 +203,26 @@ var TimePickerInput = (t0) => {
 			...hoverProps,
 			children: [t20, t24]
 		});
-		$[46] = fieldProps;
-		$[47] = focusWithinProps;
-		$[48] = hoverProps;
-		$[49] = ref;
-		$[50] = t10;
-		$[51] = t11;
-		$[52] = t12;
-		$[53] = t13;
-		$[54] = t14;
-		$[55] = t15;
-		$[56] = t20;
-		$[57] = t24;
-		$[58] = t4;
-		$[59] = t5;
-		$[60] = t6;
-		$[61] = t7;
-		$[62] = t8;
-		$[63] = t9;
-		$[64] = t25;
-	} else t25 = $[64];
+		$[47] = fieldProps;
+		$[48] = focusWithinProps;
+		$[49] = hoverProps;
+		$[50] = ref;
+		$[51] = t10;
+		$[52] = t11;
+		$[53] = t12;
+		$[54] = t13;
+		$[55] = t14;
+		$[56] = t15;
+		$[57] = t20;
+		$[58] = t24;
+		$[59] = t4;
+		$[60] = t5;
+		$[61] = t6;
+		$[62] = t7;
+		$[63] = t8;
+		$[64] = t9;
+		$[65] = t25;
+	} else t25 = $[65];
 	return t25;
 };
 function _temp(segment) {

package/dist/config/uiConfig.context.d.ts

@@ -34,7 +34,7 @@ export declare namespace UIConfig {
         };
         toggle: Pick<ToggleProps, "variant">;
         slider: Pick<SliderProps, "minValue" | "maxValue">;
-        dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear"> & {
+        dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear" | "fireBlurOnChange"> & {
             calendarIcon?: ReactElement;
             dateTimeIcon?: ReactElement;
             timeIcon?: ReactElement;

package/dist/config/uiConfig.context.js

@@ -57,6 +57,7 @@ var UIConfig;
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
 			autoFixYear: false,
+			fireBlurOnChange: false,
 			calendarIcon: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-5" }),
 			dateTimeIcon: /* @__PURE__ */ jsx(DateTimeIcon, { className: "size-5" }),
 			timeIcon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-6 text-interactive-text-secondary-idle" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.3.0-rc.18",
+  "version": "2.3.0-rc.19",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",