@konstructio/ui 0.1.2-alpha.107 → 0.1.2-alpha.109

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,5 +1,5 @@
-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;

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 '../../../DateRangePicker/DateRangePicker.types';
-export type DateRangeFilterDropdownProps = {
+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';

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/{DateRangeFilterDropdown.hook.d.ts → hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.d.ts}

@@ -1,6 +1,6 @@
-import { DateRange, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
-import { DateRangeFilterDropdownProps } from './DateRangeFilterDropdown.types';
-export declare const useDateRangeFilterDropdown: ({ defaultRange, onApply, countryCode, }: Pick<DateRangeFilterDropdownProps, "defaultRange" | "onApply" | "countryCode">) => {
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from '../../DateRangeFilterDropdown.types';
+export declare const useDateRangeFilterDropdown: ({ defaultRange, onApply, countryCode, }: Pick<Props, "defaultRange" | "onApply" | "countryCode">) => {
     id: string;
     appliedRange: string | undefined;
     isOpen: boolean;

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

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

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-export type FilterDropdownProps = PropsWithChildren & {
+export type Props = PropsWithChildren & {
     isOpen: boolean;
     trigger: ReactNode;
     triggerClassName?: string;

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

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

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

@@ -1,5 +1,5 @@
 import { Props as ButtonProps } from '../../../Button/Button.types';
-export type ResetButtonProps = ButtonProps & {
+export type Props = ButtonProps & {
     disabled?: boolean;
     onClick?: VoidFunction;
 };

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

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

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

@@ -1,5 +1,5 @@
 import { Option } from '../../Filter.types';
-export type TextMultiSelectProps = {
+export type Props = {
     label: string;
     options: Option[];
     position?: 'left' | 'right';

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

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

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

@@ -2,7 +2,7 @@ export type TimePreset = {
     label: string;
     value: Date;
 };
-export type TimeFilterDropdownProps = {
+export type Props = {
     label: string;
     position?: 'left' | 'right';
     format?: '12' | '24';

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

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

package/dist/lib/components/Filter/components/TimeFilterDropdown/{TimeFilterDropdown.hook.d.ts → hooks/useTimeFilterDropdown/useTimeFilterDropdown.d.ts}

@@ -1,5 +1,5 @@
-import { TimeFilterDropdownProps, TimePreset } from './TimeFilterDropdown.types';
-export declare const useTimeFilterDropdown: ({ onApply, format, }: Pick<TimeFilterDropdownProps, "onApply" | "format">) => {
+import { Props, TimePreset } from '../../TimeFilterDropdown.types';
+export declare const useTimeFilterDropdown: ({ onApply, format, }: Pick<Props, "onApply" | "format">) => {
     id: string;
     appliedLabel: string | undefined;
     isOpen: boolean;

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

@@ -1,12 +1,14 @@
 export * from './BadgeDropdown/BadgeMultiSelect';
-export * from './BadgeDropdown/BadgeMultiSelect.types';
+export type { Props as BadgeMultiSelectProps, SelectedOptions, } from './BadgeDropdown/BadgeMultiSelect.types';
+export * from './CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown';
+export type { Props as CustomDateRangeFilterDropdownProps, RollingPreset, } from './CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types';
 export * from './DateFilterDropdown/DateFilterDropdown';
-export * from './DateFilterDropdown/DateFilterDropdown.types';
+export type { Props as DateFilterDropdownProps } from './DateFilterDropdown/DateFilterDropdown.types';
 export * from './DateRangeFilterDropdown/DateRangeFilterDropdown';
-export * from './DateRangeFilterDropdown/DateRangeFilterDropdown.types';
+export type { Props as DateRangeFilterDropdownProps } from './DateRangeFilterDropdown/DateRangeFilterDropdown.types';
 export * from './ResetButton/ResetButton';
-export * from './ResetButton/ResetButton.types';
+export type { Props as ResetButtonProps } from './ResetButton/ResetButton.types';
 export * from './TextMultiSelect/TextMultiSelect';
-export * from './TextMultiSelect/TextMultiSelect.types';
+export type { Props as TextMultiSelectProps } from './TextMultiSelect/TextMultiSelect.types';
 export * from './TimeFilterDropdown/TimeFilterDropdown';
-export * from './TimeFilterDropdown/TimeFilterDropdown.types';
+export type { Props as TimeFilterDropdownProps, TimePreset, } from './TimeFilterDropdown/TimeFilterDropdown.types';

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

@@ -35,8 +35,8 @@ export interface Props {
     options: Omit<RadioProps, 'name' | 'checked' | 'defaultChecked'>[];
     /** Theme override for this component */
     theme?: Theme;
-    /** Currently selected value (controlled mode) */
-    value?: string;
+    /** Currently selected value (controlled mode); `null` selects nothing */
+    value?: string | null;
     /** CSS classes for the wrapper */
     wrapperClassName?: string;
     /** Callback when selection changes */

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

@@ -101,6 +101,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     iconClassName?: string;
     inputClassName?: string;
     isLoading?: boolean;
+    isPortal?: boolean;
     isRequired?: boolean;
     label?: string;
     labelAction?: ReactNode;
@@ -115,6 +116,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     loadingText?: string;
     visibleItems?: number;
     options: Option[] | OptionGroup[];
+    portalClassName?: string;
     searchable?: boolean;
     showSearchIcon?: boolean;
     theme?: Theme;
@@ -123,6 +125,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     onBlur?: VoidFunction;
     onChange?: OnChangeFn;
     onSearchChange?: (searchTerm: string) => void;
+    onValueChange?: (value: string) => void;
 } & ({
     isInfiniteScrollEnabled: true;
     onFetchMoreOptions: (params: {

package/dist/lib/components/Select/contexts/select.provider.d.ts

@@ -7,4 +7,5 @@ export declare const SelectProvider: FC<PropsWithChildren & {
     options: Option[];
     onChange?: SelectProps['onChange'];
     onBlur?: SelectProps['onBlur'];
+    onValueChange?: SelectProps['onValueChange'];
 }>;

package/dist/lib/components/Select/hooks/useSelect.d.ts

@@ -4,9 +4,11 @@ type UseSelectParams = {
     inputRef?: RefObject<ComponentRef<'input'> | null>;
     searchInputRef?: RefObject<ComponentRef<'input'> | null>;
     internalValue?: Option;
+    listRef?: RefObject<HTMLElement | null>;
     onBlur?: SelectProps['onBlur'];
 };
-export declare const useSelect: ({ inputRef, searchInputRef, internalValue, onBlur, }: UseSelectParams) => {
+export declare const useSelect: ({ inputRef, searchInputRef, internalValue, listRef, onBlur, }: UseSelectParams) => {
+    isInside: (node: Node | null) => boolean;
     wrapperRef: RefObject<HTMLDivElement | null>;
     wrapperInputRef: RefObject<HTMLDivElement | null>;
     handleOpen: () => void;

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

@@ -13,25 +13,25 @@ export declare const stepVariants: (props?: ({
     clickable?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepIndicatorVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepContentVariants: (props?: ({
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepLabelVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepDescriptionVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepConnectorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "completed" | "pending" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -3,6 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
 import { Props as ButtonProps } from '../Button/Button.types';
 import { DateRange, DateRangeWithTime } from '../DateRangePicker/DateRangePicker.types';
+import { Props as CustomDateRangeFilterDropdownProps } from '../Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types';
 import { TimePreset } from '../Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
 import { virtualizeTableVariants } from './VirtualizedTable.variants';
 import { Option } from './components/Filter/Filter.types';
@@ -86,6 +87,12 @@ export type DateRangeFilterConfig = FilterConfigBase & {
     /** Callback when the date range changes */
     onRangeChange?: (range: DateRangeWithTime) => void;
 };
+/**
+ * Configuration for a date range filter with custom presets.
+ */
+export type CustomDateRangeFilterConfig = FilterConfigBase & {
+    type: 'customDateRange';
+} & Omit<CustomDateRangeFilterDropdownProps, 'label' | 'position' | 'onApply'>;
 /**
  * Configuration for an action button rendered inline with filters.
  */
@@ -113,7 +120,7 @@ export type TimeFilterConfig = FilterConfigBase & {
 /**
  * Union of all supported filter configurations.
  */
-export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
+export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | CustomDateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
 /**
  * @deprecated Use FilterConfig instead
  */

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './Actions.types';
-export declare const Actions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Props<TData>) => import("react").JSX.Element | null;
+export declare const Actions: <TData extends RowData>({ isPortal, ...props }: Props<TData>) => import("react").JSX.Element | null;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.types.d.ts

@@ -1,12 +1,12 @@
 import { CellContext } from '@tanstack/react-table';
-import { FC, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { RowData } from '../../VirtualizedTable.types';
 export type Action<TData> = {
     className?: string;
     id?: string;
     onClick: (rowData: TData) => void;
 } & ({
-    component: FC;
+    component: ElementType;
     label?: string | ReactNode;
     componentProps?: Record<string, unknown>;
 } | {
@@ -17,6 +17,7 @@ export type Action<TData> = {
 export type Props<TData extends RowData> = CellContext<TData, unknown> & {
     actions: Action<TData>[];
     iconTriggerButtonClassName?: string;
+    isPortal?: boolean;
     triggerButtonClassName?: string;
     wrapperActionsClassName?: string;
     wrapperClassName?: string;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const actionsTriggerVariants: (props?: ({
+    isOpen?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const actionsPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const actionsItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from './ActionsList.types';
+export declare const ActionsList: <TData extends RowData>({ actions, className, isMenu, rowData, onSelect, }: Props<TData>) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.types.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Action } from '../../Actions.types';
+export type Props<TData extends RowData> = {
+    actions: Action<TData>[];
+    className?: string;
+    isMenu?: boolean;
+    rowData: TData;
+    onSelect?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.d.ts

@@ -0,0 +1,4 @@
+export declare const ActionsTrigger: import('react').ForwardRefExoticComponent<Omit<import('../../../../../Button/Button.types').Props, "ref"> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Button } from '../../../../../Button/Button';
+export type Props = Omit<ComponentProps<typeof Button>, 'ref'> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const InlineActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ITEM_HEIGHT = 36;
+export declare const LIST_PADDING = 16;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const PortalActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const CLOSE_DELAY_MS = 100;
+export declare const MENU_GAP_PX = 4;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-actions-menu/use-actions-menu';

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.d.ts

@@ -0,0 +1,15 @@
+export declare const useActionsMenu: () => {
+    buttonRef: import('react').RefObject<HTMLButtonElement | null>;
+    hasOpened: boolean;
+    isOpen: boolean;
+    menuId: string;
+    menuRef: import('react').RefObject<HTMLDivElement | null>;
+    triggerRef: import('react').RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    handleMenuKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handlePointerEnter: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerPointerDown: (event: import('react').PointerEvent<HTMLElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.d.ts

@@ -0,0 +1,10 @@
+import { PointerEvent } from 'react';
+import { Params } from './use-menu-interactions.types';
+export declare const useMenuInteractions: ({ isOpen, menuRef, triggerRef, setIsOpen, }: Params) => {
+    closeMenu: () => void;
+    handlePointerEnter: (event: PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerPointerDown: (event: PointerEvent<HTMLElement>) => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.types.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export type Params = {
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.d.ts

@@ -0,0 +1,6 @@
+import { KeyboardEvent } from 'react';
+import { Params } from './use-menu-keyboard-navigation.types';
+export declare const useMenuKeyboardNavigation: ({ buttonRef, isOpen, menuRef, closeMenu, openMenu, }: Params) => {
+    handleMenuKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.types.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export type Params = {
+    buttonRef: RefObject<HTMLButtonElement | null>;
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.d.ts

@@ -0,0 +1,2 @@
+import { Params } from './use-row-highlight.types';
+export declare const useRowHighlight: ({ isOpen, triggerRef }: Params) => void;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.types.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export type Params = {
+    isOpen: boolean;
+    triggerRef: RefObject<HTMLElement | null>;
+};

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

@@ -7,10 +7,12 @@ export * from './Button/Button';
 export * from './ButtonGroup/ButtonGroup';
 export * from './Card/Card';
 export * from './Checkbox/Checkbox';
+export * from './CopyButton/CopyButton';
+export type { Props as CopyButtonProps } from './CopyButton/CopyButton.types';
 export * from './Counter/Counter';
 export * from './Datepicker/DatePicker';
 export * from './DateRangePicker/DateRangePicker';
-export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
+export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangePresetOption, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
 export * from './Divider/Divider';
 export * from './Drawer/Drawer';
 export * from './DropdownButton/DropdownButton';
@@ -47,7 +49,7 @@ export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';
 export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, sendResetFiltersEvent, sendRefreshEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
 export type { VirtualizedTableEventDetail, VirtualizedTableRefreshEventDetail, } from './VirtualizedTable/events';
-export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
+export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, CustomDateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
 export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
 /** @deprecated Use Counter instead */

package/dist/lib/hooks/useClickOutside.d.ts

@@ -1,2 +1,4 @@
 import { RefObject } from 'react';
-export declare const useClickOutside: (ref: RefObject<HTMLElement | null>, onClickOutside: () => void) => void;
+type Target = RefObject<HTMLElement | null> | undefined;
+export declare const useClickOutside: (refs: Target | Target[], onClickOutside: () => void) => void;
+export {};

package/dist/lib/icons.d.ts

@@ -1,2 +1,2 @@
-export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
+export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, AllSetCheckIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DetachIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PauseIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SpendStatementIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UpdatedIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
 export type { IconProps, IconComponent } from './assets/icons/components';