@povio/ui 3.0.0-rc.3 → 3.1.0

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

@@ -1,209 +1,98 @@
 import { CalendarGrid } from "./CalendarGrid.js";
 import { CalendarSelectHeader } from "./CalendarSelectHeader.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { useRef } from "react";
+import { useMemo, useRef } from "react";
 import { useRangeCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
-var RangeCalendar = (t0) => {
-	const $ = c(56);
-	const { className, leftCalendarState, rightCalendarState, calendarProps, onApply, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation } = t0;
+var RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation }) => {
 	const leftRef = useRef(null);
 	const rightRef = useRef(null);
 	const { calendarProps: leftCalendarAriaProps } = useRangeCalendar(calendarProps, leftCalendarState, leftRef);
 	const { calendarProps: rightCalendarAriaProps } = useRangeCalendar(calendarProps, rightCalendarState, rightRef);
 	const leftDate = leftCalendarState.visibleRange.start;
 	const rightDate = rightCalendarState.visibleRange.start;
-	let t1;
-	if ($[0] !== onKeyboardNavigation) {
-		t1 = (event, date) => onKeyboardNavigation?.(event, date, "left") ?? false;
-		$[0] = onKeyboardNavigation;
-		$[1] = t1;
-	} else t1 = $[1];
-	const handleLeftKeyboardNavigation = t1;
-	let t2;
-	if ($[2] !== onKeyboardNavigation) {
-		t2 = (event_0, date_0) => onKeyboardNavigation?.(event_0, date_0, "right") ?? false;
-		$[2] = onKeyboardNavigation;
-		$[3] = t2;
-	} else t2 = $[3];
-	const handleRightKeyboardNavigation = t2;
-	let t3;
-	if ($[4] !== leftCalendarState || $[5] !== rightCalendarState.visibleRange.start) {
-		t3 = (newDate) => {
-			const rightCurrentDate = rightCalendarState.visibleRange.start;
-			if (newDate.year < rightCurrentDate.year || newDate.year === rightCurrentDate.year && newDate.month < rightCurrentDate.month) leftCalendarState.setFocusedDate(newDate);
-			else {
-				const closestValidDate = rightCurrentDate.subtract({ months: 1 });
-				leftCalendarState.setFocusedDate(closestValidDate);
-			}
-		};
-		$[4] = leftCalendarState;
-		$[5] = rightCalendarState.visibleRange.start;
-		$[6] = t3;
-	} else t3 = $[6];
-	const handleLeftNavigate = t3;
-	let t4;
-	if ($[7] !== leftCalendarState.visibleRange.start || $[8] !== rightCalendarState) {
-		t4 = (newDate_0) => {
-			const leftCurrentDate = leftCalendarState.visibleRange.start;
-			if (newDate_0.year > leftCurrentDate.year || newDate_0.year === leftCurrentDate.year && newDate_0.month > leftCurrentDate.month) rightCalendarState.setFocusedDate(newDate_0);
-			else {
-				const closestValidDate_0 = leftCurrentDate.add({ months: 1 });
-				rightCalendarState.setFocusedDate(closestValidDate_0);
-			}
-		};
-		$[7] = leftCalendarState.visibleRange.start;
-		$[8] = rightCalendarState;
-		$[9] = t4;
-	} else t4 = $[9];
-	const handleRightNavigate = t4;
-	let t5;
-	if ($[10] !== leftDate) {
-		t5 = leftDate.add({ months: 1 });
-		$[10] = leftDate;
-		$[11] = t5;
-	} else t5 = $[11];
-	const leftNextDate = t5;
-	const isNextDisabled = leftNextDate.year > rightDate.year || leftNextDate.year === rightDate.year && leftNextDate.month === rightDate.month;
-	let t6;
-	if ($[12] !== rightDate) {
-		t6 = rightDate.subtract({ months: 1 });
-		$[12] = rightDate;
-		$[13] = t6;
-	} else t6 = $[13];
-	const rightPrevDate = t6;
-	const isPrevDisabled = rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
-	let t7;
-	if ($[14] !== className) {
-		t7 = clsx("flex w-fit flex-col items-center bg-elevation-fill-default-1", className);
-		$[14] = className;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== handleLeftNavigate || $[17] !== isNextDisabled || $[18] !== leftCalendarState || $[19] !== rightDate) {
-		t8 = /* @__PURE__ */ jsx(CalendarSelectHeader, {
-			state: leftCalendarState,
-			isNextMonthDisabled: isNextDisabled,
-			isNextYearDisabled: isNextDisabled,
-			onNavigate: handleLeftNavigate,
-			maxDate: rightDate
-		});
-		$[16] = handleLeftNavigate;
-		$[17] = isNextDisabled;
-		$[18] = leftCalendarState;
-		$[19] = rightDate;
-		$[20] = t8;
-	} else t8 = $[20];
-	let t9;
-	if ($[21] !== handleLeftKeyboardNavigation || $[22] !== hoverDate || $[23] !== leftCalendarState || $[24] !== onApply || $[25] !== onDateHover || $[26] !== onDateSelection || $[27] !== rangeSelection) {
-		t9 = /* @__PURE__ */ jsx(CalendarGrid, {
-			state: leftCalendarState,
-			onApply,
-			shouldCloseOnSelect: false,
-			onDateSelection,
-			rangeSelection,
-			onDateHover,
-			hoverDate,
-			onKeyboardNavigation: handleLeftKeyboardNavigation,
-			className: "h-64 w-[304px]!",
-			calendarSide: "left"
-		});
-		$[21] = handleLeftKeyboardNavigation;
-		$[22] = hoverDate;
-		$[23] = leftCalendarState;
-		$[24] = onApply;
-		$[25] = onDateHover;
-		$[26] = onDateSelection;
-		$[27] = rangeSelection;
-		$[28] = t9;
-	} else t9 = $[28];
-	let t10;
-	if ($[29] !== leftCalendarAriaProps || $[30] !== t8 || $[31] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
-			...leftCalendarAriaProps,
-			ref: leftRef,
-			className: "flex flex-col items-center",
-			children: [t8, t9]
-		});
-		$[29] = leftCalendarAriaProps;
-		$[30] = t8;
-		$[31] = t9;
-		$[32] = t10;
-	} else t10 = $[32];
-	let t11;
-	if ($[33] !== handleRightNavigate || $[34] !== isPrevDisabled || $[35] !== leftDate || $[36] !== rightCalendarState) {
-		t11 = /* @__PURE__ */ jsx(CalendarSelectHeader, {
-			state: rightCalendarState,
-			isPrevMonthDisabled: isPrevDisabled,
-			isPrevYearDisabled: isPrevDisabled,
-			onNavigate: handleRightNavigate,
-			minDate: leftDate
-		});
-		$[33] = handleRightNavigate;
-		$[34] = isPrevDisabled;
-		$[35] = leftDate;
-		$[36] = rightCalendarState;
-		$[37] = t11;
-	} else t11 = $[37];
-	let t12;
-	if ($[38] !== handleRightKeyboardNavigation || $[39] !== hoverDate || $[40] !== onApply || $[41] !== onDateHover || $[42] !== onDateSelection || $[43] !== rangeSelection || $[44] !== rightCalendarState) {
-		t12 = /* @__PURE__ */ jsx(CalendarGrid, {
-			state: rightCalendarState,
-			onApply,
-			shouldCloseOnSelect: false,
-			onDateSelection,
-			rangeSelection,
-			onDateHover,
-			hoverDate,
-			onKeyboardNavigation: handleRightKeyboardNavigation,
-			className: "h-64 w-[304px]!",
-			calendarSide: "right"
-		});
-		$[38] = handleRightKeyboardNavigation;
-		$[39] = hoverDate;
-		$[40] = onApply;
-		$[41] = onDateHover;
-		$[42] = onDateSelection;
-		$[43] = rangeSelection;
-		$[44] = rightCalendarState;
-		$[45] = t12;
-	} else t12 = $[45];
-	let t13;
-	if ($[46] !== rightCalendarAriaProps || $[47] !== t11 || $[48] !== t12) {
-		t13 = /* @__PURE__ */ jsxs("div", {
-			...rightCalendarAriaProps,
-			ref: rightRef,
-			className: "hidden flex-col items-center md:flex",
-			children: [t11, t12]
-		});
-		$[46] = rightCalendarAriaProps;
-		$[47] = t11;
-		$[48] = t12;
-		$[49] = t13;
-	} else t13 = $[49];
-	let t14;
-	if ($[50] !== t10 || $[51] !== t13) {
-		t14 = /* @__PURE__ */ jsxs("div", {
+	const handleLeftKeyboardNavigation = (event, date) => {
+		return onKeyboardNavigation?.(event, date, "left") ?? false;
+	};
+	const handleRightKeyboardNavigation = (event, date) => {
+		return onKeyboardNavigation?.(event, date, "right") ?? false;
+	};
+	const handleLeftNavigate = (newDate) => {
+		const rightCurrentDate = rightCalendarState.visibleRange.start;
+		if (newDate.year < rightCurrentDate.year || newDate.year === rightCurrentDate.year && newDate.month < rightCurrentDate.month) leftCalendarState.setFocusedDate(newDate);
+		else {
+			const closestValidDate = rightCurrentDate.subtract({ months: 1 });
+			leftCalendarState.setFocusedDate(closestValidDate);
+		}
+	};
+	const handleRightNavigate = (newDate) => {
+		const leftCurrentDate = leftCalendarState.visibleRange.start;
+		if (newDate.year > leftCurrentDate.year || newDate.year === leftCurrentDate.year && newDate.month > leftCurrentDate.month) rightCalendarState.setFocusedDate(newDate);
+		else {
+			const closestValidDate = leftCurrentDate.add({ months: 1 });
+			rightCalendarState.setFocusedDate(closestValidDate);
+		}
+	};
+	const isNextDisabled = useMemo(() => {
+		const leftNextDate = leftDate.add({ months: 1 });
+		return leftNextDate.year > rightDate.year || leftNextDate.year === rightDate.year && leftNextDate.month === rightDate.month;
+	}, [leftDate, rightDate]);
+	const isPrevDisabled = useMemo(() => {
+		const rightPrevDate = rightDate.subtract({ months: 1 });
+		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
+	}, [leftDate, rightDate]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("flex w-fit flex-col items-center bg-elevation-fill-default-1", className),
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex",
-			children: [t10, t13]
-		});
-		$[50] = t10;
-		$[51] = t13;
-		$[52] = t14;
-	} else t14 = $[52];
-	let t15;
-	if ($[53] !== t14 || $[54] !== t7) {
-		t15 = /* @__PURE__ */ jsx("div", {
-			className: t7,
-			children: t14
-		});
-		$[53] = t14;
-		$[54] = t7;
-		$[55] = t15;
-	} else t15 = $[55];
-	return t15;
+			children: [/* @__PURE__ */ jsxs("div", {
+				...leftCalendarAriaProps,
+				ref: leftRef,
+				className: "flex flex-col items-center",
+				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
+					state: leftCalendarState,
+					isNextMonthDisabled: isNextDisabled,
+					isNextYearDisabled: isNextDisabled,
+					onNavigate: handleLeftNavigate,
+					maxDate: rightDate
+				}), /* @__PURE__ */ jsx(CalendarGrid, {
+					state: leftCalendarState,
+					onApply,
+					shouldCloseOnSelect: false,
+					onDateSelection,
+					rangeSelection,
+					onDateHover,
+					hoverDate,
+					onKeyboardNavigation: handleLeftKeyboardNavigation,
+					className: "h-64 w-[304px]!",
+					calendarSide: "left"
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				...rightCalendarAriaProps,
+				ref: rightRef,
+				className: "hidden flex-col items-center md:flex",
+				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
+					state: rightCalendarState,
+					isPrevMonthDisabled: isPrevDisabled,
+					isPrevYearDisabled: isPrevDisabled,
+					onNavigate: handleRightNavigate,
+					minDate: leftDate
+				}), /* @__PURE__ */ jsx(CalendarGrid, {
+					state: rightCalendarState,
+					onApply,
+					shouldCloseOnSelect: false,
+					onDateSelection,
+					rangeSelection,
+					onDateHover,
+					hoverDate,
+					onKeyboardNavigation: handleRightKeyboardNavigation,
+					className: "h-64 w-[304px]!",
+					calendarSide: "right"
+				})]
+			})]
+		})
+	});
 };
 //#endregion
 export { RangeCalendar };

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

@@ -1,38 +1,19 @@
 import { DateSegmentItem } from "./DateSegmentItem.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/TimeField.tsx
-var TimeField = (t0) => {
-	const $ = c(8);
-	const { ref, fieldProps, state, isDisabled, hidePlaceholder } = t0;
-	let t1;
-	if ($[0] !== hidePlaceholder || $[1] !== isDisabled || $[2] !== state) {
-		t1 = state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
+var TimeField = ({ ref, fieldProps, state, isDisabled, hidePlaceholder }) => {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
+		...fieldProps,
+		ref,
+		className: "flex",
+		children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
 			segment,
 			state,
 			isDisabled,
 			timePickerOnly: true,
 			hidePlaceholder
-		}, i));
-		$[0] = hidePlaceholder;
-		$[1] = isDisabled;
-		$[2] = state;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== fieldProps || $[5] !== ref || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
-			...fieldProps,
-			ref,
-			className: "flex",
-			children: t1
-		}) });
-		$[4] = fieldProps;
-		$[5] = ref;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+		}, i))
+	}) });
 };
 //#endregion
 export { TimeField };