@povio/ui 3.4.0-rc.39 → 3.4.0-rc.40

package/dist/{DateRangePicker-DvRJMCFM.js → DateRangePicker-BEluwe3q.js}

@@ -463,6 +463,80 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
 	});
 };
 //#endregion
+//#region src/components/inputs/DateTime/DateRangePicker/dateRangePreset.utils.ts
+const dateRangePresetValues = [
+	"thisWeek",
+	"lastWeek",
+	"thisAndLastWeek",
+	"thisMonth",
+	"thisAndLastMonth",
+	"thisYear",
+	"lastYear",
+	"thisAndLastYear",
+	"soFar"
+];
+const isStoredRelativeDateRangeValue = (value) => typeof value === "object" && value !== null && typeof value.relativeValue === "string";
+const isRelativeDateRangeValue = (value) => isStoredRelativeDateRangeValue(value) && typeof value.resolvedValue === "object";
+const isDateRangePresetValue = (value) => dateRangePresetValues.some((preset) => preset === value);
+const getDateRangePreset = (value, currentDate = today(getLocalTimeZone()), locale = "en-GB") => {
+	if (!isDateRangePresetValue(value)) return;
+	const previousYear = currentDate.subtract({ years: 1 });
+	switch (value) {
+		case "thisWeek": return {
+			start: startOfWeek(currentDate, locale),
+			end: endOfWeek(currentDate, locale)
+		};
+		case "lastWeek": {
+			const thisWeekStart = startOfWeek(currentDate, locale);
+			return {
+				start: thisWeekStart.subtract({ weeks: 1 }),
+				end: thisWeekStart.subtract({ days: 1 })
+			};
+		}
+		case "thisAndLastWeek": return {
+			start: startOfWeek(currentDate, locale).subtract({ weeks: 1 }),
+			end: endOfWeek(currentDate, locale)
+		};
+		case "thisMonth": return {
+			start: startOfMonth(currentDate),
+			end: endOfMonth(currentDate)
+		};
+		case "thisAndLastMonth": return {
+			start: startOfMonth(currentDate).subtract({ months: 1 }),
+			end: endOfMonth(currentDate)
+		};
+		case "thisYear":
+		case "soFar": return {
+			start: startOfYear(currentDate),
+			end: currentDate
+		};
+		case "lastYear": return {
+			start: startOfYear(previousYear),
+			end: endOfYear(previousYear)
+		};
+		case "thisAndLastYear": return {
+			start: startOfYear(previousYear),
+			end: currentDate
+		};
+	}
+};
+const resolveDateRangePreset = (value, currentDate = today(getLocalTimeZone()), locale = "en-GB") => {
+	const range = getDateRangePreset(value, currentDate, locale);
+	if (!range) return;
+	return {
+		start: DateTimeUtils.fromCalendarDateToUTCISO(range.start),
+		end: DateTimeUtils.fromCalendarDateToUTCISO(range.end, { endOfDay: true })
+	};
+};
+const hydrateRelativeDateRangeValue = (value, currentDate = today(getLocalTimeZone()), locale = "en-GB") => {
+	if (isRelativeDateRangeValue(value)) return value;
+	const resolvedValue = resolveDateRangePreset(value.relativeValue, currentDate, locale);
+	return resolvedValue ? {
+		relativeValue: value.relativeValue,
+		resolvedValue
+	} : void 0;
+};
+//#endregion
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.tsx
 const DateRangePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -939,39 +1013,7 @@ const DateRangePickerBase = (props) => {
 		state.toggle();
 	};
 	const todayDate = today(effectiveTimeZone);
