@konstructio/ui 0.1.2-alpha.98 → 0.1.3

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

@@ -23,8 +23,12 @@ export type UseDrawerReturn = {
     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;
+    /** Starts a resize from the handle and captures the pointer */
+    handleResizePointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+    /** Resizes the panel while the captured pointer moves */
+    handleResizePointerMove: (event: React.PointerEvent<HTMLElement>) => void;
+    /** Ends the resize on pointer up or cancel */
+    handleResizePointerEnd: (event: React.PointerEvent<HTMLElement>) => void;
 };

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

@@ -0,0 +1,2 @@
+import { UseSwipeToCloseProps, UseSwipeToCloseReturn } from './useSwipeToClose.types';
+export declare const useSwipeToClose: ({ enabled, position, onClose, }: UseSwipeToCloseProps) => UseSwipeToCloseReturn;

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

@@ -0,0 +1,17 @@
+import { TouchEvent } from 'react';
+export type UseSwipeToCloseProps = {
+    /** Whether a swipe towards the edge closes the drawer */
+    enabled: boolean;
+    /** Edge the drawer docks to; the swipe closes towards it */
+    position: 'left' | 'right';
+    /** Called when the swipe passes the distance or velocity threshold */
+    onClose?: () => void;
+};
+export type UseSwipeToCloseReturn = {
+    /** Horizontal offset the panel follows while swiping, null when idle */
+    swipeOffset: number | null;
+    handleTouchStart: (event: TouchEvent<HTMLElement>) => void;
+    handleTouchMove: (event: TouchEvent<HTMLElement>) => void;
+    handleTouchEnd: (event: TouchEvent<HTMLElement>) => void;
+    handleTouchCancel: () => void;
+};

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

@@ -2,19 +2,19 @@ import { FC } from 'react';
 import { Props } from './DropdownButton.types';
 /**
  * A button with an attached dropdown menu for selecting actions.
- * Closes automatically on outside click, Escape key, or tab visibility change.
+ * Built on Radix DropdownMenu: closes on outside click or Escape, and
+ * supports full keyboard navigation. With `sheetTitle` the menu becomes an
+ * action sheet docked to the bottom of the screen on touch devices.
  *
  * @example
  * ```tsx
  * <DropdownButton
+ *   label="Download Invoice as"
  *   options={[
- *     { label: 'Download PDF', onClick: handlePdf },
- *     { label: 'Download CSV', onClick: handleCsv },
+ *     { label: 'PDF', onClick: () => downloadPdf() },
+ *     { label: 'CSV', onClick: () => downloadCsv() },
  *   ]}
- *   buttonClassName="w-64"
  * />
  * ```
- *
- * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-dropdownbutton--docs Storybook}
  */
 export declare const DropdownButton: FC<Props>;

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

@@ -1,4 +1,6 @@
 import { ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+import { Props as ButtonProps } from '../Button/Button.types';
 /**
  * Configuration for a dropdown menu option.
  */
@@ -7,6 +9,14 @@ export type Option = {
     label: string | ReactNode;
     /** Callback fired when this option is selected */
     onClick?: VoidFunction;
+    /** Keep the option visible but inert */
+    disabled?: boolean;
+    /** Why the option is disabled; rendered beside the label and implies `disabled` */
+    disabledReason?: ReactNode;
+    /** Style the option as a destructive action */
+    destructive?: boolean;
+    /** Draw a divider above this option */
+    separator?: boolean;
 };
 /**
  * Props for the DropdownButton component.
@@ -23,14 +33,48 @@ export type Option = {
  * ```
  */
 export type Props = {
+    /** Edge of the trigger the menu aligns to (default: 'start') */
+    align?: 'start' | 'end';
+    /** Appearance of the trigger button */
+    appearance?: ButtonProps['appearance'];
     /** Additional CSS classes for the trigger button */
     buttonClassName?: string;
     /** Additional CSS classes for the wrapper container */
     className?: string;
+    /** Disable the trigger and keep the menu closed */
+    disabled?: boolean;
+    /** Show a spinner in place of the chevron and disable the trigger */
+    isLoading?: boolean;
     /** 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[];
+    /**
+     * Render the options as an action sheet docked to the bottom of the screen
+     * instead of a dropdown while `sheetQuery` matches. The title heads the sheet.
+     */
+    sheetTitle?: ReactNode;
+    /**
+     * Media query that switches to the action sheet (default: touch pointers and
+     * viewports under 768px).
+     */
+    sheetQuery?: string;
+    /** Screen edge the action sheet docks to (default: 'bottom') */
+    sheetPosition?: 'bottom' | 'top';
+    /** Additional CSS classes for the action sheet panel */
+    sheetClassName?: string;
+    /** Additional CSS classes for the action sheet header row */
+    sheetHeaderClassName?: string;
+    /** Additional CSS classes for the action sheet title */
+    sheetTitleClassName?: string;
+    /** Theme override for the dropdown and the sheet */
+    theme?: Theme;
+    /** Variant of the trigger button */
+    variant?: ButtonProps['variant'];
+    /** Version of the trigger button */
+    version?: ButtonProps['version'];
 };

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Props } from './ActionSheet.types';
+/**
+ * The touch-screen counterpart of the dropdown menu: a Sheet with one 44px
+ * button per option.
+ */
+export declare const ActionSheet: FC<Props>;

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Theme } from '../../../../domain/theme';
+import { Option } from '../../DropdownButton.types';
+export type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    title: ReactNode;
+    options: Option[];
+    itemClassName?: string;
+    className?: string;
+    headerClassName?: string;
+    titleClassName?: string;
+    position?: 'bottom' | 'top';
+    theme?: Theme;
+};

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

