@yuno-payments/dashboard-design-system 2.9.4 → 3.0.0

package/dist/components/organisms/filter-dropdown/filter-dropdown.d.ts

@@ -1,317 +0,0 @@
-import { ReactNode, ComponentProps } from 'react';
-import { IconName } from '../../atoms/icon';
-import { FilterSectionItem, FilterLanguage, FilterTranslations } from '../filter/filter';
-import { FilterDateRangeLabels } from '../filter/filter-date-range';
-/**
- * Props for the FilterMenuItem component
- */
-interface FilterMenuItemProps extends ComponentProps<"button"> {
-    /**
-     * Optional icon to display at the start of the menu item
-     */
-    icon?: IconName;
-    /**
-     * Label text to display in the menu item
-     */
-    label: string;
-    /**
-     * Whether the menu item is currently active/selected
-     * @default false
-     */
-    isActive?: boolean;
-    /**
-     * Whether to show a chevron icon at the end of the menu item
-     * @default false
-     */
-    showChevron?: boolean;
-}
-/**
- * A single menu item in the filter sidebar
- */
-declare const FilterMenuItem: import('react').ForwardRefExoticComponent<Omit<FilterMenuItemProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-/**
- * Props for the FilterMenu component (Sidebar)
- */
-interface FilterMenuProps {
-    /**
-     * Array of menu items to display in the sidebar
-     */
-    items: Array<{
-        /**
-         * Unique identifier for the menu item
-         */
-        id: string;
-        /**
-         * Optional icon to display in the menu item
-         */
-        icon?: IconName;
-        /**
-         * Label text for the menu item
-         */
-        label: string;
-        /**
-         * Whether to show a chevron icon
-         */
-        showChevron?: boolean;
-    }>;
-    /**
-     * ID of the currently active/selected menu item
-     */
-    activeItemId?: string;
-    /**
-     * Callback fired when a menu item is clicked
-     */
-    onItemClick?: (itemId: string) => void;
-    /**
-     * Optional CSS class name
-     */
-    className?: string;
-}
-/**
- * Sidebar menu displaying available filter options
- */
-declare const FilterMenu: import('react').ForwardRefExoticComponent<FilterMenuProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Configuration for a single filter in the FilterDropdown
- */
-interface FilterConfig {
-    /**
-     * Unique identifier for the filter
-     */
-    id: string;
-    /**
-     * Optional icon to display in the filter menu
-     */
-    icon?: IconName;
-    /**
-     * Label text for the filter
-     */
-    label: string;
-    /**
-     * Type of filter to render
-     */
-    type: "checkbox" | "radio" | "custom" | "date";
-    /**
-     * Items for checkbox/radio type filters
-     */
-    items?: FilterSectionItem[];
-    /**
-     * Selected values for checkbox type filters
-     */
-    selectedValues?: string[];
-    /**
-     * Callback fired when checkbox selections change
-     */
-    onChange?: (values: string[]) => void;
-    /**
-     * Minimum number of selections required for checkbox type filters
-     * When set, prevents deselecting below this number
-     * @default 0
-     */
-    minSelection?: number;
-    /**
-     * Selected value for radio type filters
-     */
-    selectedValue?: string;
-    /**
-     * Callback fired when radio selection changes
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Current date range selection value (e.g., "last-7-days", "custom")
-     */
-    dateValue?: string;
-    /**
-     * Start date for date type filters
-     */
-    dateInit?: Date;
-    /**
-     * End date for date type filters
-     */
-    dateEnd?: Date;
-    /**
-     * Start time in HH:mm:ss format
-     */
-    startTime?: string;
-    /**
-     * End time in HH:mm:ss format
-     */
-    endTime?: string;
-    /**
-     * Date picker mode: 'range' shows two date pickers, 'single' shows one
-     * @default 'range'
-     */
-    dateMode?: "range" | "single";
-    /**
-     * Label for single day picker when dateMode is 'single'
-     */
-    singleDayLabel?: string;
-    /**
-     * Whether to show "All time" option in date filter
-     * @default false
-     */
-    showAllTime?: boolean;
-    /**
-     * Callback fired when date range selection changes
-     */
-    onDateValueChange?: (value: string) => void;
-    /**
-     * Callback fired when start date changes
-     */
-    onDateInitChange?: (date: Date | undefined) => void;
-    /**
-     * Callback fired when end date changes
-     */
-    onDateEndChange?: (date: Date | undefined) => void;
-    /**
-     * Callback fired when start time changes
-     */
-    onStartTimeChange?: (time: string) => void;
-    /**
-     * Callback fired when end time changes
-     */
-    onEndTimeChange?: (time: string) => void;
-    /**
-     * Labels for date range filter options - enables i18n/translation support.
-     * If not provided, defaults to English strings.
-     */
-    dateLabels?: FilterDateRangeLabels;
-    /**
-     * Whether the filter items are searchable
-     */
-    searchable?: boolean;
-    /**
-     * Placeholder text for the search input
-     */
-    searchPlaceholder?: string;
-    /**
-     * Whether to show action buttons (Select All, Inverse, None)
-     */
-    showActions?: boolean;
-    /**
-     * Whether to enable "Select All" action
-     */
-    enableSelectAll?: boolean;
-    /**
-     * Whether to enable "Inverse" action
-     */
-    enableInverse?: boolean;
-    /**
-     * Whether to enable "None" action
-     */
-    enableNone?: boolean;
-    /**
-     * Optional description text to display below the search input and above the title
-     */
-    description?: ReactNode;
-    /**
-     * Minimum number of selected values required to show the description.
-     * When set, the description only appears if the current selection count meets this threshold.
-     * Useful for showing exchange rate warnings only when multiple currencies are selected.
-     * @default undefined (always show description if provided)
-     */
-    descriptionMinSelection?: number;
-    /**
-     * Whether this filter can be cleared from applied filters
-     * @default true
-     */
-    clearable?: boolean;
-    /**
-     * Custom render function for 'custom' type filters
-     * When applyOnClose is enabled, receives a deferredContext with buffered handlers
-     */
-    renderContent?: (deferredContext?: FilterDeferredContext) => ReactNode;
-    /**
-     * Callback fired when custom filter changes are applied (used with applyOnClose)
-     * This is called when the dropdown closes with buffered custom filter changes
-     */
-    onCustomChange?: (value: unknown) => void;
-}
-/**
- * Context passed to custom renderContent when applyOnClose is enabled
- */
-interface FilterDeferredContext {
-    /**
-     * Current buffered value for this filter (if any changes were made)
-     */
-    bufferedValue: unknown;
-    /**
-     * Handler to update the buffered value (will be applied on close)
-     */
-    onDeferredChange: (value: unknown) => void;
-    /**
-     * Whether applyOnClose mode is enabled
-     */
-    isDeferred: boolean;
-}
-/**
- * Props for the FilterDropdown component
- */
-interface FilterDropdownProps {
-    /**
-     * Array of filter configurations to display
-     */
-    filters: FilterConfig[];
-    /**
-     * Array of currently applied filters to display as badges
-     */
-    appliedFilters?: Array<{
-        /**
-         * ID of the applied filter (should match a FilterConfig id)
-         */
-        id: string;
-        /**
-         * Label to display in the badge
-         */
-        label: string;
-    }>;
-    /**
-     * Callback fired when a filter badge is removed
-     */
-    onRemoveFilter?: (filterId: string) => void;
-    /**
-     * Callback fired when "Clear filters" button is clicked
-     */
-    onClearAllFilters?: () => void;
-    /**
-     * Callback fired when the dropdown open state changes
-     * Useful for applying filters only when the dropdown closes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Text to display in the trigger button
-     * @deprecated Use `lang` or `translations` prop instead
-     */
-    buttonText?: string;
-    /**
-     * Maximum number of filter badges to show before displaying "+X more"
-     * @default 4
-     */
-    maxVisibleTags?: number;
-    /**
-     * Optional CSS class name for the root element
-     */
-    className?: string;
-    /**
-     * Whether the filter dropdown is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * When true, filter changes are buffered internally and only applied when
-     * the dropdown closes. This prevents triggering API calls on every change.
-     * @default false
-     */
-    applyOnClose?: boolean;
-    /**
-     * Language code for translations
-     * @default "en"
-     */
-    lang?: FilterLanguage;
-    /**
-     * Custom translations (overrides lang-based translations)
-     */
-    translations?: FilterTranslations;
-}
-declare const FilterDropdown: import('react').ForwardRefExoticComponent<FilterDropdownProps & import('react').RefAttributes<HTMLDivElement>>;
-export { FilterDropdown, FilterMenu, FilterMenuItem, type FilterDropdownProps, type FilterConfig, type FilterMenuProps, type FilterMenuItemProps, type FilterDeferredContext, };