@scmlatam/web-ui 0.2.38 → 0.2.42

package/dist/src/rb-components/ui/primitives/date-fields/CustomIndefiniteDatePicker/CustomDatePicker.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
+type DatePickerCaptionLayout = "label" | "dropdown";
 export interface DatePickerFooterApi {
     close: () => void;
 }
@@ -10,9 +11,11 @@ export interface CustomDatePickerProps {
     minDate?: Dayjs | Date;
     maxDate?: Dayjs | Date;
     disabled?: boolean;
+    required?: boolean;
     white?: boolean;
     fullWidth?: boolean;
     placeholder?: string;
+    captionLayout?: DatePickerCaptionLayout;
     /** Sobrescribe el texto del trigger (ej. "Indefinido"). */
     displayValue?: string;
     /** Texto de ayuda opcional que se muestra debajo del campo. */
@@ -22,5 +25,5 @@ export interface CustomDatePickerProps {
     /** Contenido opcional al pie del panel. Se oculta en la vista de años. */
     footer?: (api: DatePickerFooterApi) => React.ReactNode;
 }
-declare const CustomDatePicker: ({ label, value, setValue, minDate: minDateProp, maxDate: maxDateProp, disabled, white, fullWidth, placeholder, displayValue, footer, helperText, error, }: CustomDatePickerProps) => React.JSX.Element;
+declare const CustomDatePicker: ({ label, value, setValue, minDate: minDateProp, maxDate: maxDateProp, disabled, required, white, fullWidth, placeholder, displayValue, footer, helperText, error, }: CustomDatePickerProps) => React.JSX.Element;
 export { CustomDatePicker };

package/dist/src/rb-components/ui/primitives/date-fields/CustomIndefiniteDatePicker/YearGrid.d.ts

@@ -2,7 +2,8 @@ import { default as React } from 'react';
 interface YearGridProps {
     years: number[];
     activeYear: number;
+    variant?: "light" | "dark";
     onSelect: (year: number) => void;
 }
-export declare const YearGrid: React.MemoExoticComponent<({ years, activeYear, onSelect }: YearGridProps) => React.JSX.Element>;
+export declare const YearGrid: React.MemoExoticComponent<({ years, activeYear, variant, onSelect, }: YearGridProps) => React.JSX.Element>;
 export {};

package/dist/src/rb-components/ui/primitives/date-fields/CustomTimefield.d.ts

@@ -6,6 +6,7 @@ export interface CustomTimefieldProps {
     value: Dayjs | null;
     setValue: (newValue: Dayjs | null) => void;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     /**
@@ -31,5 +32,5 @@ export interface CustomTimefieldProps {
      */
     helperText?: React.ReactNode;
 }
-declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, minuteStep, error, helperText, }: CustomTimefieldProps) => React.JSX.Element;
+declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, required, white, fullWidth, minuteStep, error, helperText, }: CustomTimefieldProps) => React.JSX.Element;
 export { CustomTimefield, };

package/dist/src/rb-components/ui/primitives/date-fields/DateFieldTrigger.d.ts

@@ -7,6 +7,7 @@ interface DateFieldTriggerProps {
     placeholder?: string;
     open?: boolean;
     disabled?: boolean;
+    required?: boolean;
     white?: boolean;
     fullWidth?: boolean;
     icon?: DateFieldIcon;
@@ -23,6 +24,9 @@ interface DateFieldTriggerProps {
      */
     helperText?: React.ReactNode;
     onClick?: () => void;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 }
 export declare const DateFieldTrigger: React.ForwardRefExoticComponent<DateFieldTriggerProps & React.RefAttributes<HTMLButtonElement | HTMLInputElement>>;
 export {};

package/dist/src/rb-components/ui/primitives/date-fields/DateInputTrigger.d.ts

@@ -6,10 +6,12 @@ interface DateInputTriggerProps {
     placeholder: string;
     open: boolean;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     error: boolean;
     helperText?: React.ReactNode;
+    maxLength?: number;
     onChange: (value: string) => void;
     onOpen: () => void;
     onBlur: () => void;

package/dist/src/rb-components/ui/primitives/date-fields/TimeFieldTrigger.d.ts

@@ -6,6 +6,7 @@ interface TimeFieldTriggerProps {
     minute: string;
     open: boolean;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     error: boolean;

package/dist/src/rb-components/ui/primitives/date-fields/dateUtils.d.ts

@@ -2,11 +2,17 @@ import { default as dayjs, Dayjs } from 'dayjs';
 export declare const DATE_DISPLAY_FORMAT = "DD/MM/YYYY";
 export declare const TIME_DISPLAY_FORMAT = "HH:mm";
 export declare const DATETIME_DISPLAY_FORMAT = "DD/MM/YYYY HH:mm";
+export declare const INVALID_DATE_HELPER_TEXT = "Fecha inv\u00E1lida";
 export declare function toDate(value?: Dayjs | null): Date | undefined;
 export declare function toDayjs(value?: Date | null): Dayjs | null;
 export declare function formatDate(value?: Dayjs | null): string;
 export declare function maskDateInput(value: string): string;
+export declare function maskDateRangeInput(value: string): string;
 export declare function fromDisplayDateValue(value: string): dayjs.Dayjs | null;
+export declare function fromDisplayDateRangeValue(value: string): {
+    value: [Dayjs | null, Dayjs | null];
+    invalid: boolean;
+};
 export declare function formatTime(value?: Dayjs | null): string;
 export declare function formatDateTime(value?: Dayjs | null): string;
 export declare function formatDateRange(value?: [Dayjs | null, Dayjs | null]): string;

package/dist/src/rb-components/ui/primitives/date-fields/index.d.ts

@@ -4,6 +4,8 @@ export { CustomDatePicker } from './CustomDatePicker';
 export type { CustomDatePickerProps } from './CustomDatePicker';
 export { CustomIndefiniteDatePicker } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
 export type { CustomIndefiniteDatePickerProps } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
+export { CustomDateControl } from './CustomDateControl';
+export type { CustomDateControlProps } from './CustomDateControl';
 export { CustomTimefield } from './CustomTimefield';
 export type { CustomTimefieldProps } from './CustomTimefield';
 export { CustomDateRangefield } from './CustomDateRangefield';

package/dist/src/rb-components/ui/primitives/date-fields/useDatePopover.d.ts

@@ -10,6 +10,7 @@ interface UseDatePopoverOptions {
     estimatedHeight?: number;
     offset?: number;
     screenPadding?: number;
+    ignoreCloseSelectors?: string[];
 }
 export declare function useDatePopover<TriggerElement extends HTMLElement = HTMLButtonElement>(options?: UseDatePopoverOptions): {
     open: boolean;