@oniratec/onira-react-ui 1.3.0 → 1.3.2

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+import { ClassValue } from 'clsx';
 import { ComponentType } from 'react';
+import { DateTime } from 'luxon';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { FC } from 'react';
 import { FieldErrors } from 'react-hook-form';
@@ -128,6 +130,12 @@ export declare type BreadcrumbsProps = {
 
 export declare function buildDefaultValues<TFormModel extends FieldValues, TEntity>(config: FormFactoryConfig<TFormModel, TEntity>, ctx: DefaultValuesContext<TEntity>): Partial<TFormModel>;
 
+export declare function buildFiltersQueryParams<T>(filters: FilterDefinition<T>[], state: FiltersState, options?: BuildFiltersQueryParamsOptions): Record<string, string | number | boolean | undefined>;
+
+export declare type BuildFiltersQueryParamsOptions = {
+    timeZone?: string;
+};
+
 export declare function buildZodSchema<TFormModel extends FieldValues, TEntity>(config: FormFactoryConfig<TFormModel, TEntity>): z.ZodTypeAny;
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -151,6 +159,8 @@ declare type CheckboxField<T extends FieldValues> = BaseFieldCommon<T> & {
     kind: 'checkbox';
 };
 
+export declare function cn(...inputs: ClassValue[]): string;
+
 export declare type ColorMode = 'light' | 'dark';
 
 export declare type Column<T> = {
@@ -187,6 +197,16 @@ declare type DateField<T extends FieldValues> = BaseFieldCommon<T> & {
     kind: 'date';
     min?: Date;
     max?: Date;
+    timeZone?: string;
+};
+
+export declare type DateFilter = BaseFilter & {
+    type: 'date';
+    placeholder?: string;
+    value?: Date | null;
+    min?: Date;
+    max?: Date;
+    timeZone?: string;
 };
 
 export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -201,8 +221,11 @@ export declare interface DatePickerProps {
     max?: Date;
     className?: string;
     isInvalid?: boolean;
+    timeZone?: string;
 }
 
+export declare const DEFAULT_TIME_ZONE = "Europe/Madrid";
+
 declare interface DefaultValuesContext<TEntity> {
     entity?: TEntity;
 }
@@ -297,7 +320,7 @@ export declare type FileUploadProps = {
     maxPreviewItems?: number;
 };
 
-export declare type FilterDefinition<T = unknown> = TextFilter | SelectFilter | AsyncSelectFilter<T> | ToggleFilter;
+export declare type FilterDefinition<T = unknown> = TextFilter | SelectFilter | AsyncSelectFilter<T> | ToggleFilter | DateFilter;
 
 export declare type FilterOption = {
     label: string;
@@ -306,27 +329,25 @@ export declare type FilterOption = {
 
 export declare type FiltersFactoryConfig<T = unknown> = {
     filters: FilterDefinition<T>[];
-    buildQueryParams?: (state: FiltersState) => Record<string, string | number | boolean | undefined>;
+    buildQueryParams?: (state: FiltersState) => Record<string, string | number | boolean | Date | null | undefined>;
 };
 
 export declare type FiltersFactoryResult<T = unknown> = {
     filters: FilterDefinition<T>[];
     initialState: FiltersState;
-    updateFilter: (state: FiltersState, id: string, value: string | boolean | undefined) => FiltersState;
+    updateFilter: (state: FiltersState, id: string, value: string | boolean | Date | null | undefined) => FiltersState;
     resetState: () => FiltersState;
-    buildQueryParams: (state: FiltersState) => Record<string, string | number | boolean | undefined>;
+    buildQueryParams: (state: FiltersState) => Record<string, string | number | boolean | Date | null | undefined>;
 };
 
-export declare function FiltersModal({ title, description, children, triggerLabel, isOpen, defaultOpen, onOpenChange, onApply, applyLabel, closeLabel, className, }: FiltersModalProps): JSX.Element;
+export declare function FiltersModal({ title, description, children, isOpen, onOpenChange, onApply, applyLabel, closeLabel, className, }: FiltersModalProps): JSX.Element;
 
 export declare type FiltersModalProps = {
     title?: string;
     description?: string;
     children: ReactNode;
-    triggerLabel?: string;
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
     onApply?: () => void;
     applyLabel?: string;
     closeLabel?: string;
@@ -351,7 +372,7 @@ export declare type FiltersPanelProps<T> = {
 
 declare type FiltersPanelProps_2 = Parameters<typeof FiltersPanel>[0];
 
-export declare type FiltersState = Record<string, string | boolean | undefined>;
+export declare type FiltersState = Record<string, string | boolean | Date | null | undefined>;
 
 export declare interface FormFactoryConfig<TFormModel extends FieldValues, TEntity = unknown> {
     defaultValues?: (ctx: DefaultValuesContext<TEntity>) => Partial<TFormModel>;
@@ -380,6 +401,8 @@ declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputE
     isInvalid?: boolean;
 }
 
+export declare function isValidTimeZone(timeZone: string): boolean;
+
 declare type Layout = {
     kind: 'single';
 } | {
@@ -502,7 +525,7 @@ declare interface Props_5<TFormModel extends FieldValues, TEntity> {
     children?: ReactNode;
 }
 
-export declare function renderFiltersModal<T>(config: FiltersFactoryConfig<T>, value: FiltersState, onChange: (state: FiltersState) => void, options?: RenderFiltersModalOptions): JSX.Element;
+export declare function renderFiltersModal<T>(config: FiltersFactoryConfig<T>, value: FiltersState, onChange: (state: FiltersState) => void, options: RenderFiltersModalOptions): JSX.Element;
 
 declare type RenderFiltersModalOptions = Omit<FiltersModalProps_2, 'children'> & {
     panel?: RenderFiltersPanelOptions;
@@ -518,6 +541,8 @@ export declare function renderFormFactory<TFormModel extends FieldValues, TEntit
 
 export declare function renderTable<T>(config: TableFactoryConfig<T>, data: T[], props?: DataTableRenderProps<T>): JSX.Element;
 
+export declare function resolveTimeZone(timeZone?: string): string;
+
 declare type Section<T extends FieldValues> = {
     title: string;
     description?: string;
@@ -549,6 +574,8 @@ export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<Selec
 
 export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
 
+export declare function setDefaultTimeZone(timeZone: string): boolean;
+
 export declare function Skeleton({ className }: SkeletonProps): JSX.Element;
 
 declare type SkeletonProps = {
@@ -607,6 +634,8 @@ export declare function ThemeProvider({ mode, theme, children, }: {
     children: ReactNode;
 }): ReactNode;
 
+export declare function toDateTime(value: Date | string, timeZone?: string): DateTime;
+
 export declare const Toggle: ({ checked, defaultChecked, onChange, size, disabled, label, className, ariaLabel, }: ToggleProps) => JSX.Element;
 
 declare type ToggleField<T extends FieldValues> = BaseFieldCommon<T> & {
@@ -633,6 +662,10 @@ export declare interface ToggleProps {
     ariaLabel?: string;
 }
 
+export declare function toISODate(value: Date | DateTime, timeZone?: string): string | null;
+
+export declare function toISODateTime(value: Date | DateTime, timeZone?: string): string | null;
+
 export declare const Tooltip: ComponentType<TooltipPrimitive.TooltipProps>;
 
 export declare const TooltipContent: ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;