@povio/ui 3.2.4-rc.4 → 3.3.0-rc.2

package/dist/components/table/TableColumnFilterPlaceholder.d.ts

@@ -0,0 +1,5 @@
+interface TableColumnFilterPlaceholderProps {
+    label?: string;
+}
+export declare const TableColumnFilterPlaceholder: ({ label }: TableColumnFilterPlaceholderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/TableColumnFilterPlaceholder.js

@@ -0,0 +1,41 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/components/table/TableColumnFilterPlaceholder.tsx
+var columnFilterPlaceholderClassName = clsx("h-[calc(var(--spacing-input-height-xs)*2+var(--text-label-2)*var(--text-label-2--line-height)+2px)]", "flex w-full min-w-0 items-center overflow-hidden", "rounded-input-rounding-default border border-solid border-input-outlined-outline-disabled/50", "bg-input-filled-idle px-input-side-xs text-label-2");
+var TableColumnFilterPlaceholder = (t0) => {
+	const $ = c(8);
+	const { label } = t0;
+	const t1 = label ? void 0 : true;
+	const t2 = label && "text-text-default-2";
+	let t3;
+	if ($[0] !== t2) {
+		t3 = clsx(columnFilterPlaceholderClassName, t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== label) {
+		t4 = label ? /* @__PURE__ */ jsx("span", {
+			className: "min-w-0 truncate",
+			children: label
+		}) : null;
+		$[2] = label;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== t1 || $[5] !== t3 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			"aria-hidden": t1,
+			className: t3,
+			children: t4
+		});
+		$[4] = t1;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
+};
+//#endregion
+export { TableColumnFilterPlaceholder };

package/dist/components/table/TableColumnFilterRow.d.ts

@@ -0,0 +1,16 @@
+import { Header } from '@tanstack/react-table';
+import { UseFormReturn } from 'react-hook-form';
+import { InputDef } from '../inputs/Inputs/InputItem';
+import { UIOverrides } from '../../config/uiOverrides.context';
+import { TableHeadDataVariantProps } from './table.cva';
+interface TableColumnFilterRowProps<T> {
+    headers: Header<T, unknown>[];
+    filterForm: UseFormReturn<Record<string, any>>;
+    filterDefs: InputDef<any>[];
+    tableHeadDataCva: UIOverrides.Cva<TableHeadDataVariantProps>;
+    rowClassName?: string;
+    cellClassName?: string;
+    showCellBorder?: boolean;
+}
+export declare const TableColumnFilterRow: <T>({ headers, filterForm, filterDefs, tableHeadDataCva, rowClassName, cellClassName, showCellBorder, }: TableColumnFilterRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/TableColumnFilterRow.js

@@ -0,0 +1,68 @@
+import { TableColumnFilterInput } from "./TableColumnFilterInput.js";
+import { TableColumnFilterPlaceholder } from "./TableColumnFilterPlaceholder.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/components/table/TableColumnFilterRow.tsx
+var getColumnMeta = (header) => header.column.columnDef.meta ?? {};
+var TableColumnFilterRow = (t0) => {
+	const $ = c(18);
+	const { headers, filterForm, filterDefs, tableHeadDataCva, rowClassName, cellClassName, showCellBorder } = t0;
+	let t1;
+	if ($[0] !== filterDefs) {
+		t1 = new Map((filterDefs ?? []).map(_temp));
+		$[0] = filterDefs;
+		$[1] = t1;
+	} else t1 = $[1];
+	const inputDefsByName = t1;
+	let t2;
+	if ($[2] !== cellClassName || $[3] !== filterForm || $[4] !== headers || $[5] !== inputDefsByName || $[6] !== showCellBorder || $[7] !== tableHeadDataCva) {
+		let t3;
+		if ($[9] !== cellClassName || $[10] !== filterForm || $[11] !== inputDefsByName || $[12] !== showCellBorder || $[13] !== tableHeadDataCva) {
+			t3 = (header, index) => {
+				const columnMeta = getColumnMeta(header);
+				const filterKey = columnMeta.filterKey ?? header.column.id;
+				const filterDef_0 = inputDefsByName.get(filterKey);
+				return /* @__PURE__ */ jsx("th", {
+					colSpan: header.colSpan,
+					tabIndex: -1,
+					className: clsx(tableHeadDataCva({ hasRightBorder: index > 0 && showCellBorder }), "min-w-0 max-w-full overflow-hidden", cellClassName, columnMeta.width),
+					children: filterDef_0 ? /* @__PURE__ */ jsx(TableColumnFilterInput, {
+						form: filterForm,
+						inputDef: filterDef_0
+					}) : /* @__PURE__ */ jsx(TableColumnFilterPlaceholder, {})
+				}, `${header.id}-filter`);
+			};
+			$[9] = cellClassName;
+			$[10] = filterForm;
+			$[11] = inputDefsByName;
+			$[12] = showCellBorder;
+			$[13] = tableHeadDataCva;
+			$[14] = t3;
+		} else t3 = $[14];
+		t2 = headers.map(t3);
+		$[2] = cellClassName;
+		$[3] = filterForm;
+		$[4] = headers;
+		$[5] = inputDefsByName;
+		$[6] = showCellBorder;
+		$[7] = tableHeadDataCva;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[15] !== rowClassName || $[16] !== t2) {
+		t3 = /* @__PURE__ */ jsx("tr", {
+			className: rowClassName,
+			children: t2
+		});
+		$[15] = rowClassName;
+		$[16] = t2;
+		$[17] = t3;
+	} else t3 = $[17];
+	return t3;
+};
+function _temp(filterDef) {
+	return [String(filterDef.name), filterDef];
+}
+//#endregion
+export { TableColumnFilterRow };

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

@@ -48,7 +48,6 @@ export declare namespace UIConfig {
             setDateValueOnDateSelection?: boolean;
             timeZone?: string;
             todayIconButtonComponent?: DatePickerProps["todayIconButtonComponent"];
-            allowPartialRange?: boolean;
         };
         actionModal: Pick<ActionModalProps, "titleTypography" | "descriptionTypography">;
         bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;

package/dist/config/uiConfig.context.js

@@ -78,8 +78,7 @@ var UIConfig;
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",
-			shouldUpdateDateOnMonthYearChange: false,
-			allowPartialRange: false
+			shouldUpdateDateOnMonthYearChange: false
 		},
 		actionModal: {
 			titleTypography: {

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

@@ -158,6 +158,7 @@ export declare namespace UIOverrides {
             cva?: GenericCvaOption;
         };
         formField: {
+            cva?: GenericCvaOption;
             headerCva?: GenericCvaOption;
             errorLabelCva?: GenericCvaOption;
             helperLabelCva?: GenericCvaOption;

package/dist/helpers/dynamicColumns.js

@@ -1,4 +1,3 @@
-import { IntlUtils } from "../utils/intl.utils.js";
 import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
 import { DateUtils } from "../utils/date.utils.js";
@@ -12,7 +11,7 @@ var FORMAT_MAP = {
 		return `${DateUtils.formatDate(new Date(value.start))} - ${DateUtils.formatDate(new Date(value.end))}`;
 	},
 	enum: (value) => StringUtils.capitalize(value),
-	number: (value) => IntlUtils.getNumberFormatter(i18next.language).format(value),
+	number: (value) => value.toLocaleString(i18next.language),
 	string: (value) => String(value),
 	boolean: (value) => {
 		const key = `${DEFAULT_NAMESPACE}.${value ? "yes" : "no"}`;

package/dist/index.d.ts

@@ -193,6 +193,7 @@ export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './c
 export { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, } from './components/inputs/File/shared/progressBar.cva';
 export type { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, } from './components/inputs/File/shared/progressBar.cva';
 export { formFieldHeaderDefinition } from './components/inputs/FormField/formFieldHeader.cva';
+export { formFieldDefinition } from './components/inputs/FormField/formField.cva';
 export { formFieldErrorDefinition } from './components/inputs/FormField/formFieldError.cva';
 export { formFieldHelperDefinition } from './components/inputs/FormField/formFieldHelper.cva';
 export { textAreaWrapperDefinition } from './components/inputs/Input/TextArea/TextArea.cva';
@@ -253,7 +254,6 @@ export { DateTimeUtils } from './utils/date-time.utils';
 export { DomUtils } from './utils/dom.utils';
 export { FileUtils } from './utils/file.utils';
 export { isEqual } from './utils/isEqual';
-export { IntlUtils } from './utils/intl.utils';
 export { logger } from './utils/logger';
 export { ObjectUtils } from './utils/object.utils';
 export { QueriesUtils } from './utils/queries.utils';

package/dist/index.js

@@ -77,12 +77,12 @@ import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
 import { labelDefinition } from "./components/inputs/shared/label.cva.js";
 import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
+import { formFieldDefinition } from "./components/inputs/FormField/formField.cva.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
 import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
 import { CheckboxGroup } from "./components/inputs/Checkbox/CheckboxGroup.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
-import { IntlUtils } from "./utils/intl.utils.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
@@ -177,4 +177,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, 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, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, 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, formFieldDefinition, 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, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/utils/date-time.utils.d.ts

@@ -38,5 +38,6 @@ export declare namespace DateTimeUtils {
     export function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
     export function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
     export function fromUTCISOToCalendarDateTime(isoString: string, timeZone?: string): CalendarDateTime;
+    export function formatTextDateToCalendarDateTime(textDate: string | null, timeZone?: string, locale?: string): CalendarDateTime | null;
     export {};
 }

package/dist/utils/date-time.utils.js

@@ -1,4 +1,3 @@
-import { IntlUtils } from "./intl.utils.js";
 import { CalendarDate, CalendarDateTime, DateFormatter, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
 import { DateTime } from "luxon";
 //#region src/utils/date-time.utils.ts
@@ -6,42 +5,33 @@ var DateTimeUtils;
 (function(_DateTimeUtils) {
 	const DATE_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22));
 	const TIME_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22, 6, 45));
-	const timeFormatters = /* @__PURE__ */ new Map();
 	const getDayMonthFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
 	const getTimeHourFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
-	const getDatePlaceholderFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(locale, {
+	const getDatePlaceholderFormatter = (locale, options) => new Intl.DateTimeFormat(locale, {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric"
 	});
-	const getTimePlaceholderFormatter = (locale) => IntlUtils.getDateTimeFormatter(locale, {
+	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 	const getResolvedLocale = (locale) => {
 		if (locale) return locale;
-		return IntlUtils.getDateTimeFormatter().resolvedOptions().locale;
+		return new Intl.DateTimeFormat().resolvedOptions().locale;
 	};
-	const getDateFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
+	const getDateFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
 		timeZone: "UTC"
 	});
-	const getTimeFormatter = (locale, options) => {
-		const resolvedLocale = getResolvedLocale(locale);
-		const key = `${resolvedLocale}|${options?.shouldForceLeadingZeros ?? false}`;
-		const cachedFormatter = timeFormatters.get(key);
-		if (cachedFormatter) return cachedFormatter;
-		const formatter = new DateFormatter(resolvedLocale, {
-			hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
-			minute: "2-digit",
-			timeZone: "UTC"
-		});
-		timeFormatters.set(key, formatter);
-		return formatter;
-	};
-	const getDateTimeFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
+	const getTimeFormatter = (locale, options) => new DateFormatter(getResolvedLocale(locale), {
+		hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
+		minute: "2-digit",
+		timeZone: "UTC"
+	});
+	const getDateTimeFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
@@ -49,8 +39,22 @@ var DateTimeUtils;
 		minute: "2-digit",
 		timeZone: "UTC"
 	});
+	const getLocaleDateFormat = (locale) => {
+		const sampleDate = new Date(Date.UTC(2e3, 10, 22));
+		return new Intl.DateTimeFormat(locale, {
+			day: "2-digit",
+			month: "2-digit",
+			year: "numeric",
+			timeZone: "UTC"
+		}).formatToParts(sampleDate).map((part) => {
+			if (part.type === "day") return "dd";
+			if (part.type === "month") return "MM";
+			if (part.type === "year") return "yyyy";
+			return part.value;
+		}).join("");
+	};
 	const repeatLocalizedFieldLabel = (type, length, locale) => {
-		const placeholderChar = IntlUtils.getDisplayNamesFormatter(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
+		const placeholderChar = new Intl.DisplayNames(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
 		if (!placeholderChar) return null;
 		return placeholderChar.repeat(length);
 	};
@@ -187,6 +191,26 @@ var DateTimeUtils;
 		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, zonedDateTime.hour, zonedDateTime.minute, zonedDateTime.second, zonedDateTime.millisecond);
 	}
 	_DateTimeUtils.fromUTCISOToCalendarDateTime = fromUTCISOToCalendarDateTime;
+	function formatTextDateToCalendarDateTime(textDate, timeZone, locale) {
+		if (!textDate?.includes("hh")) return null;
+		const datePart = textDate.split(",").at(0)?.trim();
+		if (!datePart) return null;
+		const resolvedTimeZone = resolveTimeZone(timeZone);
+		const resolvedLocale = locale || Intl.DateTimeFormat().resolvedOptions().locale;
+		const localeDateFormat = getLocaleDateFormat(resolvedLocale);
+		const parseOptions = {
+			zone: resolvedTimeZone,
+			locale: resolvedLocale
+		};
+		let parsedDateTime = DateTime.fromFormat(datePart, localeDateFormat, parseOptions);
+		if (!parsedDateTime.isValid && localeDateFormat.includes("yyyy")) {
+			const shortYearFormat = localeDateFormat.replace("yyyy", "yy");
+			parsedDateTime = DateTime.fromFormat(datePart, shortYearFormat, parseOptions);
+		}
+		if (!parsedDateTime.isValid) return null;
+		return new CalendarDateTime(parsedDateTime.year, parsedDateTime.month, parsedDateTime.day, 0, 0, 0, 0);
+	}
+	_DateTimeUtils.formatTextDateToCalendarDateTime = formatTextDateToCalendarDateTime;
 })(DateTimeUtils || (DateTimeUtils = {}));
 //#endregion
 export { DateTimeUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.2.4-rc.4",
+  "version": "3.3.0-rc.2",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useFirefoxDateSegmentSelectionGuard: (containerRef: RefObject<HTMLElement | null>) => void;

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

@@ -1,33 +0,0 @@
-import { c } from "react/compiler-runtime";
-import { useLayoutEffect } from "react";
-import { isFirefox } from "@react-aria/utils";
-//#region src/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.ts
-var isEditableElement = (element) => element instanceof HTMLElement && (element.matches("input, textarea") || element.isContentEditable);
-var useFirefoxDateSegmentSelectionGuard = (containerRef) => {
-	const $ = c(3);
-	let t0;
-	let t1;
-	if ($[0] !== containerRef) {
-		t0 = () => {
-			const container = containerRef.current;
-			if (!container || !isFirefox()) return;
-			const onSelectionChange = (event) => {
-				const activeElement = document.activeElement;
-				const selection = window.getSelection();
-				if (isEditableElement(activeElement) && !container.contains(activeElement) && selection?.anchorNode && container.contains(selection.anchorNode)) event.stopImmediatePropagation();
-			};
-			document.addEventListener("selectionchange", onSelectionChange, true);
-			return () => document.removeEventListener("selectionchange", onSelectionChange, true);
-		};
-		t1 = [containerRef];
-		$[0] = containerRef;
-		$[1] = t0;
-		$[2] = t1;
-	} else {
-		t0 = $[1];
-		t1 = $[2];
-	}
-	useLayoutEffect(t0, t1);
-};
-//#endregion
-export { useFirefoxDateSegmentSelectionGuard };

package/dist/utils/intl.utils.d.ts

@@ -1,7 +0,0 @@
-type IntlLocale = Intl.LocalesArgument;
-export declare namespace IntlUtils {
-    const getDateTimeFormatter: (locale?: IntlLocale, options?: Intl.DateTimeFormatOptions) => Intl.DateTimeFormat;
-    const getDisplayNamesFormatter: (locale: IntlLocale, options: Intl.DisplayNamesOptions) => Intl.DisplayNames;
-    const getNumberFormatter: (locale?: IntlLocale, options?: Intl.NumberFormatOptions) => Intl.NumberFormat;
-}
-export {};

package/dist/utils/intl.utils.js

@@ -1,38 +0,0 @@
-//#region src/utils/intl.utils.ts
-var formatterCacheKey = (locale, options) => {
-	const locales = Array.isArray(locale) ? locale.map(String) : locale ? [String(locale)] : [];
-	const normalizedOptions = Object.entries(options ?? {}).sort(([left], [right]) => left.localeCompare(right));
-	return JSON.stringify([locales, normalizedOptions]);
-};
-var IntlUtils;
-(function(_IntlUtils) {
-	const dateTimeFormatters = /* @__PURE__ */ new Map();
-	const displayNamesFormatters = /* @__PURE__ */ new Map();
-	const numberFormatters = /* @__PURE__ */ new Map();
-	_IntlUtils.getDateTimeFormatter = (locale, options) => {
-		const key = formatterCacheKey(locale, options);
-		const cachedFormatter = dateTimeFormatters.get(key);
-		if (cachedFormatter) return cachedFormatter;
-		const formatter = new Intl.DateTimeFormat(locale, options);
-		dateTimeFormatters.set(key, formatter);
-		return formatter;
-	};
-	_IntlUtils.getDisplayNamesFormatter = (locale, options) => {
-		const key = formatterCacheKey(locale, options);
-		const cachedFormatter = displayNamesFormatters.get(key);
-		if (cachedFormatter) return cachedFormatter;
-		const formatter = new Intl.DisplayNames(locale, options);
-		displayNamesFormatters.set(key, formatter);
-		return formatter;
-	};
-	_IntlUtils.getNumberFormatter = (locale, options) => {
-		const key = formatterCacheKey(locale, options);
-		const cachedFormatter = numberFormatters.get(key);
-		if (cachedFormatter) return cachedFormatter;
-		const formatter = new Intl.NumberFormat(locale, options);
-		numberFormatters.set(key, formatter);
-		return formatter;
-	};
-})(IntlUtils || (IntlUtils = {}));
-//#endregion
-export { IntlUtils };

package/dist/utils/intl.utils.spec.d.ts

@@ -1 +0,0 @@
-export {};