@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.110

package/dist/lib/components/Divider/Divider.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { Props } from './Divider.types';
+/**
+ * A horizontal divider/separator line.
+ *
+ * @example
+ * ```tsx
+ * <div>
+ *   <p>Section 1</p>
+ *   <Divider />
+ *   <p>Section 2</p>
+ * </div>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-divider--docs Storybook}
+ */
+declare const Divider: FC<Props>;
+export { Divider };

package/dist/lib/components/Divider/Divider.types.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export type Props = HTMLAttributes<HTMLDivElement> & {
+    component?: 'div' | 'hr' | 'li';
+};

package/dist/lib/components/Divider/Divider.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const dividerVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { BodyProps, FooterProps, HeaderProps } from './components';
+import { Props } from './Drawer.types';
+/**
+ * A drawer/panel component that slides in from the side of the screen.
+ * Supports Header, Body, and Footer sub-components, keyboard navigation (Escape to close),
+ * and optional resizing.
+ *
+ * @example
+ * ```tsx
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
+ *
+ * <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Drawer.Header>Panel Title</Drawer.Header>
+ *   <Drawer.Body>
+ *     Panel content goes here.
+ *   </Drawer.Body>
+ *   <Drawer.Footer>
+ *     <Button variant="secondary" onClick={() => setIsOpen(false)}>
+ *       Cancel
+ *     </Button>
+ *     <Button onClick={handleConfirm}>Confirm</Button>
+ *   </Drawer.Footer>
+ * </Drawer>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-drawer--docs Storybook}
+ */
+declare const Drawer: FC<Props> & {
+    Header: FC<HeaderProps>;
+    Body: FC<BodyProps>;
+    Footer: FC<FooterProps>;
+};
+export { Drawer };

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

@@ -0,0 +1,67 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { drawerVariants } from './Drawer.variants';
+import { Theme } from '../../domain/theme';
+/**
+ * Custom class names for each Drawer element.
+ */
+export type ClassNames = {
+    /** Class for the drawer body section */
+    body?: string;
+    /** Class for the close button */
+    closeButton?: string;
+    /** Class for the content wrapper (contains header, body, footer) */
+    content?: string;
+    /** Class for the drawer footer section */
+    footer?: string;
+    /** Class for the drawer header section */
+    header?: string;
+    /** Class for the background overlay */
+    overlay?: string;
+    /** Class for the drawer panel */
+    panel?: string;
+    /** Class for the resize handle */
+    resizeHandle?: string;
+    /** Class for the root wrapper */
+    root?: string;
+};
+/**
+ * Props for the Drawer component.
+ *
+ * @example
+ * ```tsx
+ * <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Drawer.Header>Title</Drawer.Header>
+ *   <Drawer.Body>Content</Drawer.Body>
+ *   <Drawer.Footer>
+ *     <Button onClick={() => setIsOpen(false)}>Close</Button>
+ *   </Drawer.Footer>
+ * </Drawer>
+ * ```
+ */
+export type Props = PropsWithChildren & VariantProps<typeof drawerVariants> & {
+    /** Enable resizable drawer */
+    canResize?: boolean;
+    /** Default width of the drawer in pixels (default: 500) */
+    defaultWidth?: number;
+    /** Additional CSS classes for the drawer panel */
+    className?: string;
+    /** Custom class names for each element */
+    classNames?: ClassNames;
+    /** DOM element to portal the drawer into (defaults to document.body) */
+    container?: Element | DocumentFragment;
+    /** Whether the drawer is open */
+    isOpen?: boolean;
+    /** Maximum width when resizable (default: 800) */
+    maxWidth?: number;
+    /** Minimum width when resizable (default: 400) */
+    minWidth?: number;
+    /** Position of the drawer */
+    position?: 'left' | 'right';
+    /** Show the X close button in the corner */
+    showCloseButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Callback when drawer is closed (Escape key, overlay click, or close button) */
+    onClose?: () => void;
+};

package/dist/lib/components/Drawer/Drawer.variants.d.ts

