@oniratec/onira-react-ui 1.2.12 → 1.3.1

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';
@@ -63,7 +65,7 @@ export declare type AsyncSelectOption = {
     meta?: unknown;
 };
 
-declare type BaseField<T extends FieldValues> = InputField<T> | TextareaField<T> | SelectField<T> | AsyncSelectField<T> | ToggleField<T> | CheckboxField<T> | FileUploadField<T> | CustomField<T>;
+declare type BaseField<T extends FieldValues> = InputField<T> | TextareaField<T> | SelectField<T> | AsyncSelectField<T> | ToggleField<T> | CheckboxField<T> | DateField<T> | FileUploadField<T> | CustomField<T>;
 
 /** =========================
  * Common props for all fields
@@ -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> = {
@@ -183,6 +193,39 @@ declare type DataTableProps<T> = Parameters<typeof DataTable<T>>[0];
 
 declare type DataTableRenderProps<T> = Omit<DataTableProps<T>, 'columns' | 'data'>;
 
+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>>;
+
+export declare interface DatePickerProps {
+    value?: Date | null;
+    defaultValue?: Date;
+    onChange?: (date: Date | null) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    min?: Date;
+    max?: Date;
+    className?: string;
+    isInvalid?: boolean;
+    timeZone?: string;
+}
+
+export declare const DEFAULT_TIME_ZONE = "Europe/Madrid";
+
 declare interface DefaultValuesContext<TEntity> {
     entity?: TEntity;
 }
@@ -277,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;
@@ -286,15 +329,15 @@ 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;
@@ -331,7 +374,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>;
@@ -360,6 +403,8 @@ declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputE
     isInvalid?: boolean;
 }
 
+export declare function isValidTimeZone(timeZone: string): boolean;
+
 declare type Layout = {
     kind: 'single';
 } | {
@@ -498,6 +543,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;
@@ -529,6 +576,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 = {
@@ -587,6 +636,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> & {
@@ -613,6 +664,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>>;