@orfium/ictinus 5.5.0 → 5.5.2

package/dist/src/components/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,138 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./DatePicker.types').DatePickerProps & import('../..').TestProps>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+    args: {
+        filterType: string;
+        hintMessage: string;
+        label: string;
+        status: string;
+    };
+    argTypes: {
+        disableDates: {
+            type: string;
+            options: string[];
+            mapping: {
+                'Disable days of week (only Monday)': {
+                    daysOfWeek: number[];
+                };
+                'Disable dates after this day': {
+                    after: import('dayjs').Dayjs;
+                };
+                'Disable dates before this day': {
+                    before: import('dayjs').Dayjs;
+                };
+                'Disable dates before and after a date (-/+ 7 days)': {
+                    before: Date;
+                    after: Date;
+                };
+                'Enable dates from/to a date (7 days)': {
+                    before: Date;
+                    after: Date;
+                };
+                'Array of disabled dates(Today, last 2 days, and the 4th day to today)': {
+                    days: Date[];
+                };
+            };
+        };
+        filterType: {
+            type: string;
+            options: string[];
+        };
+        status: {
+            type: string;
+            options: string[];
+        };
+        isDisabled: {
+            type: string;
+        };
+    };
+};
+export default _default;
+export declare const DatePickerStory: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    autoPlay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};
+export declare const DateRangePicker: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    autoPlay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+    name: string;
+};
+export declare const DateRangePickerWithPresetOptions: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    name: string;
+};
+export declare const DatePickerWithFilter: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+    name: string;
+};
+export declare const DatePickerWithDisabledDates: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};
+export declare const DatePickerAndDateRangePickerStatuses: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    name: string;
+};
+export declare const DisabledDatePickerDateRangePicker: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    name: string;
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    name: string;
+};

package/dist/src/components/DatePicker/DatePicker.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../theme';
+
+export declare const datePickerStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/DatePicker/DatePicker.tokens.d.ts

@@ -0,0 +1,6 @@
+import { default as datePicker } from '../../theme/tokens/components/variables/datePicker';
+import { DotKeys } from '../../theme/tokens/utils';
+import { Theme } from '../../theme';
+
+export type DatePickerTokens = DotKeys<typeof datePicker>;
+export declare const getDatePickerTokens: (theme: Theme) => ((path: DatePickerTokens, fn?: (val: string) => any) => string);

package/dist/src/components/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,48 @@
+import { Dayjs } from 'utils/date';
+import { TextFieldProps } from '../TextField/TextField';
+import { FilterType } from '../Filter/Filter.types';
+
+export type DisabledDates = {
+    daysOfWeek?: number[];
+    days?: Date[];
+    after?: Date;
+    before?: Date;
+};
+export type DateRange = {
+    from: Date | undefined;
+    to: Date | undefined;
+};
+export type DatePickerProps = {
+    /** This property is to define if this is a day picker or a day range picker */
+    isRangePicker?: boolean;
+    /** A callback to return user selection */
+    onChange?: (range: DateRange) => void;
+    /** Option to disable some dates */
+    disableDates?: DisabledDates;
+    /** Value to define if needed an initial state or to handle it externally */
+    value: DateRange;
+    /** Calendar options for DateRangePicker */
+    options?: ExtraOption[];
+    /** Props of the TextField input */
+    inputProps?: Omit<TextFieldProps, 'size'>;
+    /** The format of the date displayed in the input field */
+    dateFormatOverride?: DateFormatType;
+    /** if the datepicker can be clear with backspace */
+    isClearable?: boolean;
+    /** if the datepicker's default date is today instead of placeholder text */
+    /** @deprecated This prop is being deprecated and is not used as you can manipulate date from value, will be removed in the future **/
+    isDefaultNow?: boolean;
+    /** Style properties for the DatePicker with a filter base */
+    filterConfig?: {
+        /** The filter's label */
+        label?: string;
+        /** This property defines the Filter's type */
+        filterType?: FilterType;
+    };
+};
+export type ExtraOption = {
+    value: string;
+    label: string;
+    dates: Dayjs[];
+};
+export type DateFormatType = 'MM/DD/YYYY' | 'DD/MM/YYYY' | 'MMMM D, YYYY' | 'dddd, MMMM D, YYYY' | 'M/D/YYYY' | 'MMM D, YYYY' | 'ddd, MMM D, YYYY' | 'DD MMM YYYY';