@@ -0,0 +1,8 @@
+export declare const drawerVariants: (props?: ({
+    position?: "left" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const overlayVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const buttonCloseVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const resizeHandleVariants: (props?: ({
+    position?: "left" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Drawer/components/Body/Body.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Body.types';
+export declare const Body: FC<Props>;

package/dist/lib/components/Drawer/components/Body/Body.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type Props = {
+    /** Content of the body section */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+};

package/dist/lib/components/Drawer/components/Body/index.d.ts

@@ -0,0 +1,2 @@
+export { Body } from './Body';
+export type { Props as BodyProps } from './Body.types';

package/dist/lib/components/Drawer/components/Footer/Footer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Footer.types';
+export declare const Footer: FC<Props>;

package/dist/lib/components/Drawer/components/Footer/Footer.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type Props = {
+    /** Content of the footer section */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+};

package/dist/lib/components/Drawer/components/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export { Footer } from './Footer';
+export type { Props as FooterProps } from './Footer.types';

package/dist/lib/components/Drawer/components/Header/Header.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Header.types';
+export declare const Header: FC<Props>;

package/dist/lib/components/Drawer/components/Header/Header.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type Props = {
+    /** Content of the header section */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** ID for accessibility (aria-labelledby) */
+    id?: string;
+};

package/dist/lib/components/Drawer/components/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { Header } from './Header';
+export type { Props as HeaderProps } from './Header.types';

package/dist/lib/components/Drawer/components/index.d.ts

@@ -0,0 +1,3 @@
+export { Header, type HeaderProps } from './Header';
+export { Body, type BodyProps } from './Body';
+export { Footer, type FooterProps } from './Footer';

package/dist/lib/components/Drawer/constants/index.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_WIDTH = 500;
+export declare const DEFAULT_MIN_WIDTH = 400;
+export declare const DEFAULT_MAX_WIDTH = 800;
+export declare const ANIMATION_DELAY_MS = 10;
+export declare const ANIMATION_DURATION_MS = 300;
+export declare const KEYBOARD_RESIZE_STEP = 20;

package/dist/lib/components/Drawer/contexts/Drawer.context.d.ts

@@ -0,0 +1,7 @@
+import { ClassNames } from '../Drawer.types';
+export type ContextValue = {
+    classNames?: ClassNames;
+    headerId?: string;
+};
+export declare const DrawerContext: import('react').Context<ContextValue>;
+export declare const useDrawerContext: () => ContextValue;

package/dist/lib/components/Drawer/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerContext, useDrawerContext } from './Drawer.context';
+export type { ContextValue } from './Drawer.context';

package/dist/lib/components/Drawer/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDrawer } from './useDrawer';
+export type { UseDrawerProps, UseDrawerReturn } from './useDrawer.types';

package/dist/lib/components/Drawer/hooks/useDrawer.d.ts

@@ -0,0 +1,2 @@
+import { UseDrawerProps, UseDrawerReturn } from './useDrawer.types';
+export declare const useDrawer: ({ canResize, defaultWidth, isOpen, maxWidth, minWidth, position, onClose, }: UseDrawerProps) => UseDrawerReturn;

package/dist/lib/components/Drawer/hooks/useDrawer.types.d.ts

@@ -0,0 +1,30 @@
+export type UseDrawerProps = {
+    /** Enable resizable drawer */
+    canResize?: boolean;
+    /** Default width */
+    defaultWidth?: number;
+    /** Whether the drawer is open */
+    isOpen?: boolean;
+    /** Maximum width when resizable */
+    maxWidth?: number;
+    /** Minimum width when resizable */
+    minWidth?: number;
+    /** Position of the drawer */
+    position?: 'left' | 'right';
+    /** Callback when drawer is closed */
+    onClose?: () => void;
+};
+export type UseDrawerReturn = {
+    /** Whether the drawer is animating (for CSS transitions) */
+    isAnimating: boolean;
+    /** Whether the drawer is visible in the DOM */
+    isVisible: boolean;
+    /** Current width of the drawer */
+    width: number;
+    /** The translate class based on animation state */
+    translateClass: string;
+    /** Handler for resize mouse down event */
+    handleMouseDown: () => void;
+    /** Handler for resize keyboard events */
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+};

package/dist/lib/components/DropdownButton/DropdownButton.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { Props } from './DropdownButton.types';
+/**
+ * A button with an attached dropdown menu for selecting actions.
+ * Built on Radix DropdownMenu: closes on outside click or Escape, and
+ * supports full keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * <DropdownButton
+ *   label="Download Invoice as"
+ *   options={[
+ *     { label: 'PDF', onClick: () => downloadPdf() },
+ *     { label: 'CSV', onClick: () => downloadCsv() },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const DropdownButton: FC<Props>;

package/dist/lib/components/DropdownButton/DropdownButton.types.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+/**
+ * Configuration for a dropdown menu option.
+ */
+export type Option = {
+    /** The text or element displayed for this option */
+    label: string | ReactNode;
+    /** Callback fired when this option is selected */
+    onClick?: VoidFunction;
+};
+/**
+ * Props for the DropdownButton component.
+ *
+ * @example
+ * ```tsx
+ * <DropdownButton
+ *   options={[
+ *     { label: 'PDF', onClick: () => downloadPdf() },
+ *     { label: 'CSV', onClick: () => downloadCsv() },
+ *     { label: 'Excel', onClick: () => downloadExcel() },
+ *   ]}
+ * />
+ * ```
+ */
+export type Props = {
+    /** Additional CSS classes for the trigger button */
+    buttonClassName?: string;
+    /** Additional CSS classes for the wrapper container */
+    className?: string;
+    /** Additional CSS classes for each dropdown item */
+    itemClassName?: string;
+    /** Content of the trigger button */
+    label?: string | ReactNode;
+    /** Additional CSS classes for the dropdown list */
+    listClassName?: string;
+    /** Array of options to display in the dropdown */
+    options: Option[];
+};

package/dist/lib/components/Filter/Filter.d.ts

@@ -0,0 +1,26 @@
+import { FilterComponentProps } from './Filter.types';
+import { BadgeMultiSelect, CustomDateRangeFilterDropdown, DateFilterDropdown, DateRangeFilterDropdown, TextMultiSelect, TimeFilterDropdown } from './components';
+/**
+ * A compound component for building filter interfaces.
+ * Includes sub-components for badge multi-select, date filtering, and reset actions.
+ *
+ * @example
+ * ```tsx
+ * <Filter theme="civo">
+ *   <Filter.BadgeMultiSelect
+ *     label="Status"
+ *     options={[
+ *       { id: 'active', label: 'Active', variant: 'success' },
+ *       { id: 'pending', label: 'Pending', variant: 'warning' },
+ *     ]}
+ *     selectedValues={selected}
+ *     onChange={setSelected}
+ *   />
+ *   <Filter.ResetButton onClick={() => setSelected([])} />
+ * </Filter>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-filter--docs Storybook}
+ */
+declare const Filter: FilterComponentProps;
+export { Filter, BadgeMultiSelect, TextMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, CustomDateRangeFilterDropdown, TimeFilterDropdown, };

package/dist/lib/components/Filter/Filter.types.d.ts

@@ -0,0 +1,68 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, PropsWithChildren } from 'react';
+import { Theme } from '../../domain/theme';
+import { Props as BadgeProps } from '../Badge/Badge.types';
+import { filterVariants } from './Filter.variants';
+import { BadgeMultiSelectProps, CustomDateRangeFilterDropdownProps, DateFilterDropdownProps, DateRangeFilterDropdownProps, ResetButtonProps, TextMultiSelectProps, TimeFilterDropdownProps } from './components';
+/**
+ * Configuration for a filter option.
+ */
+export type Option = {
+    /** Unique identifier for the option */
+    id: string;
+    /** Display label for the option */
+    label: string;
+    /** Visual variant for the badge */
+    variant?: BadgeProps['variant'];
+    /** Icon displayed on the left of the badge */
+    leftIcon?: BadgeProps['leftIcon'];
+    /** Icon displayed on the right of the badge */
+    rightIcon?: BadgeProps['rightIcon'];
+    /** Show loading spinner in the badge */
+    loading?: BadgeProps['loading'];
+};
+/**
+ * Props for the Filter component.
+ * A compound component for building filter interfaces.
+ *
+ * @example
+ * ```tsx
+ * <Filter theme="civo">
+ *   <Filter.BadgeMultiSelect
+ *     label="Status"
+ *     options={statusOptions}
+ *     selectedValues={selectedStatuses}
+ *     onChange={setSelectedStatuses}
+ *   />
+ *   <Filter.DateFilterDropdown
+ *     label="Date"
+ *     onDateChange={setDateRange}
+ *   />
+ *   <Filter.ResetButton onClick={resetFilters} />
+ * </Filter>
+ * ```
+ */
+export type Props = VariantProps<typeof filterVariants> & PropsWithChildren & {
+    /** Additional CSS classes for the filter wrapper */
+    className?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Whether to close the filter dropdown automatically when Apply is clicked. Defaults to true. */
+    closeOnApply?: boolean;
+    /** Scope for reset events; dropdowns only respond to resets with the same scope. Defaults to a per-instance id. */
+    resetScope?: string;
+};
+/** @deprecated Use Props instead */
+export type FilterProps = Props;
+/**
+ * Filter compound component type with sub-components.
+ */
+export type FilterComponentProps = FC<Props> & {
+    BadgeMultiSelect: FC<BadgeMultiSelectProps>;
+    TextMultiSelect: FC<TextMultiSelectProps>;
+    DateFilterDropdown: FC<DateFilterDropdownProps>;
+    DateRangeFilterDropdown: FC<DateRangeFilterDropdownProps>;
+    CustomDateRangeFilterDropdown: FC<CustomDateRangeFilterDropdownProps>;
+    TimeFilterDropdown: FC<TimeFilterDropdownProps>;
+    ResetButton: FC<ResetButtonProps>;
+};

package/dist/lib/components/Filter/Filter.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const filterVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const filterButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const filterButtonIconVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Filter/components/BadgeDropdown/BadgeMultiSelect.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './BadgeMultiSelect.types';
+export declare const BadgeMultiSelect: FC<Props>;

package/dist/lib/components/Filter/components/BadgeDropdown/BadgeMultiSelect.types.d.ts

@@ -0,0 +1,13 @@
+import { Option } from '../../Filter.types';
+export type SelectedOptions = Option & {
+    isApplied?: boolean;
+    isRemoved?: boolean;
+};
+export type Props = {
+    label: string;
+    options: Option[];
+    position?: 'left' | 'right';
+    onApply?: (selectedOptions: Option[]) => void;
+    showSelectAll?: boolean;
+    selectAllLabel?: string;
+};

package/dist/lib/components/Filter/components/BadgeDropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useBadgeMultiSelect/useBadgeMultiSelect';

package/dist/lib/components/Filter/components/BadgeDropdown/hooks/useBadgeMultiSelect/useBadgeMultiSelect.d.ts

@@ -0,0 +1,13 @@
+import { Option } from '../../../../Filter.types';
+import { Props, SelectedOptions } from '../../BadgeMultiSelect.types';
+export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<Props, "onApply" | "options">) => {
+    isOpen: boolean;
+    isAllSelected: boolean;
+    selectedCount: SelectedOptions[];
+    selectedOptions: SelectedOptions[];
+    handleApplyOptions: () => void;
+    handleOpenChange: (open: boolean) => void;
+    handleResetOptions: () => void;
+    handleSelectAll: (allOptions: Option[], checked: boolean) => void;
+    handleSelectOption: (option: Option, checked: boolean) => void;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './CustomDateRangeFilterDropdown.types';
+export declare const CustomDateRangeFilterDropdown: FC<Props>;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types.d.ts

@@ -0,0 +1,55 @@
+import { DateDisplayFormat, DateRange, DateRangePresetOption, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
+import { RollingPreset } from './constants';
+export type { RollingPreset };
+export type Props = {
+    animationDuration?: number;
+    /** Apply as soon as a preset is selected (default: false) */
+    applyOnPresetSelect?: boolean;
+    appliedRangeDisplay?: 'compact' | 'split';
+    /** Country code for locale formatting (default: 'US') */
+    countryCode?: string;
+    dateDisplayFormat?: DateDisplayFormat;
+    /** Initial date range */
+    defaultRange?: DateRange;
+    /** Label for the filter button */
+    label: string;
+    /** Label for the apply button (default: 'Apply') */
+    labelApply?: string;
+    labelCustomRange?: string;
+    /** Label for the end date field (default: 'To') */
+    labelEndDate?: string;
+    labelRangeSeparator?: string;
+    /** Label for the reset button (default: 'Clear') */
+    labelReset?: string;
+    /** Label for the start date field (default: 'From') */
+    labelStartDate?: string;
+    /** Title of the preset panel (default: 'Time period') */
+    labelTimePeriod?: string;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Minimum selectable date */
+    minDate?: Date;
+    navigationMode?: 'independent' | 'together';
+    numberOfMonths?: 1 | 2;
+    /** Position of the dropdown relative to the button */
+    position?: 'left' | 'right';
+    /** Replaces the built-in preset options; see `DateRangePicker`'s `presets`. */
+    presets?: DateRangePresetOption[];
+    /** Marks the From/To fields with a required indicator (default: true) */
+    requiredDates?: boolean;
+    /** Reveal the calendar only on the manual-selection preset (default: false). */
+    revealCalendarOnCustom?: boolean;
+    rollingPresets?: RollingPreset[];
+    showCustomRange?: boolean;
+    showOutsideDays?: boolean;
+    /** Whether to show preset options (default: true) */
+    showPresets?: boolean;
+    /** Whether to show time inputs (default: false) */
+    showTime?: boolean;
+    /** Time format: '12' for 12-hour or '24' for 24-hour */
+    timeFormat?: '12' | '24';
+    /** Callback when the date range is applied */
+    onApply?: (range?: DateRangeWithTime) => void;
+    /** Callback when the date range changes */
+    onRangeChange?: (range: DateRangeWithTime) => void;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Actions/Actions.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Actions: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/PanelActions/PanelActions.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const PanelActions: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Picker/Picker.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Picker: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Trigger/Trigger.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Trigger: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Wrapper: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Wrapper/Wrapper';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './presets/presets';
+export * from './presets/presets.types';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/constants/presets/presets.d.ts

@@ -0,0 +1,4 @@
+import { DateRangePresetOption } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { DefaultPresetsConfig, RollingPreset } from './presets.types';
+export declare const DEFAULT_ROLLING_PRESETS: RollingPreset[];
+export declare const createDefaultPresets: ({ labelCustomRange, rollingPresets, }: DefaultPresetsConfig) => DateRangePresetOption[];

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/constants/presets/presets.types.d.ts

@@ -0,0 +1,9 @@
+export type RollingPreset = {
+    duration: string;
+    label: string;
+    value?: string;
+};
+export type DefaultPresetsConfig = {
+    labelCustomRange: string;
+    rollingPresets: RollingPreset[];
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './custom-date-range-filter-dropdown.types';
+export declare const CustomDateRangeFilterDropdownContext: import('react').Context<State | null>;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.d.ts

@@ -0,0 +1 @@
+export declare const useCustomDateRangeFilterDropdown: () => import('./custom-date-range-filter-dropdown.types').State;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './custom-date-range-filter-dropdown.types';
+export declare const CustomDateRangeFilterDropdownProvider: FC<Props>;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.types.d.ts

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react';
+import { DateRange, DateRangePresetOption, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props as CustomDateRangeFilterDropdownProps } from '../../CustomDateRangeFilterDropdown.types';
+type Config = Required<Pick<CustomDateRangeFilterDropdownProps, 'animationDuration' | 'appliedRangeDisplay' | 'dateDisplayFormat' | 'label' | 'labelApply' | 'labelEndDate' | 'labelRangeSeparator' | 'labelReset' | 'labelStartDate' | 'navigationMode' | 'numberOfMonths' | 'position' | 'requiredDates' | 'revealCalendarOnCustom' | 'showOutsideDays' | 'showPresets' | 'showTime' | 'timeFormat'>> & Pick<CustomDateRangeFilterDropdownProps, 'labelTimePeriod' | 'maxDate' | 'minDate'>;
+export type State = Config & {
+    appliedRangeEnds?: {
+        from: string;
+        to?: string;
+    };
+    appliedRangeLabel?: string;
+    canApply: boolean;
+    hasPendingSelection: boolean;
+    isCollapsed: boolean;
+    isOpen: boolean;
+    presets: DateRangePresetOption[];
+    resetKey: number;
+    selectedPreset: string | null;
+    selectedRange?: DateRange;
+    showsCalendar: boolean;
+    onApply: () => void;
+    onClear: () => void;
+    onOpenChange: (open: boolean) => void;
+    onPresetChange: (preset: string | null, range: DateRange) => void;
+    onRangeChange: (range: DateRangeWithTime) => void;
+    onReset: () => void;
+};
+export type Props = PropsWithChildren<CustomDateRangeFilterDropdownProps>;
+export {};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook';
+export * from './custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useAppliedDateRange/useAppliedDateRange';
+export * from './useCalendarVisibility/useCalendarVisibility';
+export * from './useDateRangeSelection/useDateRangeSelection';
+export * from './useFilterDropdownOpenState/useFilterDropdownOpenState';
+export * from './useFormattedDateRange/useFormattedDateRange';
+export * from './usePendingDateRange/usePendingDateRange';
+export * from './useResetKey/useResetKey';
+export * from './usePresetOptions/usePresetOptions';
+export * from './useSelectedPreset/useSelectedPreset';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useAppliedDateRange/useAppliedDateRange.d.ts

@@ -0,0 +1,7 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from './useAppliedDateRange.types';
+export declare const useAppliedDateRange: ({ defaultRange, onApply }: Props) => {
+    appliedRange: DateRangeWithTime | undefined;
+    applyRange: (range: DateRange | undefined) => void;
+    clearAppliedRange: () => void;
+};