@@ -1,5 +1,5 @@
 import { FilterComponentProps } from './Filter.types';
-import { BadgeMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, TextMultiSelect, TimeFilterDropdown } from './components';
+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.
@@ -23,4 +23,4 @@ import { BadgeMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, TextMult
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-filter--docs Storybook}
  */
 declare const Filter: FilterComponentProps;
-export { Filter, BadgeMultiSelect, TextMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, TimeFilterDropdown, };
+export { Filter, BadgeMultiSelect, TextMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, CustomDateRangeFilterDropdown, TimeFilterDropdown, };

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import { FC, PropsWithChildren } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { Props as BadgeProps } from '../Badge/Badge.types';
 import { filterVariants } from './Filter.variants';
-import { BadgeMultiSelectProps, DateFilterDropdownProps, DateRangeFilterDropdownProps, ResetButtonProps, TextMultiSelectProps, TimeFilterDropdownProps } from './components';
+import { BadgeMultiSelectProps, CustomDateRangeFilterDropdownProps, DateFilterDropdownProps, DateRangeFilterDropdownProps, ResetButtonProps, TextMultiSelectProps, TimeFilterDropdownProps } from './components';
 /**
  * Configuration for a filter option.
  */
@@ -49,6 +49,8 @@ export type Props = VariantProps<typeof filterVariants> & PropsWithChildren & {
     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;
@@ -60,6 +62,7 @@ export type FilterComponentProps = FC<Props> & {
     TextMultiSelect: FC<TextMultiSelectProps>;
     DateFilterDropdown: FC<DateFilterDropdownProps>;
     DateRangeFilterDropdown: FC<DateRangeFilterDropdownProps>;
+    CustomDateRangeFilterDropdown: FC<CustomDateRangeFilterDropdownProps>;
     TimeFilterDropdown: FC<TimeFilterDropdownProps>;
     ResetButton: FC<ResetButtonProps>;
 };

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

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

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

@@ -3,7 +3,7 @@ export type SelectedOptions = Option & {
     isApplied?: boolean;
     isRemoved?: boolean;
 };
-export type BadgeMultiSelectProps = {
+export type Props = {
     label: string;
     options: Option[];
     position?: 'left' | 'right';

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/{BadgeMultiSelect.hook.d.ts → hooks/useBadgeMultiSelect/useBadgeMultiSelect.d.ts}

@@ -1,13 +1,12 @@
-import { Option } from '../../../../../components/Filter/Filter.types';
-import { BadgeMultiSelectProps, SelectedOptions } from './BadgeMultiSelect.types';
-export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<BadgeMultiSelectProps, "onApply" | "options">) => {
+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[];
-    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApplyOptions: () => void;
-    handleOpen: () => 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;
+};

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

@@ -0,0 +1,5 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    defaultRange?: DateRange;
+    onApply?: (range?: DateRangeWithTime) => void;
+};

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

@@ -0,0 +1,10 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from './useCalendarVisibility.types';
+export declare const useCalendarVisibility: ({ defaultRange }: Props) => {
+    isCollapsed: boolean;
+    showsCalendar: boolean;
+    collapseCalendar: () => void;
+    hideCalendar: () => void;
+    restoreCalendar: (shows: boolean) => void;
+    revealCalendarFor: (range: DateRange) => boolean;
+};

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

@@ -0,0 +1,4 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    defaultRange?: DateRange;
+};

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

@@ -0,0 +1,8 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from './useDateRangeSelection.types';
+export declare const useDateRangeSelection: ({ defaultRange }: Props) => {
+    selectedRange: DateRange | undefined;
+    selectRange: (range: DateRange) => void;
+    handleRangeChange: (range: DateRangeWithTime) => void;
+    clearSelectedRange: () => void;
+};

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

@@ -0,0 +1,4 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    defaultRange?: DateRange;
+};

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

