@ssa-ui-kit/core 2.28.1 → 2.28.2

package/dist/components/DatePicker/styles.d.ts

@@ -5,6 +5,8 @@ export declare const DaysViewCell: import("@emotion/styled").StyledComponent<{
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & {

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

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

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

@@ -5,6 +5,8 @@ export declare const DatesListWrapper: import("@emotion/styled").StyledComponent
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & import("../../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

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

@@ -0,0 +1 @@
+export declare const YearsMonthsSwitch: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -1,7 +1,7 @@
 export * from './Trigger';
 export * from './Calendar';
 export * from './Content';
-export * from './MonthsSwitch';
+export * from './YearsMonthsSwitch';
 export * from './Header';
 export * from './DaysView';
 export * from './MonthsView';

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

@@ -1,8 +1,18 @@
 export declare const DEFAULT_MASK_FORMAT = "mm/dd/yyyy";
+export declare const DEFAULT_MONTH_MASK_FORMAT = "mm/yyyy";
+export declare const DEFAULT_YEAR_MASK_FORMAT = "yyyy";
 export declare const DEFAULT_MASK = "__/__/____";
+export declare const DEFAULT_MONTH_MASK = "__/____";
+export declare const DEFAULT_YEAR_MASK = "____";
 export declare const MONTHS: string[];
 export declare const DATE_MIN = "01/01/1900";
 export declare const DATE_MAX = "01/01/2150";
+export declare const MONTH_DATE_MIN = "01/1900";
+export declare const MONTH_DATE_MAX = "01/2150";
+export declare const YEAR_DATE_MIN = "1900";
+export declare const YEAR_DATE_MAX = "2150";
 export declare const OUT_OF_RANGE = "The date is out of the defined range";
 export declare const INVALID_DATE = "Invalid date";
 export declare const FULL_DATE_LENGTH = 10;
+export declare const FULL_MONTH_DATE_LENGTH = 7;
+export declare const FULL_YEAR_DATE_LENGTH = 4;

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

@@ -1,6 +1,6 @@
 import { DateTime } from 'luxon';
 import { CalendarType, DateRangePickerProps, DateTimeTuple } from '../types';
-export declare const useDateRangePicker: ({ dateMin, dateMax, name: _name, format, maskOptions, isOpenState, defaultValue, onOpen, onClose, onError, onChange, ...rest }: DateRangePickerProps & {
+export declare const useDateRangePicker: ({ dateMin, dateMax, name: _name, format: propFormat, maskOptions, isOpenState, defaultValue, rangePickerType, onOpen, onClose, onError, onChange, ...rest }: DateRangePickerProps & {
     isOpenState?: boolean;
 }) => {
     formatIndexes: {

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

@@ -5,6 +5,8 @@ export declare const DaysViewCell: import("@emotion/styled").StyledComponent<{
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
@@ -27,7 +29,6 @@ export declare const MonthsViewCell: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    isCalendarMonth: boolean;
     isCalendarFirstDateSelected?: boolean;
     isCalendarSecondDateSelected?: boolean;
     isHighlighted: boolean;
@@ -39,6 +40,8 @@ export declare const TriggerWrapper: import("@emotion/styled").StyledComponent<{
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

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

@@ -4,10 +4,12 @@ import { useMask } from '@react-input/mask';
 import { FieldContextValue } from '../Field/FieldProvider';
 import { InputProps } from '../Input/types';
 export type LastFocusedElement = 'from' | 'to';
+export type RangePickerType = 'days' | 'months' | 'years';
+export type Format = 'mm/dd/yyyy' | 'dd/mm/yyyy' | 'mm/yyyy' | 'yyyy';
 export type DateRangePickerProps = {
     name: string;
     label?: string;
-    format?: 'mm/dd/yyyy' | 'dd/mm/yyyy';
+    format?: Format;
     isOpenState?: boolean;
     value?: [string | undefined, string | undefined];
     defaultValue?: [string, string];
@@ -20,6 +22,7 @@ export type DateRangePickerProps = {
     dateMax?: string;
     disabled?: boolean;
     showCalendarIcon?: boolean;
+    rangePickerType?: RangePickerType;
     messages?: {
         description?: string;
         success?: string;

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

@@ -0,0 +1,10 @@
+import { Format, RangePickerType } from '../types';
+export declare const isMonthOnlyFormat: (format?: Format) => boolean;
+export declare const isYearOnlyFormat: (format?: string) => boolean;
+export declare const getExpectedDateLength: (format?: Format) => number;
+export declare const getMaskForFormat: (format?: Format) => string;
+export declare const getDefaultDateRange: (format?: Format) => {
+    defaultMin: string;
+    defaultMax: string;
+};
+export declare const getFormatForRangePickerType: (rangePickerType: RangePickerType) => Format;

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

@@ -1 +1,2 @@
 export * from './dates';
+export * from './format';

package/dist/components/Filters/FilterBlockWrapper.d.ts

@@ -5,6 +5,8 @@ export declare const FilterBlockWrapper: import("@emotion/styled").StyledCompone
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/Typeahead/styles.d.ts

@@ -34,6 +34,8 @@ export declare const TypeaheadInputsGroupWrapper: import("@emotion/styled").Styl
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: Theme;
 } & {

package/dist/components/Wrapper/Wrapper.d.ts

@@ -6,5 +6,7 @@ declare const Wrapper: import("@emotion/styled").StyledComponent<{
     avatarSize?: number;
     direction?: string;
     alignItems?: string;
+    fade?: boolean;
+    fadeDelay?: number;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Wrapper;