@povio/ui 2.2.9-rc.8 → 2.2.10

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

@@ -1,14 +1,15 @@
 import { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
 export declare namespace DateTimeUtils {
-    function fromISOtoZonedDateTime(isoString: string): ZonedDateTime;
-    function fromDateValueToISO(dateValue: DateValue): string;
-    function fromLocalToZonedDateTime(date: Date): ZonedDateTime;
-    function fromDateValueToLocal(dateValue: DateValue): Date;
+    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;
     function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
     function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
-    function fromUTCISOToCalendarDateTime(isoString: string): CalendarDateTime;
-    function formatTextDateToCalendarDateTime(textDate: string | null): CalendarDateTime | null;
+    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,21 +1,61 @@
-import { CalendarDate, CalendarDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal } 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) {
-	function fromISOtoZonedDateTime(isoString) {
-		return parseAbsoluteToLocal(isoString);
+	function getLocaleDateFormat(locale) {
+		const parts = new Intl.DateTimeFormat(locale, {
+			day: "2-digit",
+			month: "2-digit",
+			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;
+		}
+		if (!format.includes("dd") || !format.includes("MM") || !format.includes("yyyy")) return "dd/MM/yyyy";
+		return format;
+	}
+	function resolveTimeZone(timeZone) {
+		if (timeZone) return timeZone;
+		return getLocalTimeZone();
+	}
+	function fromISOtoZonedDateTime(isoString, timeZone) {
+		return parseAbsolute(isoString, resolveTimeZone(timeZone));
 	}
 	_DateTimeUtils.fromISOtoZonedDateTime = fromISOtoZonedDateTime;
-	function fromDateValueToISO(dateValue) {
-		return dateValue.toDate(getLocalTimeZone()).toISOString();
+	function fromDateValueToISO(dateValue, timeZone) {
+		const resolvedTimeZone = resolveTimeZone(timeZone);
+		return dateValue.toDate(resolvedTimeZone).toISOString();
 	}
 	_DateTimeUtils.fromDateValueToISO = fromDateValueToISO;
-	function fromLocalToZonedDateTime(date) {
-		return fromDate(date, getLocalTimeZone());
+	function fromDateValueToOffsetISO(dateValue, timeZone) {
+		const resolvedTimeZone = resolveTimeZone(timeZone);
+		const date = dateValue.toDate(resolvedTimeZone);
+		const isoString = DateTime.fromJSDate(date, { zone: resolvedTimeZone }).toISO({ includeOffset: true });
+		if (isoString) return isoString;
+		return date.toISOString();
+	}
+	_DateTimeUtils.fromDateValueToOffsetISO = fromDateValueToOffsetISO;
+	function fromLocalToZonedDateTime(date, timeZone) {
+		return fromDate(date, resolveTimeZone(timeZone));
 	}
 	_DateTimeUtils.fromLocalToZonedDateTime = fromLocalToZonedDateTime;
-	function fromDateValueToLocal(dateValue) {
-		return dateValue.toDate(getLocalTimeZone());
+	function fromDateValueToLocal(dateValue, timeZone) {
+		const resolvedTimeZone = resolveTimeZone(timeZone);
+		return dateValue.toDate(resolvedTimeZone);
 	}
 	_DateTimeUtils.fromDateValueToLocal = fromDateValueToLocal;
 	function fromCalendarDateToUTCISO(calendarDate, options = {}) {
@@ -32,19 +72,29 @@ var DateTimeUtils;
 		return calendarDateTime.toDate("UTC").toISOString();
 	}
 	_DateTimeUtils.fromCalendarDateTimeToUTCISO = fromCalendarDateTimeToUTCISO;
-	function fromUTCISOToCalendarDateTime(isoString) {
-		const zonedDateTime = parseAbsolute(isoString, "UTC");
+	function fromUTCISOToCalendarDateTime(isoString, timeZone = "UTC") {
+		const zonedDateTime = parseAbsolute(isoString, timeZone);
 		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, zonedDateTime.hour, zonedDateTime.minute, zonedDateTime.second, zonedDateTime.millisecond);
 	}
 	_DateTimeUtils.fromUTCISOToCalendarDateTime = fromUTCISOToCalendarDateTime;
-	function formatTextDateToCalendarDateTime(textDate) {
+	function formatTextDateToCalendarDateTime(textDate, timeZone, locale) {
 		if (!textDate?.includes("hh")) return null;
 		const datePart = textDate.split(",").at(0)?.trim();
 		if (!datePart) return null;
-		const date = new Date(datePart);
-		if (!date || date.toString() === "Invalid Date") return null;
-		const zonedDateTime = fromDate(date, getLocalTimeZone());
-		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, 0, 0, 0, 0);
+		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 = {}));

package/package.json

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

package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts

@@ -1,3 +0,0 @@
-import { IconButtonProps } from '../../../buttons/IconButton/IconButton';
-export type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
-export type DatePickerTodayIconButtonSize = IconButtonProps["size"];

package/dist/components/inputs/FormField/formFieldHeader.cva.d.ts

@@ -1,6 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const formFieldHeader: (props?: ({
-    visible?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface FormFieldHeaderVariantProps extends VariantProps<typeof formFieldHeader> {
-}

package/dist/components/inputs/FormField/formFieldHeader.cva.js

@@ -1,11 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region src/components/inputs/FormField/formFieldHeader.cva.ts
-var formFieldHeader = cva("", {
-	variants: { visible: {
-		true: "mb-1",
-		false: "sr-only"
-	} },
-	defaultVariants: { visible: true }
-});
-//#endregion
-export { formFieldHeader };

package/dist/components/inputs/Selection/Autocomplete/queryAutocomplete.types.d.ts

@@ -1,30 +0,0 @@
-import { UseInfiniteQueryResult, UseQueryResult } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
-import { AutocompleteProps } from './Autocomplete';
-import { GroupedSelectControlProps, GroupedSelectProps, SelectItem } from '../shared/select.types';
-import { OmitDiscriminatedUnion } from '../../../../types/common';
-export interface QueryAutocompleteInfinitePage<TSelectItem extends SelectItem = SelectItem> {
-    items: Array<TSelectItem>;
-    totalItems?: number;
-}
-export type QueryResult<TSelectItem extends SelectItem = SelectItem> = UseQueryResult<Array<TSelectItem>> | UseInfiniteQueryResult<QueryAutocompleteInfinitePage<TSelectItem>>;
-export type QueryFn<TSelectItem extends SelectItem = SelectItem> = (...args: any[]) => QueryResult<TSelectItem>;
-export type QueryAutocompleteExtractedData<TSelectItem extends SelectItem = SelectItem> = Array<TSelectItem>;
-export type QueryAutocompleteProps<TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn<TSelectItem>> = OmitDiscriminatedUnion<AutocompleteProps<TSelectItem["id"]>, "items" | "onSearchChange" | "isLoading" | keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TSelectItem["id"]> & {
-    query: Parameters<TQueryFn>[0] extends {
-        search?: string;
-    } ? TQueryFn : never;
-    queryParams?: Omit<Parameters<TQueryFn>[0], "search">;
-    queryOptions?: Parameters<TQueryFn>[1];
-    queryMap?: (data: QueryAutocompleteExtractedData<TSelectItem>) => SelectItem<TSelectItem["id"]>[];
-    isInitialQueryDisabled?: boolean;
-};
-export interface UseQueryAutocompleteOptions<TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn<TSelectItem>, TKey extends Key = QueryAutocompleteExtractedData<TSelectItem>[number]["id"]> {
-    query: TQueryFn;
-    queryParams?: Parameters<TQueryFn>[0];
-    queryOptions?: Parameters<TQueryFn>[1];
-    queryMap?: (data: QueryAutocompleteExtractedData<TSelectItem>) => SelectItem<TKey>[];
-    initialQueryState?: boolean;
-    search: string;
-}

package/dist/components/inputs/Selection/Select/QuerySelect.d.ts

@@ -1,14 +0,0 @@
-import { GroupedSelectControlProps, GroupedSelectProps, SelectItem } from '../shared/select.types';
-import { SelectBaseProps } from '../shared/SelectBase';
-import { QueryDataType, QueryFn } from '../shared/querySelect.utils';
-import { OmitDiscriminatedUnion } from '../../../../types/common';
-import { Key } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
-export type QuerySelectProps<TFieldValues extends FieldValues, TQueryFn extends QueryFn, TKey extends Key = Key> = OmitDiscriminatedUnion<SelectBaseProps<TKey>, "items" | "isLoading" | keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TKey> & {
-    query: TQueryFn;
-    queryParams?: Parameters<TQueryFn>[0];
-    queryOptions?: Parameters<TQueryFn>[1];
-    queryMap?: (data: QueryDataType<TQueryFn>) => SelectItem<TKey>[];
-    isInitialQueryDisabled?: boolean;
-};
-export declare const QuerySelect: <TFieldValues extends FieldValues, TQueryFn extends QueryFn, TKey extends Key = Key>({ query, queryParams, queryOptions, queryMap, ...props }: QuerySelectProps<TFieldValues, TQueryFn, TKey>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/Selection/Select/QuerySelect.js

@@ -1,56 +0,0 @@
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { SelectBase } from "../shared/SelectBase.js";
-import { useQueryAutocomplete } from "../../../../hooks/useQueryAutocomplete.js";
-import { getQueryItems } from "../shared/querySelect.utils.js";
-import { jsx } from "react/jsx-runtime";
-import { mergeRefs } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
-//#region src/components/inputs/Selection/Select/QuerySelect.tsx
-var QuerySelect = ({ query, queryParams, queryOptions, queryMap, ...props }) => {
-	const ui = UIConfig.useConfig();
-	const { items, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete({
-		query,
-		queryParams,
-		queryOptions,
-		mapItems: (data) => getQueryItems(data, queryMap),
-		initialQueryState: props.isInitialQueryDisabled ?? ui.querySelect?.isInitialQueryDisabled
-	});
-	if ("formControl" in props && props.formControl) {
-		const { formControl, ref, isInitialQueryDisabled: _, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(Controller, {
-			control: formControl.control,
-			name: formControl.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(SelectBase, {
-				...innerProps,
-				ref: mergeRefs(ref, field.ref),
-				items,
-				isLoading,
-				hasLoadMore: hasNextPage,
-				onLoadMore: fetchNextPage ? () => void fetchNextPage() : void 0,
-				value: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur?.();
-				},
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message,
-				onMouseEnter: handleEnableQuery,
-				onFocusCapture: handleEnableQuery
-			})
-		});
-	}
-	const { isInitialQueryDisabled: _, ...restProps } = props;
-	return /* @__PURE__ */ jsx(SelectBase, {
-		...restProps,
-		items,
-		isLoading,
-		hasLoadMore: hasNextPage,
-		onLoadMore: fetchNextPage ? () => void fetchNextPage() : void 0,
-		onMouseEnter: handleEnableQuery,
-		onFocusCapture: handleEnableQuery
-	});
-};
-//#endregion
-export { QuerySelect };

package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts

@@ -1,6 +0,0 @@
-import { UseInfiniteQueryResult, UseQueryResult } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { SelectItem } from './select.types';
-export type QueryFn<TData = any> = (...args: any[]) => UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
-export type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
-export declare const getQueryItems: <TQueryFn extends QueryFn, TKey extends Key = Key>(data: QueryDataType<TQueryFn> | undefined, queryMap?: (data: QueryDataType<TQueryFn>) => SelectItem<TKey>[]) => SelectItem<TKey>[];

package/dist/components/inputs/Selection/shared/querySelect.utils.js

@@ -1,13 +0,0 @@
-//#region src/components/inputs/Selection/shared/querySelect.utils.ts
-var getQueryItems = (data, queryMap) => {
-	if (!data) return [];
-	if (queryMap) return queryMap(data);
-	if (Array.isArray(data)) return data;
-	if (typeof data === "object" && data !== null) {
-		if ("items" in data && Array.isArray(data.items)) return data.items;
-		if ("pages" in data && Array.isArray(data.pages)) return data.pages.flatMap((page) => page && typeof page === "object" && "items" in page && Array.isArray(page.items) ? page.items : []);
-	}
-	return [];
-};
-//#endregion
-export { getQueryItems };

package/dist/hooks/useQueryAutocomplete.d.ts

@@ -1,25 +0,0 @@
-import { UseInfiniteQueryResult, UseQueryResult } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { SelectItem } from '../components/inputs/Selection/shared/select.types';
-type QueryResult<TData = any> = UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
-type QueryFn<TData = any> = (...args: any[]) => QueryResult<TData>;
-type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
-interface UseQueryAutocompleteOptions<TQueryFn extends QueryFn, TKey extends Key = Key> {
-    query: TQueryFn;
-    queryParams?: Parameters<TQueryFn>[0];
-    queryOptions?: Parameters<TQueryFn>[1];
-    mapItems: (data: QueryDataType<TQueryFn>) => SelectItem<TKey>[];
-    initialQueryState?: boolean;
-    search?: string;
-}
-export declare const useQueryAutocomplete: <TQueryFn extends QueryFn, TKey extends Key = Key>({ query, queryParams, queryOptions, mapItems, initialQueryState, search, }: UseQueryAutocompleteOptions<TQueryFn, TKey>) => {
-    data: any;
-    isLoading: boolean;
-    isQueryEnabled: boolean;
-    handleEnableQuery: () => void;
-    items: SelectItem<TKey>[];
-    hasNextPage: boolean;
-    fetchNextPage: (() => Promise<unknown>) | ((options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<any, Error>>) | undefined;
-    isFetchingNextPage: boolean;
-};
-export {};

package/dist/hooks/useQueryAutocomplete.js

@@ -1,41 +0,0 @@
-import { useMemo, useState } from "react";
-//#region src/hooks/useQueryAutocomplete.ts
-var useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, initialQueryState, search }) => {
-	const [isQueryEnabled, setIsQueryEnabled] = useState(!initialQueryState);
-	const queryResult = query(search === void 0 ? queryParams : {
-		search,
-		...queryParams
-	}, {
-		...queryOptions,
-		enabled: isQueryEnabled && (queryOptions?.enabled ?? true)
-	});
-	const data = queryResult.data;
-	const isLoading = queryResult.isLoading;
-	const isInfiniteQueryResult = (result) => {
-		return "hasNextPage" in result && "fetchNextPage" in result;
-	};
-	const isInfiniteQuery = isInfiniteQueryResult(queryResult);
-	const handleEnableQuery = () => {
-		setIsQueryEnabled(true);
-	};
-	const infiniteQueryResult = isInfiniteQuery ? queryResult : void 0;
-	const hasNextPage = infiniteQueryResult?.hasNextPage ?? false;
-	const fetchNextPage = infiniteQueryResult?.fetchNextPage;
-	const isFetchingNextPage = infiniteQueryResult?.isFetchingNextPage ?? false;
-	const items = useMemo(() => {
-		if (!data) return [];
-		return mapItems(data);
-	}, [data, mapItems]);
-	return {
-		data,
-		isLoading: isLoading || isFetchingNextPage,
-		isQueryEnabled,
-		handleEnableQuery,
-		items,
-		hasNextPage,
-		fetchNextPage,
-		isFetchingNextPage
-	};
-};
-//#endregion
-export { useQueryAutocomplete };