@ssa-ui-kit/core 2.32.0 → 2.33.0

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,2 +1,2 @@
 import { DateRangePickerProps } from './types';
-export declare const DateRangePicker: ({ format, openCalendarMode, showCalendarIcon, showStatusArea, rangePickerType, ...rest }: DateRangePickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: ({ format, showCalendarIcon, showStatusArea, rangePickerType, ...rest }: DateRangePickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/DateRangePicker/components/TriggerInput.d.ts

@@ -1,7 +1,4 @@
-import { MouseEventHandler } from 'react';
-export declare const TriggerInput: ({ datepickerType, withPopover, className, onClick, }: {
+export declare const TriggerInput: ({ datepickerType, className, }: {
     datepickerType: "from" | "to";
-    withPopover?: boolean;
     className?: string;
-    onClick: MouseEventHandler<HTMLInputElement>;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/DateRangePicker/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useDateRangePicker';
 export * from './useDatePickerMask';
 export * from './useRangeHighlighting';
+export * from './useRangeSelection';

package/dist/components/DateRangePicker/hooks/useDatePickerMask.d.ts

@@ -1,10 +1,4 @@
-import { DateRangePickerProps } from '../types';
-export declare const useDatePickerMask: ({ maskOptions, formatIndexes, dateMinParts, dateMaxParts, }: Pick<DateRangePickerProps, "maskOptions"> & {
-    formatIndexes: {
-        day: number;
-        month: number;
-        year: number;
-    };
-    dateMinParts: number[];
-    dateMaxParts: number[];
+import { type MaskOptions } from '@react-input/mask';
+export declare const useDatePickerMask: ({ maskOptions, }: {
+    maskOptions?: MaskOptions;
 }) => import("react").MutableRefObject<HTMLInputElement>;

package/dist/components/DateRangePicker/hooks/useDateRangePicker.d.ts

@@ -16,7 +16,6 @@ export declare const useDateRangePicker: ({ dateMin, dateMax, name: _name, forma
     inputValueFrom: any;
     inputValueTo: any;
     calendarViewDateTime: [DateTime<boolean> | undefined, DateTime<boolean> | undefined];
-    maskInputRef: import("react").MutableRefObject<HTMLInputElement>;
     calendarType: CalendarType;
     lastChangedDate: [Date | undefined, Date | undefined];
     luxonFormat: string;
@@ -30,11 +29,13 @@ export declare const useDateRangePicker: ({ dateMin, dateMax, name: _name, forma
     inputFromRef: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
     inputToRef: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
     setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleSetIsOpen: (open: boolean) => void;
     setLastFocusedElement: import("react").Dispatch<import("react").SetStateAction<"from" | "to">>;
     safeOnChange: (newDateTime?: DateTime) => void;
     setCalendarType: import("react").Dispatch<import("react").SetStateAction<CalendarType>>;
     setCalendarViewDateTime: import("react").Dispatch<import("react").SetStateAction<[DateTime<boolean> | undefined, DateTime<boolean> | undefined]>>;
     setDateTime: import("react").Dispatch<import("react").SetStateAction<DateTimeTuple>>;
     handleBlur: import("react").FocusEventHandler<HTMLInputElement>;
+    rangeSelectionStep: "start" | "end" | null;
+    setRangeSelectionStep: import("react").Dispatch<import("react").SetStateAction<"start" | "end" | null>>;
+    clearInputValue: (field: "from" | "to") => void;
 };

package/dist/components/DateRangePicker/hooks/useRangeSelection.d.ts

@@ -0,0 +1,20 @@
+import { DateTime } from 'luxon';
+type UseRangeSelectionOptions = {
+    /**
+     * Function to create the new DateTime from the selected value
+     */
+    createNewDate: (selectedValue: number | string) => DateTime | undefined;
+    /**
+     * Function to format the date for comparison (e.g., 'D' for days, 'yyyy-MM' for months, 'yyyy' for years)
+     */
+    getComparisonFormat: () => string;
+};
+export declare const useRangeSelection: ({ createNewDate, getComparisonFormat, }: UseRangeSelectionOptions) => {
+    handleRangeSelect: (selectedValue: number | string) => void;
+    getDateSelectionState: (currentDT: DateTime) => {
+        isCalendarFirstDateSelected: boolean;
+        isCalendarSecondDateSelected: boolean;
+        isCalendarDateSelected: boolean;
+    };
+};
+export {};

package/dist/components/DateRangePicker/types.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, MouseEventHandler, SetStateAction } from 'react';
+import { Dispatch, MouseEventHandler, SetStateAction, FocusEventHandler } from 'react';
 import { DateTime } from 'luxon';
 import { useMask } from '@react-input/mask';
 import { FieldContextValue } from '../Field/FieldProvider';
@@ -14,7 +14,6 @@ export type DateRangePickerProps = {
     value?: [string | undefined, string | undefined];
     defaultValue?: [string, string];
     maskOptions?: Parameters<typeof useMask>[0];
-    openCalendarMode?: 'icon' | 'input' | 'both';
     inputProps?: Partial<InputProps>;
     status?: FieldContextValue['status'];
     showStatusArea?: boolean;
@@ -46,7 +45,8 @@ export type DateRangePickerProps = {
     onError?: (date: unknown, error?: string | null) => void;
     onMonthChange?: (date: Date) => void;
     onYearChange?: (date: Date) => void;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    allowReverseSelection?: boolean;
 };
 export type DateTimeTuple = [DateTime | undefined, DateTime | undefined];
 export type DateRangePickerContextProps = Omit<DateRangePickerProps, 'dateMin' | 'dateMax'> & {
@@ -76,10 +76,12 @@ export type DateRangePickerContextProps = Omit<DateRangePickerProps, 'dateMin' |
     safeOnChange?: (date?: DateTime) => void;
     setLastFocusedElement: Dispatch<SetStateAction<LastFocusedElement>>;
     handleToggleOpen: MouseEventHandler<HTMLButtonElement | HTMLInputElement>;
-    handleSetIsOpen: (open: boolean) => void;
     setCalendarViewDateTime: Dispatch<SetStateAction<DateTimeTuple>>;
     setDateTime: Dispatch<SetStateAction<DateTimeTuple>>;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     setCalendarType: Dispatch<SetStateAction<CalendarType>>;
+    rangeSelectionStep: 'start' | 'end' | null;
+    setRangeSelectionStep: Dispatch<SetStateAction<'start' | 'end' | null>>;
+    clearInputValue: (field: 'from' | 'to') => void;
 };
 export type CalendarType = 'days' | 'months' | 'years';

package/dist/components/DateRangePicker/useDateRangePickerContext.d.ts

@@ -1 +1,2 @@
-export declare const useDateRangePickerContext: () => import("./types").DateRangePickerContextProps;
+import { DateRangePickerContextProps } from './types';
+export declare const useDateRangePickerContext: () => DateRangePickerContextProps;