-	const getThisWeekRange = () => {
-		return {
-			start: startOfWeek(todayDate, locale),
-			end: endOfWeek(todayDate, locale)
-		};
-	};
-	const getLastWeekRange = () => {
-		const thisWeekStart = startOfWeek(todayDate, locale);
-		return {
-			start: thisWeekStart.subtract({ weeks: 1 }),
-			end: thisWeekStart.subtract({ days: 1 })
-		};
-	};
-	const getThisAndLastWeekRange = () => {
-		const thisWeekEnd = endOfWeek(todayDate, locale);
-		return {
-			start: startOfWeek(todayDate, locale).subtract({ weeks: 1 }),
-			end: thisWeekEnd
-		};
-	};
-	const getThisMonthRange = () => {
-		return {
-			start: startOfMonth(todayDate),
-			end: endOfMonth(todayDate)
-		};
-	};
-	const getThisAndLastMonthRange = () => {
-		const thisMonthEnd = endOfMonth(todayDate);
-		return {
-			start: startOfMonth(todayDate).subtract({ months: 1 }),
-			end: thisMonthEnd
-		};
-	};
+	const getPresetRange = (value) => () => getDateRangePreset(value, todayDate, locale);
 	const createPreset = (params) => {
 		let clampedValue = clampRangeToBounds(params.getValue());
 		let isDisabled = false;
@@ -1000,59 +1042,47 @@ const DateRangePickerBase = (props) => {
 		createPreset({
 			value: "thisWeek",
 			label: t(($) => $.ui.datePicker.presets.thisWeek, { ns: "ui" }),
-			getValue: getThisWeekRange
+			getValue: getPresetRange("thisWeek")
 		}),
 		createPreset({
 			value: "lastWeek",
 			label: t(($) => $.ui.datePicker.presets.lastWeek, { ns: "ui" }),
-			getValue: getLastWeekRange
+			getValue: getPresetRange("lastWeek")
 		}),
 		createPreset({
 			value: "thisAndLastWeek",
 			label: t(($) => $.ui.datePicker.presets.thisAndLastWeek, { ns: "ui" }),
-			getValue: getThisAndLastWeekRange
+			getValue: getPresetRange("thisAndLastWeek")
 		}),
 		createPreset({
 			value: "thisMonth",
 			label: t(($) => $.ui.datePicker.presets.thisMonth, { ns: "ui" }),
-			getValue: getThisMonthRange
+			getValue: getPresetRange("thisMonth")
 		}),
 		createPreset({
 			value: "thisAndLastMonth",
 			label: t(($) => $.ui.datePicker.presets.thisAndLastMonth, { ns: "ui" }),
-			getValue: getThisAndLastMonthRange
+			getValue: getPresetRange("thisAndLastMonth")
 		}),
 		createPreset({
 			value: "thisYear",
 			label: t(($) => $.ui.datePicker.presets.thisYear, { ns: "ui" }),
-			getValue: () => ({
-				start: startOfYear(todayDate),
-				end: todayDate
-			})
+			getValue: getPresetRange("thisYear")
 		}),
 		createPreset({
 			value: "lastYear",
 			label: t(($) => $.ui.datePicker.presets.lastYear, { ns: "ui" }),
-			getValue: () => ({
-				start: startOfYear(todayDate.subtract({ years: 1 })),
-				end: endOfYear(todayDate.subtract({ years: 1 }))
-			})
+			getValue: getPresetRange("lastYear")
 		}),
 		createPreset({
 			value: "thisAndLastYear",
 			label: t(($) => $.ui.datePicker.presets.thisAndLastYear, { ns: "ui" }),
-			getValue: () => ({
-				start: startOfYear(todayDate.subtract({ years: 1 })),
-				end: todayDate
-			})
+			getValue: getPresetRange("thisAndLastYear")
 		}),
 		createPreset({
 			value: "soFar",
 			label: t(($) => $.ui.datePicker.presets.soFar, { ns: "ui" }),
-			getValue: () => ({
-				start: startOfYear(todayDate),
-				end: todayDate
-			}),
+			getValue: getPresetRange("soFar"),
 			keepEnabledUnlessFutureMin: true
 		}),
 		...relativeOptions.map((option) => {
@@ -1470,4 +1500,4 @@ const DateRangePickerComponent = ({ fullIso = true, minValue, maxValue, renderSt
 };
 const DateRangePicker = memo(DateRangePickerComponent);
 //#endregion
-export { DateRangePicker as t };
+export { isDateRangePresetValue as a, resolveDateRangePreset as c, hydrateRelativeDateRangeValue as i, dateRangePresetValues as n, isRelativeDateRangeValue as o, getDateRangePreset as r, isStoredRelativeDateRangeValue as s, DateRangePicker as t };

package/dist/{InputItem-BmdkOG5-.js → InputItem-122JkDYJ.js}

@@ -1,7 +1,7 @@
 import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
 import { t as Checkbox } from "./Checkbox-DUz32jLa.js";
 import { t as Slider } from "./Slider-BaPUnnLF.js";
-import { t as DateRangePicker } from "./DateRangePicker-DvRJMCFM.js";
+import { t as DateRangePicker } from "./DateRangePicker-BEluwe3q.js";
 import { t as Toggle } from "./Toggle-JHUOY2Mh.js";
 import { t as TextArea } from "./TextArea-DGf6by6e.js";
 import { TextInput } from "./components/text-input.js";

package/dist/{Inputs-uXqCGqG4.js → Inputs-BT0CNY2g.js}

@@ -1,4 +1,4 @@
-import { t as InputItem } from "./InputItem-BmdkOG5-.js";
+import { t as InputItem } from "./InputItem-122JkDYJ.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs({ form, inputDefs, children }) {

package/dist/components/date-range-picker.d.ts

@@ -1,2 +1,27 @@
 import { a as DateRangeResolvedValue, i as DateRangeRelativeOption, n as DateRangePicker, r as DateRangePickerProps, t as ControlledDateRangePickerProps } from "../DateRangePicker-DLuRwuw1.js";
-export { type ControlledDateRangePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangeRelativeOption, type DateRangeResolvedValue };
+import { CalendarDate } from "@internationalized/date";
+//#region src/components/inputs/DateTime/DateRangePicker/dateRangePreset.utils.d.ts
+declare const dateRangePresetValues: readonly ["thisWeek", "lastWeek", "thisAndLastWeek", "thisMonth", "thisAndLastMonth", "thisYear", "lastYear", "thisAndLastYear", "soFar"];
+type DateRangePresetValue = (typeof dateRangePresetValues)[number];
+interface DateRangePreset {
+  start: CalendarDate;
+  end: CalendarDate;
+}
+interface ResolvedDateRangePreset {
+  start: string;
+  end: string;
+}
+interface StoredRelativeDateRangeValue {
+  relativeValue: string;
+}
+interface RelativeDateRangeValue extends StoredRelativeDateRangeValue {
+  resolvedValue: ResolvedDateRangePreset;
+}
+declare const isStoredRelativeDateRangeValue: (value: unknown) => value is StoredRelativeDateRangeValue;
+declare const isRelativeDateRangeValue: (value: unknown) => value is RelativeDateRangeValue;
+declare const isDateRangePresetValue: (value: string) => value is DateRangePresetValue;
+declare const getDateRangePreset: (value: string, currentDate?: CalendarDate, locale?: string) => DateRangePreset | undefined;
+declare const resolveDateRangePreset: (value: string, currentDate?: CalendarDate, locale?: string) => ResolvedDateRangePreset | undefined;
+declare const hydrateRelativeDateRangeValue: (value: StoredRelativeDateRangeValue, currentDate?: CalendarDate, locale?: string) => RelativeDateRangeValue | undefined;
+//#endregion
+export { type ControlledDateRangePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangePresetValue, type DateRangeRelativeOption, type DateRangeResolvedValue, type RelativeDateRangeValue, type ResolvedDateRangePreset, type StoredRelativeDateRangeValue, dateRangePresetValues, getDateRangePreset, hydrateRelativeDateRangeValue, isDateRangePresetValue, isRelativeDateRangeValue, isStoredRelativeDateRangeValue, resolveDateRangePreset };

package/dist/components/date-range-picker.js

@@ -1,2 +1,2 @@
-import { t as DateRangePicker } from "../DateRangePicker-DvRJMCFM.js";
-export { DateRangePicker };
+import { a as isDateRangePresetValue, c as resolveDateRangePreset, i as hydrateRelativeDateRangeValue, n as dateRangePresetValues, o as isRelativeDateRangeValue, r as getDateRangePreset, s as isStoredRelativeDateRangeValue, t as DateRangePicker } from "../DateRangePicker-BEluwe3q.js";
+export { DateRangePicker, dateRangePresetValues, getDateRangePreset, hydrateRelativeDateRangeValue, isDateRangePresetValue, isRelativeDateRangeValue, isStoredRelativeDateRangeValue, resolveDateRangePreset };

package/dist/rhf/date-range-picker.js

@@ -1,4 +1,4 @@
-import { t as DateRangePicker$1 } from "../DateRangePicker-DvRJMCFM.js";
+import { t as DateRangePicker$1 } from "../DateRangePicker-BEluwe3q.js";
 import { n as runtime, r as useFireBlurOnChange, t as renderRHFField } from "../fieldAdapter-C2YfWBmM.js";
 import { n as toCalendarDateRange } from "../date.transforms-DLg-eFcE.js";
 //#region src/entries/rhf/date-range-picker.ts

package/dist/tanstack/date-range-picker.js

@@ -1,2 +1,2 @@
-import { t as DateRangePicker } from "../DateRangePicker-DvRJMCFM.js";
+import { t as DateRangePicker } from "../DateRangePicker-BEluwe3q.js";
 export { DateRangePicker };

package/dist/tanstack/form.js

@@ -1,2 +1,2 @@
-import { i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "../useFormAutosave-CBtT6V83.js";
+import { i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "../useFormAutosave-DTv1J6w2.js";
 export { Form, useForm, useFormAutosave, useFormState, useFormValue };

package/dist/tanstack/inputs.js

@@ -1,3 +1,3 @@
 import { t as dynamicInputs } from "../dynamicInputs-0GjoOaz5.js";
-import { t as Inputs } from "../Inputs-uXqCGqG4.js";
+import { t as Inputs } from "../Inputs-BT0CNY2g.js";
 export { Inputs, dynamicInputs };

package/dist/tanstack.js

@@ -14,7 +14,7 @@ import { a as breadcrumbSegmentDefinition, i as breadcrumbItemDefinition, n as b
 import { t as Checkbox } from "./Checkbox-DUz32jLa.js";
 import { t as Slider } from "./Slider-BaPUnnLF.js";
 import { n as useScrollableListBox } from "./Calendar-KJOP6Bcq.js";
-import { t as DateRangePicker } from "./DateRangePicker-DvRJMCFM.js";
+import { t as DateRangePicker } from "./DateRangePicker-BEluwe3q.js";
 import { a as accordionHeadingSubtitleDefinition, c as accordionItemDefinition, d as accordionTriggerDefinition, i as accordionHeadingDefinition, l as accordionPanelContentDefinition, n as accordionChevronDefinition, o as accordionHeadingTitleDefinition, r as accordionDefinition, s as accordionIconDefinition, t as Accordion, u as accordionPanelDefinition } from "./Accordion-BKBl-2EO.js";
 import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition, t as RadioGroup } from "./RadioGroup-oU2t4qb_.js";
 import { n as toggleDefinition, t as Toggle } from "./Toggle-JHUOY2Mh.js";
@@ -91,6 +91,6 @@ import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
 import { t as useFilters } from "./useFilters-20jpzc29.js";
 import { n as useStateAndRef, t as DomUtils } from "./dom.utils-BOIN4YDz.js";
 import { n as ArrayUtils, t as QueriesUtils } from "./queries.utils-CmbhAoHU.js";
-import { a as useAutosave, i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "./useFormAutosave-CBtT6V83.js";
-import { t as Inputs } from "./Inputs-uXqCGqG4.js";
+import { a as useAutosave, i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "./useFormAutosave-DTv1J6w2.js";
+import { t as Inputs } from "./Inputs-BT0CNY2g.js";
 export { Accordion, ActionModal, Alert, ArrayUtils, Autocomplete, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, X as CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, InfiniteTable, InlineIconButton, InputUpload, Inputs, IntlUtils, Link, LinkContext, Loader, Menu, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RoutingUtils, Segment, Select, Slider, SplitButton, Stepper, StringUtils, Table, Tag, TextArea, TextButton, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, ToastProvider, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useFormState, useFormValue, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/{useFormAutosave-CBtT6V83.js → useFormAutosave-DTv1J6w2.js}

@@ -2,7 +2,7 @@ import { a as isEqual, o as ObjectUtils } from "./uiConfig.context-BG4jfp9p.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
 import { n as getDefaultInputComponentType } from "./dynamicInputs-0GjoOaz5.js";
-import { t as InputItem } from "./InputItem-BmdkOG5-.js";
+import { t as InputItem } from "./InputItem-122JkDYJ.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/package.json

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