@@ -0,0 +1,6 @@
+export declare const useFilterDropdownOpenState: () => {
+    id: string;
+    isOpen: boolean;
+    close: () => void;
+    handleOpenChange: (open: boolean) => void;
+};

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

@@ -0,0 +1,11 @@
+import { Props } from './useFormattedDateRange.types';
+export declare const useFormattedDateRange: ({ range, countryCode }: Props) => {
+    appliedRangeLabel: undefined;
+    appliedRangeEnds: undefined;
+} | {
+    appliedRangeLabel: string;
+    appliedRangeEnds: {
+        from: string;
+        to: string | undefined;
+    };
+};

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

@@ -0,0 +1,5 @@
+import { DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    range?: DateRangeWithTime;
+    countryCode?: string;
+};

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

@@ -0,0 +1,5 @@
+import { Props } from './usePendingDateRange.types';
+export declare const usePendingDateRange: ({ selectedRange, appliedRange }: Props) => {
+    canApply: boolean;
+    hasPendingSelection: boolean;
+};

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

@@ -0,0 +1,5 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    selectedRange?: DateRange;
+    appliedRange?: DateRangeWithTime;
+};

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

@@ -0,0 +1,2 @@
+import { Props } from './usePresetOptions.types';
+export declare const usePresetOptions: ({ labelCustomRange, presets, rollingPresets, showCustomRange, }: Props) => import('../../../../..').DateRangePresetOption[];

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

@@ -0,0 +1,6 @@
+import { DateRangePresetOption } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { DefaultPresetsConfig } from '../../constants';
+export type Props = DefaultPresetsConfig & {
+    presets?: DateRangePresetOption[];
+    showCustomRange: boolean;
+};

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

@@ -0,0 +1 @@
+export declare const useResetKey: () => [number, () => void];

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

@@ -0,0 +1,10 @@
+import { Props } from './useSelectedPreset.types';
+export declare const useSelectedPreset: ({ defaultRange }: Props) => {
+    appliedPreset: string | null;
+    selectedPreset: string | null;
+    applyPreset: (preset: string | null) => void;
+    clearSelectedPreset: () => void;
+    markManualSelection: () => boolean;
+    revertSelectedPreset: () => void;
+    selectPreset: (preset: string | null, resolvesToWindow: boolean) => void;
+};

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

@@ -0,0 +1,4 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    defaultRange?: DateRange;
+};

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

@@ -0,0 +1,4 @@
+import { Duration } from './duration.types';
+export declare const parseDuration: (input: string) => Duration;
+export declare const subtractDuration: (date: Date, input: string) => Date;
+export declare const durationToId: (input: string) => string;

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

@@ -0,0 +1,5 @@
+export type DurationUnit = 'm' | 'h' | 'd' | 'w' | 'mo' | 'y';
+export type Duration = {
+    amount: number;
+    unit: DurationUnit;
+};

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

@@ -0,0 +1,3 @@
+export * from './duration/duration';
+export * from './duration/duration.types';
+export * from './whole-days/whole-days';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/utils/whole-days/whole-days.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from '../../../../../DateRangePicker/DateRangePicker.types';
+export declare const spanWholeDays: ({ from, to }: DateRange) => DateRange;

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

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

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

@@ -1,4 +1,4 @@
-export type DateFilterDropdownProps = {
+export type Props = {
     label: string;
     position?: 'left' | 'right';
     onApply?: (date?: Date) => void;

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

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

package/dist/lib/components/Filter/components/DateFilterDropdown/{DateFilterDropdown.hook.d.ts → hooks/useDateFilterDropdown/useDateFilterDropdown.d.ts}

@@ -1,12 +1,11 @@
-import { DateFilterDropdownProps } from './DateFilterDropdown.types';
-export declare const useDateFilterDropdown: ({ onApply, countryCode, }: Pick<DateFilterDropdownProps, "onApply" | "countryCode">) => {
+import { Props } from '../../DateFilterDropdown.types';
+export declare const useDateFilterDropdown: ({ onApply, countryCode, }: Pick<Props, "onApply" | "countryCode">) => {
     id: string;
     appliedDay: string | undefined;
     isOpen: boolean;
     selectedDay: Date | undefined;
-    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApply: () => void;
-    handleOpen: () => void;
+    handleOpenChange: (open: boolean) => void;
     handleSelect: (date: Date) => void;
     handleReset: () => void;
 };

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

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

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

@@ -1,5 +1,5 @@
-import { DateRange, DateRangeWithTime } from '../../../../../components/DateRangePicker/DateRangePicker.types';
-export type DateRangeFilterDropdownProps = {
+import { DateRange, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
     /** Label for the filter button */
     label: string;
     /** Position of the dropdown relative to the button */

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

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