@povio/ui 2.3.0-rc.9 → 2.3.1

package/dist/hooks/useSorting.js

@@ -1,79 +1,38 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 //#region src/hooks/useSorting.ts
-function useSorting(defaultSorting, t0) {
-	const $ = c(16);
-	const prefix = t0 === void 0 ? "" : t0;
+function useSorting(defaultSorting, prefix = "") {
 	const { replace, searchParams } = UIRouter.useUIRouter();
-	let t1;
-	if ($[0] !== defaultSorting || $[1] !== prefix || $[2] !== searchParams) {
-		t1 = defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map(_temp) ?? [];
-		$[0] = defaultSorting;
-		$[1] = prefix;
-		$[2] = searchParams;
-		$[3] = t1;
-	} else t1 = $[3];
-	const [sorting, setSorting] = useState(t1);
-	let t2;
-	if ($[4] !== sorting) {
-		t2 = sorting.map(_temp2).join(",");
-		$[4] = sorting;
-		$[5] = t2;
-	} else t2 = $[5];
-	const order = t2;
-	let t3;
-	if ($[6] !== order || $[7] !== prefix || $[8] !== replace || $[9] !== searchParams) {
-		t3 = () => {
-			const params = new URLSearchParams(searchParams);
-			const orderKey = prefix ? `order-${prefix}` : "order";
-			params.delete(orderKey);
-			if (order) params.set(orderKey, order);
-			if (params.toString() === searchParams.toString()) return;
-			replace(".", RoutingUtils.toRouterSearch(params));
+	const [sorting, setSorting] = useState(defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map((item) => {
+		if (item.startsWith("-")) return {
+			id: item.slice(1),
+			desc: true
 		};
-		$[6] = order;
-		$[7] = prefix;
-		$[8] = replace;
-		$[9] = searchParams;
-		$[10] = t3;
-	} else t3 = $[10];
-	let t4;
-	if ($[11] !== order) {
-		t4 = [order];
-		$[11] = order;
-		$[12] = t4;
-	} else t4 = $[12];
-	useEffect(t3, t4);
-	let t5;
-	if ($[13] !== order || $[14] !== sorting) {
-		t5 = {
-			sorting,
-			setSorting,
-			order
+		if (item.startsWith("+")) return {
+			id: item.slice(1),
+			desc: false
 		};
-		$[13] = order;
-		$[14] = sorting;
-		$[15] = t5;
-	} else t5 = $[15];
-	return t5;
-}
-function _temp2(field) {
-	return `${field.desc ? "-" : "+"}${field.id}`;
-}
-function _temp(item) {
-	if (item.startsWith("-")) return {
-		id: item.slice(1),
-		desc: true
-	};
-	if (item.startsWith("+")) return {
-		id: item.slice(1),
-		desc: false
-	};
+		return {
+			id: item,
+			desc: false
+		};
+	}) ?? []);
+	const order = useMemo(() => {
+		return sorting.map((field) => `${field.desc ? "-" : "+"}${field.id}`).join(",");
+	}, [sorting]);
+	useEffect(() => {
+		const params = new URLSearchParams(searchParams);
+		const orderKey = prefix ? `order-${prefix}` : "order";
+		params.delete(orderKey);
+		if (order) params.set(orderKey, order);
+		if (params.toString() === searchParams.toString()) return;
+		replace(".", RoutingUtils.toRouterSearch(params));
+	}, [order]);
 	return {
-		id: item,
-		desc: false
+		sorting,
+		setSorting,
+		order
 	};
 }
 //#endregion

package/dist/hooks/useStateAndRef.js

@@ -1,31 +1,17 @@
 import { ObjectUtils } from "../utils/object.utils.js";
-import { c } from "react/compiler-runtime";
-import { useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 //#region src/hooks/useStateAndRef.ts
 var useStateAndRef = (initialState) => {
-	const $ = c(3);
 	const [state, setState] = useState(initialState);
 	const ref = useRef(state);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = (value) => {
+	return [
+		state,
+		ref,
+		useCallback((value) => {
 			ref.current = ObjectUtils.isFunction(value) ? value(ref.current) : value;
 			setState(ref.current);
-		};
-		$[0] = t0;
-	} else t0 = $[0];
-	const updateValue = t0;
-	let t1;
-	if ($[1] !== state) {
-		t1 = [
-			state,
-			ref,
-			updateValue
-		];
-		$[1] = state;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
+		}, [setState])
+	];
 };
 //#endregion
 export { useStateAndRef };

package/dist/hooks/useTableColumnConfig.js

@@ -1,133 +1,40 @@
-import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 //#region src/hooks/useTableColumnConfig.ts
 function sortByKeyOrder(data, orderedKeys = []) {
 	return [...data].sort((a, b) => {
 		return orderedKeys.findIndex((key) => key === (a.id ?? a.accessorKey)) - orderedKeys.findIndex((key) => key === (b.id ?? b.accessorKey));
 	});
 }
-function useTableColumnConfig(defaultColumns, t0) {
-	const $ = c(31);
-	let t1;
-	if ($[0] !== t0) {
-		t1 = t0 === void 0 ? {} : t0;
-		$[0] = t0;
-		$[1] = t1;
-	} else t1 = $[1];
-	const options = t1;
-	let t2;
-	if ($[2] !== defaultColumns) {
-		t2 = () => defaultColumns.reduce(_temp, {});
-		$[2] = defaultColumns;
-		$[3] = t2;
-	} else t2 = $[3];
-	const [internalVisibleColumns, setInternalVisibleColumns] = useState(t2);
-	let t3;
-	if ($[4] !== defaultColumns) {
-		t3 = () => defaultColumns.map(_temp2);
-		$[4] = defaultColumns;
-		$[5] = t3;
-	} else t3 = $[5];
-	const [internalColumnOrder, setInternalColumnOrder] = useState(t3);
-	let t4;
-	let t5;
-	if ($[6] !== options.visibleColumns) {
-		t4 = () => {
-			if (options.visibleColumns) setInternalVisibleColumns(options.visibleColumns);
-		};
-		t5 = [options.visibleColumns];
-		$[6] = options.visibleColumns;
-		$[7] = t4;
-		$[8] = t5;
-	} else {
-		t4 = $[7];
-		t5 = $[8];
-	}
-	useEffect(t4, t5);
-	let t6;
-	let t7;
-	if ($[9] !== options.columnOrder) {
-		t6 = () => {
-			if (options.columnOrder) setInternalColumnOrder(options.columnOrder);
-		};
-		t7 = [options.columnOrder];
-		$[9] = options.columnOrder;
-		$[10] = t6;
-		$[11] = t7;
-	} else {
-		t6 = $[10];
-		t7 = $[11];
-	}
-	useEffect(t6, t7);
-	let t8;
-	if ($[12] !== options) {
-		t8 = (value) => {
-			setInternalVisibleColumns(value);
-			options?.onVisibilityChange?.(value);
-		};
-		$[12] = options;
-		$[13] = t8;
-	} else t8 = $[13];
-	const handleVisibilityChange = t8;
-	let t9;
-	if ($[14] !== options) {
-		t9 = (value_0) => {
-			setInternalColumnOrder(value_0);
-			options?.onOrderChange?.(value_0);
-		};
-		$[14] = options;
-		$[15] = t9;
-	} else t9 = $[15];
-	const handleOrderChange = t9;
-	let t10;
-	if ($[16] !== defaultColumns || $[17] !== internalColumnOrder) {
-		t10 = sortByKeyOrder(defaultColumns, internalColumnOrder);
-		$[16] = defaultColumns;
-		$[17] = internalColumnOrder;
-		$[18] = t10;
-	} else t10 = $[18];
-	const configColumns = t10;
-	let t11;
-	if ($[19] !== configColumns || $[20] !== internalVisibleColumns) {
-		let t12;
-		if ($[22] !== internalVisibleColumns) {
-			t12 = (col_1) => internalVisibleColumns?.[col_1.id ?? col_1.accessorKey] ?? true;
-			$[22] = internalVisibleColumns;
-			$[23] = t12;
-		} else t12 = $[23];
-		t11 = configColumns.filter(t12);
-		$[19] = configColumns;
-		$[20] = internalVisibleColumns;
-		$[21] = t11;
-	} else t11 = $[21];
-	const columns = t11;
-	let t12;
-	if ($[24] !== columns || $[25] !== configColumns || $[26] !== handleOrderChange || $[27] !== handleVisibilityChange || $[28] !== internalColumnOrder || $[29] !== internalVisibleColumns) {
-		t12 = {
-			configColumns,
-			columns,
-			visibleColumns: internalVisibleColumns,
-			columnOrder: internalColumnOrder,
-			onVisibilityChange: handleVisibilityChange,
-			onOrderChange: handleOrderChange
-		};
-		$[24] = columns;
-		$[25] = configColumns;
-		$[26] = handleOrderChange;
-		$[27] = handleVisibilityChange;
-		$[28] = internalColumnOrder;
-		$[29] = internalVisibleColumns;
-		$[30] = t12;
-	} else t12 = $[30];
-	return t12;
-}
-function _temp2(col_0) {
-	return col_0.id ?? col_0.accessorKey;
-}
-function _temp(acc, col) {
-	const key = col.id ?? col.accessorKey;
-	acc[key] = true;
-	return acc;
+function useTableColumnConfig(defaultColumns, options = {}) {
+	const [internalVisibleColumns, setInternalVisibleColumns] = useState(() => defaultColumns.reduce((acc, col) => {
+		const key = col.id ?? col.accessorKey;
+		acc[key] = true;
+		return acc;
+	}, {}));
+	const [internalColumnOrder, setInternalColumnOrder] = useState(() => defaultColumns.map((col) => col.id ?? col.accessorKey));
+	useEffect(() => {
+		if (options.visibleColumns) setInternalVisibleColumns(options.visibleColumns);
+	}, [options.visibleColumns]);
+	useEffect(() => {
+		if (options.columnOrder) setInternalColumnOrder(options.columnOrder);
+	}, [options.columnOrder]);
+	const handleVisibilityChange = useCallback((value) => {
+		setInternalVisibleColumns(value);
+		options?.onVisibilityChange?.(value);
+	}, [options]);
+	const handleOrderChange = useCallback((value) => {
+		setInternalColumnOrder(value);
+		options?.onOrderChange?.(value);
+	}, [options]);
+	const configColumns = useMemo(() => sortByKeyOrder(defaultColumns, internalColumnOrder), [defaultColumns, internalColumnOrder]);
+	return {
+		configColumns,
+		columns: useMemo(() => configColumns.filter((col) => internalVisibleColumns?.[col.id ?? col.accessorKey] ?? true), [configColumns, internalVisibleColumns]),
+		visibleColumns: internalVisibleColumns,
+		columnOrder: internalColumnOrder,
+		onVisibilityChange: handleVisibilityChange,
+		onOrderChange: handleOrderChange
+	};
 }
 //#endregion
 export { useTableColumnConfig };

package/dist/hooks/useTranslationMemo.js

@@ -1,32 +1,12 @@
-import { c } from "react/compiler-runtime";
+import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 //#region src/hooks/useTranslationMemo.ts
 function useTranslationMemo(func) {
-	const $ = c(5);
 	const { t } = useTranslation();
-	let t0;
-	bb0: {
-		if (func.length === 1) {
-			let t1;
-			if ($[0] !== func || $[1] !== t) {
-				t1 = func(t);
-				$[0] = func;
-				$[1] = t;
-				$[2] = t1;
-			} else t1 = $[2];
-			t0 = t1;
-			break bb0;
-		}
-		const t1 = func;
-		let t2;
-		if ($[3] !== t1) {
-			t2 = t1();
-			$[3] = t1;
-			$[4] = t2;
-		} else t2 = $[4];
-		t0 = t2;
-	}
-	return t0;
+	return useMemo(() => {
+		if (func.length === 1) return func(t);
+		return func();
+	}, [func, t]);
 }
 //#endregion
 export { useTranslationMemo };

package/dist/index.d.ts

@@ -78,8 +78,6 @@ export type { FormFieldProps } from './components/inputs/FormField/FormField';
 export { FormField } from './components/inputs/FormField/FormField';
 export type { ControlledNumberInputProps, NumberInputProps } from './components/inputs/Input/NumberInput/NumberInput';
 export { NumberInput } from './components/inputs/Input/NumberInput/NumberInput';
-export type { ControlledNumberRangeInputProps, NumberRangeInputProps, NumberRangeValue, } from './components/inputs/Input/NumberRangeInput/NumberRangeInput';
-export { NumberRangeInput } from './components/inputs/Input/NumberRangeInput/NumberRangeInput';
 export type { ControlledPasswordInputProps, PasswordInputProps, } from './components/inputs/Input/PasswordInput/PasswordInput';
 export { PasswordInput } from './components/inputs/Input/PasswordInput/PasswordInput';
 export type { ControlledTextAreaProps, TextAreaProps } from './components/inputs/Input/TextArea/TextArea';
@@ -96,16 +94,11 @@ export type { RadioVariantProps } from './components/inputs/RadioGroup/radio.cva
 export type { AutocompleteProps, ControlledAutocompleteProps, } from './components/inputs/Selection/Autocomplete/Autocomplete';
 export { Autocomplete } from './components/inputs/Selection/Autocomplete/Autocomplete';
 export { QueryAutocomplete } from './components/inputs/Selection/Autocomplete/QueryAutocomplete';
-export type { SelectBaseProps } from './components/inputs/Selection/shared/SelectBase';
-export type { DefaultInitialSelectItem, SelectAsyncProps, SelectItem, } from './components/inputs/Selection/shared/select.types';
-export type { QuerySelectProps } from './components/inputs/Selection/Select/QuerySelect';
-export { QuerySelect } from './components/inputs/Selection/Select/QuerySelect';
 export type { ControlledSelectProps, SelectProps } from './components/inputs/Selection/Select/Select';
 export { Select } from './components/inputs/Selection/Select/Select';
 export type { ControlledSliderProps, SliderProps } from './components/inputs/Slider/Slider';
 export { Slider } from './components/inputs/Slider/Slider';
 export type { InputVariantProps } from './components/inputs/shared/input.cva';
-export type { TooltipWrapperTriggerVariantProps } from './components/inputs/shared/tooltipWrapper.cva';
 export type { ControlledToggleProps, ToggleProps } from './components/inputs/Toggle/Toggle';
 export { Toggle } from './components/inputs/Toggle/Toggle';
 export type { MenuProps } from './components/Menu/Menu';

package/dist/index.js

@@ -69,9 +69,9 @@ import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
-import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
 import { Tag } from "./components/text/Tag/Tag.js";
+import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
 import { TextInput } from "./components/inputs/Input/TextInput/TextInput.js";
 import { Select } from "./components/inputs/Selection/Select/Select.js";
@@ -85,7 +85,6 @@ import { FileUpload } from "./components/inputs/File/FileUpload.js";
 import { FileUploadContainer } from "./components/inputs/File/FileUploadContainer.js";
 import { InputUpload } from "./components/inputs/File/InputUpload.js";
 import { NumberInput } from "./components/inputs/Input/NumberInput/NumberInput.js";
-import { NumberRangeInput } from "./components/inputs/Input/NumberRangeInput/NumberRangeInput.js";
 import { PasswordInput } from "./components/inputs/Input/PasswordInput/PasswordInput.js";
 import { TextArea } from "./components/inputs/Input/TextArea/TextArea.js";
 import { Autocomplete } from "./components/inputs/Selection/Autocomplete/Autocomplete.js";
@@ -93,8 +92,6 @@ import { QueryAutocomplete } from "./components/inputs/Selection/Autocomplete/Qu
 import { Slider } from "./components/inputs/Slider/Slider.js";
 import { Toggle } from "./components/inputs/Toggle/Toggle.js";
 import { Segment } from "./components/segment/Segment.js";
-import { QuerySelect } from "./components/inputs/Selection/Select/QuerySelect.js";
-import { ResponsivePopover } from "./components/overlays/ResponsivePopover/ResponsivePopover.js";
 import { StringUtils } from "./utils/string.utils.js";
 import { dynamicInputs } from "./helpers/dynamicInputs.js";
 import { Form } from "./components/inputs/Inputs/Form.js";
@@ -105,6 +102,7 @@ import { Stepper } from "./components/navigation/Stepper/Stepper.js";
 import { Modal } from "./components/overlays/Modal/Modal.js";
 import { ActionModal } from "./components/overlays/ActionModal/ActionModal.js";
 import { Drawer } from "./components/overlays/Drawer/Drawer.js";
+import { ResponsivePopover } from "./components/overlays/ResponsivePopover/ResponsivePopover.js";
 import { TooltipEllipsis } from "./components/overlays/Tooltip/TooltipEllipsis.js";
 import { PaginationList } from "./components/shared/pagination/PaginationList.js";
 import { Pagination } from "./components/shared/pagination/Pagination.js";
@@ -137,4 +135,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, 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, 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, UIRouter, UIStyle, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, compoundMapper, dynamicColumns, dynamicInputs, isEqual, logger, ns, resources, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, 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, 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, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, 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, UIRouter, UIStyle, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, compoundMapper, dynamicColumns, dynamicInputs, isEqual, logger, ns, resources, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/tw-ui-plugin.js

@@ -7,7 +7,6 @@ var uiPlugin = plugin(({ addVariant }) => {
 		"&:is(:where(.group\\/select-content)[data-has-selection] *)",
 		"&:is(:where(.group\\/select-content)[data-has-search] *)",
 		"&:is(:where(.group\\/select-content)[data-searchable-focus-within] *)",
-		"&:is(:where(.group\\/radio-group-content)[data-radio-group-content] *)",
 		"&:is(:where(.group\\/date-picker-content)[data-has-selection] *)",
 		"&:is(:where(.group\\/date-picker-content)[data-focus-within] *)"
 	].join(", "));
@@ -15,7 +14,6 @@ var uiPlugin = plugin(({ addVariant }) => {
 		"&:is(:where(.group\\/input-content):has(*:is(input:disabled)) *)",
 		"&:is(:where(.group\\/select-content)[data-disabled] *)",
 		"&:is(:where(.group\\/select-content):has(*:is(input:disabled)) *)",
-		"&:is(:where(.group\\/radio-group-content)[data-disabled] *)",
 		"&:is(:where(.group\\/text-area):has(*:is(textarea:disabled)) *)",
 		"&:is(:where(.group\\/text-editor):where([data-rac])[data-disabled] *)",
 		"&:is(:where(.group\\/date-picker-content):where([data-rac])[data-disabled] *)"

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

@@ -1,36 +1,15 @@
 import { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
 export declare namespace DateTimeUtils {
-    interface LocalizedDateFormatOptions {
-        shouldForceLeadingZeros?: boolean;
-    }
-    export interface LocalizedDatePart {
-        type: Intl.DateTimeFormatPartTypes;
-        value: string;
-        placeholder: string;
-        isPlaceholder: boolean;
-    }
-    export function getDatePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function getTimePlaceholder(locale?: string): string;
-    export function getDateTimePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function getDateRangePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function formatCalendarDatePartsLocalized(calendarDate?: CalendarDate | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
-    export function formatTimeLocalized(timeValue: {
-        hour: number;
-        minute: number;
-    }, locale?: string): string;
-    export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
-    export function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
-    export function fromDateValueToOffsetISO(dateValue: DateValue, timeZone?: string): string;
-    export function fromLocalToZonedDateTime(date: Date, timeZone?: string): ZonedDateTime;
-    export function fromDateValueToLocal(dateValue: DateValue, timeZone?: string): Date;
-    export function fromCalendarDateToUTCISO(calendarDate: CalendarDate, options?: {
+    function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
+    function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
+    function fromDateValueToOffsetISO(dateValue: DateValue, timeZone?: string): string;
+    function fromLocalToZonedDateTime(date: Date, timeZone?: string): ZonedDateTime;
+    function fromDateValueToLocal(dateValue: DateValue, timeZone?: string): Date;
+    function fromCalendarDateToUTCISO(calendarDate: CalendarDate, options?: {
         endOfDay?: boolean;
     }): string;
-    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 {};
+    function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
+    function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
+    function fromUTCISOToCalendarDateTime(isoString: string, timeZone?: string): CalendarDateTime;
+    function formatTextDateToCalendarDateTime(textDate: string | null, timeZone?: string, locale?: string): CalendarDateTime | null;
 }

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

@@ -1,134 +1,33 @@
-import { CalendarDate, CalendarDateTime, DateFormatter, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
+import { CalendarDate, CalendarDateTime, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
 import { DateTime } from "luxon";
 //#region src/utils/date-time.utils.ts
 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, 13, 45));
-	const getDayMonthFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
-	const getDatePlaceholderFormatter = (locale, options) => new Intl.DateTimeFormat(locale, {
-		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		year: "numeric"
-	});
-	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
-		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23"
-	});
-	const getResolvedLocale = (locale) => {
-		if (locale) return locale;
-		return new Intl.DateTimeFormat().resolvedOptions().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) => new DateFormatter(getResolvedLocale(locale), {
-		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23",
-		timeZone: "UTC"
-	});
-	const getDateTimeFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
-		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		year: "numeric",
-		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23",
-		timeZone: "UTC"
-	});
-	const getLocaleDateFormat = (locale) => {
-		const sampleDate = new Date(Date.UTC(2e3, 10, 22));
-		return new Intl.DateTimeFormat(locale, {
+	function getLocaleDateFormat(locale) {
+		const parts = 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 = new Intl.DisplayNames(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
-		if (!placeholderChar) return null;
-		return placeholderChar.repeat(length);
-	};
-	const mapTypeToPlaceholder = (type, locale) => {
-		switch (type) {
-			case "day": return repeatLocalizedFieldLabel(type, 2, locale);
-			case "month": return repeatLocalizedFieldLabel(type, 2, locale);
-			case "year": return repeatLocalizedFieldLabel(type, 4, locale);
-			case "hour": return "hh";
-			case "minute": return "mm";
-			default: return null;
+			year: "numeric"
+		}).formatToParts(new Date(2001, 10, 23));
+		let format = "";
+		for (const part of parts) {
+			if (part.type === "day") {
+				format += "dd";
+				continue;
+			}
+			if (part.type === "month") {
+				format += "MM";
+				continue;
+			}
+			if (part.type === "year") {
+				format += "yyyy";
+				continue;
+			}
+			if (part.type === "literal") format += part.value;
 		}
-	};
-	const formatPlaceholder = (formatter, sampleDate) => {
-		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type, formatter.resolvedOptions().locale) ?? part.value.replace(/\s+/gu, "")).join("");
-	};
-	const removeLeadingZero = (value) => value.replace(/^0+(?=\d)/u, "");
-	const removeDateSeparatorSpacing = (value) => value.replace(/([./-])\s+(?=\d)/gu, "$1");
-	const formatLocalizedDateParts = (formatter, date, options) => {
-		if (options?.shouldForceLeadingZeros !== false) return removeDateSeparatorSpacing(formatter.format(date));
-		return removeDateSeparatorSpacing(formatter.formatToParts(date).map((part) => {
-			if (part.type === "day" || part.type === "month") return removeLeadingZero(part.value);
-			return part.value;
-		}).join(""));
-	};
-	const formatLocalizedDatePartList = (formatter, date, isPlaceholder, options) => {
-		const locale = formatter.resolvedOptions().locale;
-		return formatter.formatToParts(date).map((part) => {
-			const value = options?.shouldForceLeadingZeros === false && (part.type === "day" || part.type === "month") ? removeLeadingZero(part.value) : part.value.replace(/\s+/gu, "");
-			return {
-				type: part.type,
-				value,
-				placeholder: mapTypeToPlaceholder(part.type, locale) ?? part.value.replace(/\s+/gu, ""),
-				isPlaceholder
-			};
-		});
-	};
-	function getDatePlaceholder(locale, options) {
-		return formatPlaceholder(getDatePlaceholderFormatter(locale, options), DATE_SAMPLE_DATE_UTC);
+		if (!format.includes("dd") || !format.includes("MM") || !format.includes("yyyy")) return "dd/MM/yyyy";
+		return format;
 	}
-	_DateTimeUtils.getDatePlaceholder = getDatePlaceholder;
-	function getTimePlaceholder(locale) {
-		return formatPlaceholder(getTimePlaceholderFormatter(locale), TIME_SAMPLE_DATE_UTC);
-	}
-	_DateTimeUtils.getTimePlaceholder = getTimePlaceholder;
-	function getDateTimePlaceholder(locale, options) {
-		return `${getDatePlaceholder(locale, options)}, ${getTimePlaceholder(locale)}`;
-	}
-	_DateTimeUtils.getDateTimePlaceholder = getDateTimePlaceholder;
-	function getDateRangePlaceholder(locale, options) {
-		const datePlaceholder = getDatePlaceholder(locale, options);
-		return `${datePlaceholder} – ${datePlaceholder}`;
-	}
-	_DateTimeUtils.getDateRangePlaceholder = getDateRangePlaceholder;
-	function formatCalendarDateLocalized(calendarDate, locale, options) {
-		return formatLocalizedDateParts(getDateFormatter(locale, options), calendarDate.toDate("UTC"), options);
-	}
-	_DateTimeUtils.formatCalendarDateLocalized = formatCalendarDateLocalized;
-	function formatCalendarDatePartsLocalized(calendarDate, locale, options) {
-		return formatLocalizedDatePartList(getDateFormatter(locale, options), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate, options);
-	}
-	_DateTimeUtils.formatCalendarDatePartsLocalized = formatCalendarDatePartsLocalized;
-	function formatTimeLocalized(timeValue, locale) {
-		const dateTime = new CalendarDateTime(2e3, 11, 22, timeValue.hour, timeValue.minute);
-		return getTimeFormatter(locale).format(dateTime.toDate("UTC"));
-	}
-	_DateTimeUtils.formatTimeLocalized = formatTimeLocalized;
-	function formatCalendarDateTimeLocalized(calendarDateTime, locale, options) {
-		const normalizedValue = new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute);
-		return formatLocalizedDateParts(getDateTimeFormatter(locale, options), normalizedValue.toDate("UTC"), options);
-	}
-	_DateTimeUtils.formatCalendarDateTimeLocalized = formatCalendarDateTimeLocalized;
 	function resolveTimeZone(timeZone) {
 		if (timeZone) return timeZone;
 		return getLocalTimeZone();