package/dist/src/components/DatePicker/Day/Day.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Dayjs } from 'utils/date';
+
+export type DayProps = {
+    day?: number;
+    month: number;
+    year: number;
+    onSelect?: (date: Dayjs) => void;
+    isSelected?: boolean;
+    isBetween?: boolean;
+    isLast?: boolean;
+    isFirst?: boolean;
+    isDisabled?: boolean;
+    tabIndex?: number;
+};
+declare const _default: React.NamedExoticComponent<DayProps>;
+export default _default;

package/dist/src/components/DatePicker/Day/Day.style.d.ts

@@ -0,0 +1,20 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+type DayStyleProps = {
+    day?: number;
+    isSelected?: boolean;
+    isBetween?: boolean;
+    isLast?: boolean;
+    isFirst?: boolean;
+    isDisabled?: boolean;
+    isToday: boolean;
+};
+export declare const dayWrapperStyle: ({ isSelected, isBetween, isLast, isFirst, isToday, isDisabled, }: DayStyleProps & {
+    isToday: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const emptyDayStyle: ({ isBetween }: {
+    isBetween: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const dayStyle: ({ isSelected, isToday, isDisabled, isBetween }: DayStyleProps) => (theme: Theme) => SerializedStyles;
+export {};

package/dist/src/components/DatePicker/Day/Day.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/DatePicker/Day/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Day';
+export * from './Day';

package/dist/src/components/DatePicker/Month/Month.d.ts

@@ -0,0 +1,15 @@
+import { Dayjs } from 'utils/date';
+import { DisabledDates } from '../DatePicker.types';
+import { Range } from '../OverlayComponent/OverlayComponent';
+import * as React from 'react';
+export type WeekRow = number[];
+export type MonthProps = {
+    year: number;
+    month: number;
+    onDaySelect?: (date: Dayjs) => void;
+    selectedDays: Range;
+    disabledDates?: DisabledDates;
+    isFirstCalendar?: boolean;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<MonthProps>>;
+export default _default;

package/dist/src/components/DatePicker/Month/Month.style.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const weekDaysWrapperStyle: () => SerializedStyles;
+export declare const weekDayStyle: () => (theme: Theme) => SerializedStyles;
+export declare const datesWrapperStyle: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/DatePicker/Month/Month.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/DatePicker/Month/Month.utils.d.ts

@@ -0,0 +1,8 @@
+import { Dayjs } from 'utils/date';
+import { DisabledDates } from '../DatePicker.types';
+
+export declare const calculateDisabledDays: (day: number | undefined, month: number, year: number, disabledDates?: DisabledDates) => boolean;
+export declare const calculatedDayIsBetween: (day: number | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
+export declare const calculateSelectedDayPosition: (day: number | undefined, position: 'last' | 'first', month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
+export declare const calculateSelectedDay: (day: number, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
+export declare const getNumWeeksForMonth: (year: number, month: number) => number;

package/dist/src/components/DatePicker/Month/hooks/useMonthKeyboardNavigation.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { MonthProps } from '../Month';
+
+type Props = Omit<MonthProps, 'onDaySelect' | 'disabledDates'>;
+/**
+ * Custom hook that holds all the logic for the keyboard navigation inside the calendar-grid
+ */
+declare const useMonthKeyboardNavigation: ({ selectedDays, isFirstCalendar, month, year }: Props) => {
+    focusedDay: number;
+    setFocusedDay: React.Dispatch<React.SetStateAction<number>>;
+    calendarRef: React.MutableRefObject<HTMLTableElement>;
+    keyboardProps: import('@react-types/shared').DOMAttributes<import('@react-types/shared').FocusableElement>;
+};
+export default useMonthKeyboardNavigation;

package/dist/src/components/DatePicker/Month/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Month';
+export * from './Month';

package/dist/src/components/DatePicker/OverlayComponent/OverlayComponent.d.ts

@@ -0,0 +1,20 @@
+import { Dayjs } from 'utils/date';
+import { DisabledDates, ExtraOption } from '../DatePicker.types';
+import * as React from 'react';
+export type OverlayComponentProps = {
+    selectedOption?: string;
+    onClearAll?: () => void;
+    onApply?: () => void;
+    setSelectedOption?: (x: string) => void;
+    isRangePicker?: boolean;
+    extraOptions?: ExtraOption[];
+    selectedDays: Range;
+    onDaySelect: (date: Dayjs) => void;
+    disabledDates?: DisabledDates;
+};
+export type Range = {
+    from?: Dayjs;
+    to?: Dayjs;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<OverlayComponentProps>>;
+export default _default;

package/dist/src/components/DatePicker/OverlayComponent/OverlayComponent.style.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const overlayWrapperStyle: () => (theme: Theme) => SerializedStyles;
+export declare const optionsWrapperStyle: () => (theme: Theme) => SerializedStyles;
+export declare const optionStyle: ({ isSelected }: {
+    isSelected?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const buttonsMonthsWrapperStyle: () => SerializedStyles;
+export declare const monthsWrapperStyle: () => SerializedStyles;
+export declare const buttonsWrapperStyle: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/DatePicker/OverlayComponent/OverlayComponent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Dayjs } from 'utils/date';
+import { DisabledDates } from '../../../DatePicker.types';
+import { Range } from '../../OverlayComponent';
+
+type MonthWrapperProps = {
+    showedArrows?: 'left' | 'right' | 'both';
+    isRangePicker?: boolean;
+    date: Dayjs;
+    selectedDays: Range;
+    onDaySelect?: (date: Dayjs) => void;
+    handleArrow?: (p: 'forward' | 'back') => void;
+    setDate: React.Dispatch<React.SetStateAction<Dayjs>>;
+    disabledDates?: DisabledDates;
+};
+declare const _default: React.MemoExoticComponent<({ setDate, onDaySelect, selectedDays, date, handleArrow, showedArrows, disabledDates, isRangePicker, }: MonthWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/src/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.style.d.ts

@@ -0,0 +1,12 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const monthWrapperStyle: () => (theme: Theme) => SerializedStyles;
+export declare const monthHeaderWrapperStyle: () => () => SerializedStyles;
+export declare const monthHeaderNavigationIconWrapperStyle: ({ position }: {
+    position: 'left' | 'right';
+}) => () => SerializedStyles;
+export declare const monthHeaderTitleWrapperStyle: () => SerializedStyles;
+export declare const monthHeaderTitleStyle: ({ isRangePicker }: {
+    isRangePicker: boolean;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/DatePicker/OverlayComponent/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './OverlayComponent';
+export * from './OverlayComponent';

package/dist/src/components/DatePicker/OverlayComponent/utils.d.ts

@@ -0,0 +1,5 @@
+import { Dayjs } from 'dayjs';
+import { Range } from './OverlayComponent';
+
+export declare const getLeftCalendarDate: (selectedDays: Range) => Dayjs;
+export declare const getRightCalendarDate: (selectedDays: Range) => Dayjs;

package/dist/src/components/DatePicker/constants.d.ts

@@ -0,0 +1,51 @@
+import { ExtraOption } from './DatePicker.types';
+
+export declare const APPLY = "Apply";
+export declare const CLEAR_ALL = "Clear All";
+export declare const DATE_PICKER_LABEL = "Select Date";
+export declare const DATE_RANGE_PICKER_LABEL = "Enter Date Range";
+export declare const EMPTY_STATE: {
+    from: any;
+    to: any;
+};
+export declare const CALENDAR_DEFAULT_OPTIONS: ExtraOption[];
+/** Stories constants */
+export declare const mockDate: import('dayjs').Dayjs;
+export declare const rangePickerOptions: boolean[];
+export declare const filterTypeOptions: readonly ["preset", "added"];
+export declare const disableDates: {
+    days: Date[];
+};
+export declare const options: {
+    'Disable days of week (only Monday)': {
+        daysOfWeek: number[];
+    };
+    'Disable dates after this day': {
+        after: import('dayjs').Dayjs;
+    };
+    'Disable dates before this day': {
+        before: import('dayjs').Dayjs;
+    };
+    'Disable dates before and after a date (-/+ 7 days)': {
+        before: Date;
+        after: Date;
+    };
+    'Enable dates from/to a date (7 days)': {
+        before: Date;
+        after: Date;
+    };
+    'Array of disabled dates(Today, last 2 days, and the 4th day to today)': {
+        days: Date[];
+    };
+};
+export declare const dateFormatOptions: {
+    "Enables system's locale format": any;
+    'MM/DD/YYYY': string;
+    'DD/MM/YYYY': string;
+    'MMMM D, YYYY': string;
+    'dddd, MMMM D, YYYY': string;
+    'M/D/YYYY': string;
+    'MMM D, YYYY': string;
+    'ddd, MMM D, YYYY': string;
+    'DD MMM YYYY': string;
+};

package/dist/src/components/DatePicker/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './DatePicker';
+export * from './DatePicker';
+export * from './DatePicker.types';
+export { CALENDAR_DEFAULT_OPTIONS } from './constants';

package/dist/src/components/DatePicker/play-utils.d.ts

@@ -0,0 +1,3 @@
+export declare const openDatePicker: ({ canvasElement }: {
+    canvasElement: HTMLElement;
+}) => Promise<void>;

package/dist/src/components/DatePicker/utils.d.ts

@@ -0,0 +1,11 @@
+import { KEYBOARD_EVENT_KEYS } from '../../hooks/useKeyboardEvents';
+import { Dayjs } from 'utils/date';
+import { Range } from './OverlayComponent/OverlayComponent';
+
+export declare const currentDay: Dayjs;
+export declare const initDates: (value: {
+    from?: Date;
+    to?: Date;
+}) => Range;
+export declare const clickOnElement: (element: HTMLElement, key: string, charCode: number) => boolean;
+export declare const navigateOnElement: (element: HTMLElement, path: (keyof typeof KEYBOARD_EVENT_KEYS)[]) => void;

package/dist/src/components/Drawer/Drawer.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+declare const Drawer: React.ForwardRefExoticComponent<{
+    isOpen: boolean;
+    onClose: () => void;
+    anchor?: import('./Drawer.types').AnchorType;
+    size: number;
+    isBackgroundActive?: boolean;
+    hasFixedLayout?: boolean;
+    parent?: HTMLElement;
+} & import('../..').TestProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Drawer;

package/dist/src/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,91 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<{
+        isOpen: boolean;
+        onClose: () => void;
+        anchor?: import('./Drawer.types').AnchorType;
+        size: number;
+        isBackgroundActive?: boolean;
+        hasFixedLayout?: boolean;
+        parent?: HTMLElement;
+    } & import('../..').TestProps & {
+        children?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        chromatic: {
+            delay: number;
+        };
+    };
+    args: {
+        anchor: string;
+    };
+};
+export default _default;
+export declare const Sizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoPlay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => void;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Placement: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Background: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const FixedContent: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoPlay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => void;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const MoreExamples: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Drawer/Drawer.style.d.ts

@@ -0,0 +1,23 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { DrawerProps } from './Drawer.types';
+
+export declare const backdropStyle: ({ isOpen, anchor, size, isBackgroundActive, }: Pick<DrawerProps, 'isOpen' | 'anchor' | 'size' | 'isBackgroundActive'>) => () => SerializedStyles;
+export declare const anchorStyle: ({ anchor, size, isBackgroundActive, }: Pick<DrawerProps, 'anchor' | 'size' | 'isBackgroundActive'>) => {
+    display: string;
+    height: string;
+    width: string;
+};
+export declare const overlayStyle: ({ isOpen, anchor, hasFixedLayout }: Pick<DrawerProps, 'isOpen' | 'anchor' | 'hasFixedLayout'>) => (theme: Theme) => SerializedStyles;
+export declare const closeIconContainer: () => (theme: Theme) => SerializedStyles;
+export declare const headerStyle: ({ isFixed, hasBoxShadow }: {
+    isFixed?: boolean;
+    hasBoxShadow?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const contentStyle: ({ hasFixedHeader }: {
+    hasFixedHeader?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const footerStyle: ({ isFixed, hasBoxShadow }: {
+    isFixed?: boolean;
+    hasBoxShadow?: boolean;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Drawer/Drawer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Drawer/Drawer.types.d.ts

@@ -0,0 +1,19 @@
+import { TestProps } from 'utils/types';
+
+export type AnchorType = 'bottom' | 'left' | 'right' | 'top';
+export type DrawerProps = {
+    /**  If true, the drawer is open.*/
+    isOpen: boolean;
+    /** Callback fired when the component requests to be closed. */
+    onClose: () => void;
+    /** Side from which the overlay will appear. */
+    anchor?: AnchorType;
+    /** Drawer size are relative to the viewport (percentage) */
+    size: number;
+    /** Whether the background behind the Drawer is interactive. Defaults to false */
+    isBackgroundActive?: boolean;
+    /** If true, then the header and footer are fixed positioned */
+    hasFixedLayout?: boolean;
+    /** The parent element, in which the drawer will be rendered. Defaults to document.body */
+    parent?: HTMLElement | null;
+} & TestProps;

package/dist/src/components/Drawer/DrawerContext.d.ts

@@ -0,0 +1,28 @@
+import { Dispatch, FCC, default as React } from 'react';
+
+declare const SET_HAS_FIXED_LAYOUT = "SET_HAS_FIXED_LAYOUT";
+declare const SET_ON_CLOSE = "SET_ON_CLOSE";
+declare const TOGGLE_IS_SCROLLBAR_ON_TOP = "TOGGLE_IS_SCROLLBAR_ON_TOP";
+declare const TOGGLE_IS_SCROLLBAR_ON_BOTTOM = "TOGGLE_IS_SCROLLBAR_ON_BOTTOM";
+export type DrawerContextState = {
+    hasFixedLayout?: boolean;
+    onClose?: () => void;
+    isScrollbarOnTop?: boolean;
+    isScrollbarOnBottom?: boolean;
+};
+export type DrawerContextAction = {
+    type: typeof SET_HAS_FIXED_LAYOUT | typeof SET_ON_CLOSE | typeof TOGGLE_IS_SCROLLBAR_ON_BOTTOM | typeof TOGGLE_IS_SCROLLBAR_ON_TOP;
+    payload: any;
+};
+export declare const setHasFixedLayout: (payload: any) => DrawerContextAction;
+export declare const setOnClose: (payload: any) => DrawerContextAction;
+export declare const toggleIsScrollbarOnTop: (payload: any) => DrawerContextAction;
+export declare const toggleIsScrollbarOnBottom: (payload: any) => DrawerContextAction;
+export declare const DrawerContext: React.Context<[DrawerContextState, Dispatch<DrawerContextAction>]>;
+export type DrawerContextReducer = (state: DrawerContextState, action: DrawerContextAction) => DrawerContextState;
+export declare const DrawerContextProvider: FCC<{
+    hasFixedLayout?: boolean;
+    onClose: () => void;
+}>;
+export declare const useDrawerContext: () => [DrawerContextState, Dispatch<DrawerContextAction>];
+export {};

package/dist/src/components/Drawer/components/DrawerContent/DrawerContent.d.ts

@@ -0,0 +1,5 @@
+import { FCC } from 'react';
+import { TestProps } from 'utils/types';
+
+declare const DrawerContent: FCC<TestProps>;
+export default DrawerContent;