@wix/patterns 1.457.0 → 1.459.0

package/dist/dts-bundle/types/ToolbarCollectionBaseProps.d.ts

@@ -0,0 +1,939 @@
+import { CounterBadgeProps, TabsProps, DropdownProps, SectionHelperProps, ButtonProps, TableProps, CardProps } from '@wix/design-system';
+import * as React from 'react';
+import React__default, { Ref, JSXElementConstructor, ReactElement, ReactNode, CSSProperties } from 'react';
+import { ReportProps } from '@wix/fe-essentials/bi';
+import { ClientRect } from '@wix/wix-style-react-incubator/dnd-kit/core';
+
+type ReportBI = (reportProps: ReportProps) => void;
+
+/**
+ * `TaskState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class TaskState<T = any> {
+    [key: string]: unknown;
+}
+
+/**
+ * `CollectionOptimisticActions` — you receive this, you don't construct it.
+ * Produced by `useOptimisticActions()` (also `createNestedOptimisticActions()`, `useCreateNestedOptimisticActions()`, `useCreateOptimisticActions()`). Look `CollectionOptimisticActions` up in the bundle index for its own API.
+ */
+declare class CollectionOptimisticActions<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+/**
+ * `CollectionState` — you receive this, you don't construct it.
+ * Produced by `useFilterCollection()` (also `useStaticListFilterCollection()`, `useCollection()`, `createCollection()`).
+ */
+declare class CollectionState<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+type ToastType = 'STANDARD' | 'PREMIUM' | 'SUCCESS' | 'WARNING' | 'ERROR';
+type ToastTimeout = 'NONE' | 'NORMAL';
+type ToastPriority = 'LOW' | 'NORMAL' | 'HIGH';
+type ToastActionUiType = 'BUTTON' | 'LINK';
+type ToastAction = {
+    text: string;
+    onClick?: Function;
+    removeToastOnClick?: boolean;
+    uiType?: ToastActionUiType;
+    navigationTarget?: {
+        url: string;
+        openInNewTab?: boolean;
+    };
+};
+type ErrorToastDetails = {
+    requestId: string;
+};
+type ToastConfig = {
+    message: string;
+    biName?: string;
+    timeout?: ToastTimeout;
+    priority?: ToastPriority;
+    type?: ToastType;
+    onCloseClick?: () => unknown;
+    onToastSeen?: () => unknown;
+    action?: ToastAction;
+    details?: ErrorToastDetails;
+};
+
+/**
+ * `WixPatternsContainer` — you receive this, you don't construct it.
+ * Produced by `useWixPatternsContainer()` (also `buildWixPatternsContainer()`, `useCustomFieldsViewWidget()`).
+ */
+declare class WixPatternsContainer {
+    [key: string]: unknown;
+}
+
+/**
+ * `CollectionPageState` — you receive this, you don't construct it.
+ * Produced by `useCollectionPageState()` (also `useCollectionPageContext()`).
+ */
+declare class CollectionPageState {
+    [key: string]: unknown;
+}
+
+/**
+ * `QueryPendingState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class QueryPendingState {
+    [key: string]: unknown;
+}
+
+/**
+ * `Filter` — cut here because it has its own bundle.
+ * Look `Filter` up in the bundle index for its full shape.
+ */
+interface Filter<T = any> {
+    [key: string]: unknown;
+}
+type FiltersMap = {
+    [key: string]: Filter<any> | undefined;
+};
+
+/**
+ * `ComputedQuery` — cut here because it has its own bundle.
+ * Look `ComputedQuery` up in the bundle index for its full shape.
+ */
+interface ComputedQuery<F = any> {
+    [key: string]: unknown;
+}
+
+type QueryStatusValue = 'idle' | 'loading' | 'error' | 'success';
+interface QueryStatusBase {
+    status: QueryStatusValue;
+}
+interface QueryStatusError extends QueryStatusBase {
+    isError: true;
+    isIdle: false;
+    isLoading: false;
+    isSuccess: false;
+    status: 'error';
+}
+
+interface QueryResultStatusBase<T, E> {
+    data?: T;
+    error?: E | null;
+    isFetching?: boolean;
+}
+interface QueryResultStatusError<T, E> extends QueryResultStatusBase<T, E>, QueryStatusError {
+    error: E;
+}
+
+/**
+ * `Column` — cut here because it has its own bundle.
+ * Look `Column` up in the bundle index for its full shape.
+ */
+interface Column {
+    [key: string]: unknown;
+}
+
+/**
+ * `FilterProps` — cut here because it has its own bundle.
+ * Look `FilterProps` up in the bundle index for its full shape.
+ */
+interface FilterProps<V = any> {
+    [key: string]: unknown;
+}
+
+interface DragAndDropParentState<T, F extends FiltersMap> {
+    readonly reportBi: ReportBI;
+    readonly dragAndDropCategories?: (keyof F)[][] | null | undefined;
+    forceRenderIndexes: undefined | number[];
+    readonly containerRect?: ClientRect;
+    readonly _dnd?: DragAndDropState<T, F> | null;
+}
+/**
+ * `DragAndDropState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class DragAndDropState<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+type CollectionDragAndDropParentState<T, F extends FiltersMap> = DragAndDropParentState<T, F> & {
+    collection: CollectionState<T, F>;
+    getCollectionSnapshot?: () => {
+        [key: string]: string | number | undefined;
+    };
+};
+/**
+ * `CollectionDragAndDropState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class CollectionDragAndDropState<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+interface IndexedItem<T> {
+    id: string;
+    item: T;
+    index: number;
+}
+interface CollectionDragEndEvent<T, F extends FiltersMap> {
+    from: IndexedItem<T>;
+    after: IndexedItem<T> | null;
+    over: IndexedItem<T>;
+    filters: ComputedQuery<F>['filters'];
+}
+type DragAndDropSubmit<T, F extends FiltersMap> = (event: CollectionDragEndEvent<T, F>) => Promise<unknown>;
+type DragAndDropCancelResult = Omit<ToastConfig, 'type' | 'biName'> | boolean | null | undefined | void;
+type DragAndDropCancel<T, F extends FiltersMap> = (event: CollectionDragEndEvent<T, F>) => DragAndDropCancelResult | Promise<DragAndDropCancelResult>;
+type DragAndDropBulkSubmit<T, F extends FiltersMap> = (events: CollectionDragEndEvent<T, F>[], snapshot: T[][]) => Promise<unknown>;
+interface GridCardItemProps {
+    index: number;
+    rowIndex?: number;
+    columnIndex?: number;
+    droppable?: boolean;
+    draggable?: boolean;
+    dragging?: boolean;
+    dragHandleProps?: React__default.HTMLAttributes<HTMLDivElement> & {
+        domRef?: Ref<HTMLDivElement>;
+    };
+    domRef?: (node: HTMLDivElement | null) => void;
+}
+type GridCardItem = React__default.ReactElement<GridCardItemProps, JSXElementConstructor<GridCardItemProps>>;
+interface DraggableCardProps<T, F extends FiltersMap> {
+    state: CollectionDragAndDropParentState<T, F>;
+    index: number;
+    id: string;
+    isOverlay?: boolean;
+    dndDisabled?: boolean;
+    children: GridCardItem;
+}
+interface DraggableCardOverlayProps<T, F extends FiltersMap> {
+    state: CollectionDragAndDropParentState<T, F>;
+    renderItem: (index: number) => ReactElement | null;
+}
+
+interface ListDragAndDropContextProps<T, F extends FiltersMap> {
+    state: CollectionDragAndDropParentState<T, F> & {
+        collectionDragAndDropState: CollectionDragAndDropState<T, F> | null;
+    };
+    children?: ReactNode;
+    onSubmit?: DragAndDropSubmit<T, F>;
+}
+
+/**
+ * `CollectionViewsState` — you receive this, you don't construct it.
+ * Produced by `setViewsState()`.
+ */
+declare class CollectionViewsState<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+/**
+ * `CollectionViewsDropdownBaseProps` — cut here because it has its own bundle.
+ * Look `CollectionViewsDropdownBaseProps` up in the bundle index for its full shape.
+ */
+interface CollectionViewsDropdownBaseProps<F = any> {
+    [key: string]: unknown;
+}
+
+declare function setViewsState<T, F extends FiltersMap>(toolbar: ToolbarCollectionState<T, F>, viewsProps: CollectionViewsDropdownProps<F>): CollectionViewsState<T, F> | null;
+
+interface CollectionViewsDropdownProps<F extends FiltersMap> extends Omit<CollectionViewsDropdownBaseProps<F>, 'toolbar' | 'popoverProps'> {
+}
+declare const CollectionViewsDropdown: {
+    <F extends FiltersMap>(props: CollectionViewsDropdownProps<F>): React__default.JSX.Element;
+    setViewsState: typeof setViewsState;
+    displayName: string;
+};
+
+/**
+ * `CustomColumnsDragAndDropState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class CustomColumnsDragAndDropState<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+declare const CustomColumnsDragAndDrop: {
+    CustomColumnsDragAndDropState: typeof CustomColumnsDragAndDropState;
+    ListDragAndDropContext: (<T, F extends FiltersMap>(props: ListDragAndDropContextProps<T, F>) => React.JSX.Element) & {
+        displayName: string;
+    };
+    DraggableListItem: (<T, F extends FiltersMap>(props: DraggableCardProps<T, F>) => React.JSX.Element) & {
+        displayName: string;
+    };
+    DraggableListItemOverlay: (<T, F extends FiltersMap>(props: DraggableCardOverlayProps<T, F>) => React.ReactPortal) & {
+        displayName: string;
+    };
+};
+
+type FilterElement<V = any> = ReactElement<FilterProps<V>, JSXElementConstructor<FilterProps<V>>>;
+
+interface FiltersPanelSelectedFiltersSectionProps<T, F extends FiltersMap> {
+    state: ToolbarCollectionState<T, F>;
+    onClearButtonClicked?: () => unknown;
+}
+declare function _FiltersPanelSelectedFiltersSection<T, F extends FiltersMap>(props: FiltersPanelSelectedFiltersSectionProps<T, F>): React__default.JSX.Element | null;
+declare const FiltersPanelSelectedFiltersSection: typeof _FiltersPanelSelectedFiltersSection & {
+    displayName: string;
+};
+
+declare function DiscardChangesModal(): React__default.JSX.Element | null;
+
+type AddApplyFiltersButtonType = {
+    FiltersPanelSelectedFiltersSection: typeof FiltersPanelSelectedFiltersSection;
+    DiscardChangesModal: typeof DiscardChangesModal;
+    QueryPendingState: typeof QueryPendingState;
+    setStateObject: <T, F extends FiltersMap>(toolbar: ToolbarCollectionState<T, F>) => void;
+};
+
+interface CollectionToolbarFiltersProps {
+    /**
+     * Number of filter controls to be rendered inside the table toolbar
+     */
+    inline?: 0 | 1 | 2 | 3;
+    /**
+     * A flag that indicates whether Patterns should use a new filters layout our not.
+     */
+    useNewFilters?: true;
+    maxInlineFilters?: number;
+    maxInlineLabels?: number;
+    /**
+     * Title of the filters panel
+     * @external
+     */
+    panelTitle?: string | ReactNode;
+    /**
+     * `React` children elements, that must accept [FilterProps](./?path=/story/features-filter-props--filterprops), such as:
+     * - [MultiSelectCheckboxFilter](./?path=/story/features-filter-components--multiselectcheckboxfilter)
+     * - [Custom Filters](./?path=/story/features-filter-factories--customfilter)
+     * @external
+     */
+    children: (FilterElement | undefined | boolean) | (FilterElement | undefined | boolean)[];
+    onPanelClearButtonClicked?: () => unknown;
+    onSearchAppliedFilterTagRemove?: (item: string) => unknown;
+    onSubToolbarClearButtonClicked?: () => unknown;
+    hideAppliedFiltersTagList?: boolean;
+}
+declare function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps): React__default.JSX.Element;
+declare const CollectionToolbarFilters: typeof _CollectionToolbarFilters & {
+    displayName: string;
+};
+
+/**
+ * `MoreActionsItem` — cut here because it has its own bundle.
+ * Look `MoreActionsItem` up in the bundle index for its full shape.
+ */
+interface MoreActionsItem {
+    [key: string]: unknown;
+}
+
+interface ExploreAppsModalProps {
+    title: string;
+    subtitle: string;
+    tag: string;
+}
+
+interface MoreActionsProps {
+    /**
+     * Actions items that appear in the `MoreActions` popover menu. \
+     * Actions can be grouped by using an array of arrays. \
+     * Each sub-array represents a different group within the popover, \
+     * and a divider will be rendered after each sub-array to separate the groups.
+     * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[] | [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]
+     * @external
+     */
+    items?: MoreActionsPropItem[] | MoreActionsPropItem[][];
+    /**
+     * An id of the container defined in the installed on a site application that contains TPA's actions.
+     */
+    containerId?: string;
+    /**
+     * Additional properties passed to the `onClick` of the container's extensions menu items.
+     */
+    containerProps?: Record<string, any>;
+    /**
+     * Additional info for cairoPageCtaClicked BI event.
+     */
+    biAdditionalInfo?: string;
+    dataHook?: string;
+    exploreAppsModalProps?: ExploreAppsModalProps;
+}
+
+type MoreActionItemFactory = (params: {
+    pageState: CollectionPageState;
+    container: WixPatternsContainer;
+}) => MoreActionsItem;
+type MoreActionsPropItem = MoreActionsItem | MoreActionItemFactory;
+
+interface MoreActionsIconProps extends MoreActionsProps {
+}
+declare function _MoreActionsIcon(params: MoreActionsIconProps): React__default.JSX.Element;
+declare const MoreActionsIcon: typeof _MoreActionsIcon & {
+    displayName: string;
+};
+
+type MoreActionsElement = ReactElement<MoreActionsProps, typeof MoreActionsIcon>;
+
+declare function manageTagsPageAction({ pageState, container, }: {
+    pageState: CollectionPageState;
+    container: WixPatternsContainer;
+}): MoreActionsItem;
+
+/**
+ * `TagsProps` — cut here because it has its own bundle.
+ * Look `TagsProps` up in the bundle index for its full shape.
+ */
+interface TagsProps<T = any, F = any> {
+    [key: string]: unknown;
+}
+declare const Tags: {
+    <T, F extends FiltersMap>(props: TagsProps<T, F>): null;
+    manageTagsPageAction: typeof manageTagsPageAction;
+};
+type TagsElement<T, F extends FiltersMap> = ReactElement<TagsProps<T, F>, typeof Tags>;
+
+interface ExtensionMenuItemsStateParams {
+    containerId?: string;
+    containerProps?: Record<string, any>;
+    container: WixPatternsContainer;
+}
+/**
+ * `ExtensionMenuItemsState` — you receive this, you don't construct it.
+ * Produced by `useExtensionMenuItems()`.
+ */
+declare class ExtensionMenuItemsState {
+    [key: string]: unknown;
+}
+
+/**
+ * `ToolbarCollectionState` — you receive this, you don't construct it.
+ * Produced by `useToolbarCollectionContext()` (also `useTableCollectionSyncProps()`, `useKanbanCollectionSyncProps()`, `useToolbarCollectionSyncProps()`).
+ */
+declare class ToolbarCollectionState<T = any, F = any> {
+    [key: string]: unknown;
+}
+
+declare function setCustomColumnsState<T, F extends FiltersMap>(props: {
+    toolbar: ToolbarCollectionState<T, F>;
+    customColumnsProps?: {
+        readonly dragAndDrop?: typeof CustomColumnsDragAndDrop;
+    };
+    modalsContainerRef: {
+        current: HTMLElement | null | undefined;
+    };
+}): void;
+
+interface CustomColumnsBaseProps {
+    /**
+     * Adds a callback that is called when a column is clicked.
+     * @param column
+     * @param checked
+     * @external
+     */
+    onColumnClick?: (column: Column, checked: boolean) => unknown;
+}
+interface CustomColumnsProps extends CustomColumnsBaseProps {
+}
+declare function CustomColumns({ onColumnClick }: CustomColumnsProps): React__default.JSX.Element;
+declare namespace CustomColumns {
+    var setCustomColumnsState: typeof setCustomColumnsState;
+    var dragAndDrop: {
+        CustomColumnsDragAndDropState: typeof CustomColumnsDragAndDropState;
+        ListDragAndDropContext: (<T, F extends FiltersMap>(props: ListDragAndDropContextProps<T, F>) => React__default.JSX.Element) & {
+            displayName: string;
+        };
+        DraggableListItem: (<T, F extends FiltersMap>(props: DraggableCardProps<T, F>) => React__default.JSX.Element) & {
+            displayName: string;
+        };
+        DraggableListItemOverlay: (<T, F extends FiltersMap>(props: DraggableCardOverlayProps<T, F>) => React__default.ReactPortal) & {
+            displayName: string;
+        };
+    } | undefined;
+    var displayName: string;
+}
+
+declare const MultiLevelSorting: {
+    (): React__default.JSX.Element;
+    displayName: string;
+};
+
+interface UseFilterValueTotalStateParams<V, T, F extends FiltersMap> {
+    /**
+     * The filter value (passed at first argument to `counterBadge(value)`)
+     */
+    readonly value: V | null | undefined;
+    /**
+     * [`OptimisticActions`](./?path=/story/features-actions-updates--collectionoptimisticactions) instance to wire the total to
+     */
+    readonly optimisticActions?: CollectionOptimisticActions<T, F>;
+    /**
+     * When set to `true` the total value will not change after table search
+     */
+    readonly ignoreSearch?: boolean;
+}
+
+interface TabCounterBadgeProps<V, T, F extends FiltersMap> extends UseFilterValueTotalStateParams<V, T, F>, Omit<Partial<CounterBadgeProps>, 'skin'> {
+    /**
+     * Badge skin. Pass a function to pick the skin from the total, for example to
+     * keep a tab neutral while its total is `0`.
+     * @external
+     */
+    readonly skin?: CounterBadgeProps['skin'] | ((total: number) => CounterBadgeProps['skin']);
+}
+
+interface TabTotalParensProps<V, T, F extends FiltersMap> extends UseFilterValueTotalStateParams<V, T, F> {
+}
+
+/** Type alias for TabTotalCounterBadge component element */
+type TabTotalCounterBadge<V> = ReactElement<TabCounterBadgeProps<V, unknown, any>>;
+/** Type alias for TabTotalParens component element */
+type TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;
+interface TabsFilterProps<V> {
+    /**
+     * List of tabs.
+     * @external
+     */
+    data: V[];
+    /**
+     * Defines the selected filter.
+     * <br><br>
+     * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.
+     * @external
+     */
+    filter: Filter<V[]>;
+    /**
+     * Display name of the tab that indicates that all items are included.
+     * <br>
+     * Changes the value of `filter` to an empty array.
+     * @external
+     */
+    all?: string | null | false;
+    /**
+     * Renders a counter badge next to the tabs' texts.
+     * <br><br>
+     * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.
+     * @external
+     */
+    counterBadge?: (value: V | null | undefined) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;
+    /**
+     * Returns whether a tab should be disabled.
+     * <br><br>
+     * Disabled tabs are non-interactive and rendered in a visually muted state.
+     * <br><br>
+     * `total` is the tab's counter total, so a tab can be disabled while its
+     * counter is `0`. It is `undefined` until the total first resolves, and stays
+     * `undefined` when `counterBadge` is not used.
+     * <br><br>
+     * Called on every render, so it must be cheap and pure. It re-runs as totals
+     * resolve, so the result may depend on them.
+     * <br>
+     * Requires `@wix/design-system` version >= 1.310.0
+     * @external
+     */
+    disabled?: (value: V, total: number | undefined) => boolean;
+    onChange?: (value: V | null | undefined) => unknown;
+    /**
+     * Tabs layout type.
+     * <br><br>
+     * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.
+     * <br><br>
+     * Supported values:<br>
+     * - `uniformFull`: Tabs are spread out uniformly.
+     * @external
+     */
+    type?: Extract<TabsProps['type'], 'uniformFull'>;
+    placeAllTabLast?: boolean;
+    /**
+     * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.
+     * @external
+     */
+    mobilePopoverProps?: DropdownProps['popoverProps'];
+}
+
+interface TableTopNotificationProps extends Partial<SectionHelperProps> {
+    /**
+     * After the notification close animation finished
+     */
+    onAfterClose?: () => unknown;
+    /**
+     * After the notification open animation finished
+     */
+    onAfterOpen?: () => unknown;
+    /** hide the notification when search is applied.
+     * @default false
+     */
+    hideOnSearch?: boolean;
+    children?: ReactNode;
+}
+
+type CustomColumnsElement = ReactElement<CustomColumnsProps, typeof CustomColumns>;
+type MultiLevelSortingElement = ReactElement<{}, typeof MultiLevelSorting>;
+type CollectionViewsDropdownElement<F extends FiltersMap> = ReactElement<CollectionViewsDropdownProps<F>, typeof CollectionViewsDropdown>;
+type ReorderModeToolbarElement = ReactElement<ReorderModeToolbarBaseProps, typeof ReorderModeToolbar>;
+type TabsFilterElement<V> = ReactElement<TabsFilterProps<V>>;
+type TopNotificationElement = ReactElement<TableTopNotificationProps>;
+type PrimaryActionButtonElement = ReactElement<PrimaryActionButtonProps>;
+type ToolbarSecondaryActionsElement = ReactElement<ToolbarSecondaryActionsProps>;
+type CollectionToolbarFiltersElement = ReactElement<CollectionToolbarFiltersProps, typeof CollectionToolbarFilters>;
+
+interface CollectionToolbarProps<T, F extends FiltersMap> {
+    state: ToolbarCollectionState<T, F>;
+    title?: ToolbarCollectionBaseProps<T, F>['title'];
+    tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];
+    customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];
+    multiLevelSorting?: MultiLevelSortingElement;
+    views?: ToolbarCollectionBaseProps<T, F>['views'];
+    search?: ToolbarBaseProps['search'];
+    dataHook?: string;
+    filters?: ToolbarCollectionBaseProps<T, F>['filters'];
+    tableGridSwitchButton?: ToolbarCollectionBaseProps<T, F>['tableGridSwitchButton'];
+    exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];
+    importButton?: ToolbarCollectionBaseProps<T, F>['importButton'];
+    primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];
+    dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<T, F>['dragAndDropReorderModeToolbar'];
+    secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];
+    moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];
+}
+
+interface PrimaryActionButtonProps extends Omit<ButtonProps, 'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'> {
+    /**
+     * Callback that is called each time the button is clicked.
+     * @external
+     */
+    onClick?: any;
+}
+
+declare function setReorderModeState<T, F extends FiltersMap>(toolbar: ToolbarCollectionState<T, F>): void;
+
+interface ReorderModeToolbarBaseProps {
+    learnMoreUrl?: string;
+    reorderModeTitle?: string;
+}
+declare const ReorderModeToolbar: {
+    <T, F extends FiltersMap>(props: ReorderModeToolbarBaseProps): React__default.JSX.Element;
+    displayName: string;
+    setReorderModeState: typeof setReorderModeState;
+};
+
+/**
+ * `ActionSubitem` — cut here because it has its own bundle.
+ * Look `ActionSubitem` up in the bundle index for its full shape.
+ */
+type ActionSubitem = Record<string, unknown>;
+
+interface ToolbarSecondaryActionsProps {
+    /**
+     * The secondary actions to display in the toolbar.
+     * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)
+     * @external
+     */
+    items: ActionSubitem[];
+}
+
+/**
+ * `ViewTypeState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class ViewTypeState {
+    [key: string]: unknown;
+}
+
+interface DragAndDropCategoriesProps<F extends FiltersMap> {
+    /**
+     * By default, drag and drop works only without filters.
+     * To enable drag and drop with filters, pass an array of filters to this prop.
+     * The functionality will then work only for the specified filters, and to enable without filters, you must pass an empty array.
+     * For more information, see the [Drag and Drop Overview](//?path=/story/features-sort-drag-and-drop--overview).
+     * @external
+     */
+    dragAndDropCategories?: (keyof F)[][] | null;
+}
+
+declare function useExtensionMenuItems(params: Omit<ExtensionMenuItemsStateParams, 'container'> & {
+    extension?: ExtensionMenuItemsState;
+}): ExtensionMenuItemsState;
+
+type ExtensionMenuItemsType = {
+    useExtensionMenuItems: typeof useExtensionMenuItems;
+};
+
+interface TableGridSwitchButtonProps {
+    state: ViewTypeState;
+}
+
+interface ErrorStateProps {
+    dataHook?: string;
+    errorStatus?: {
+        error: unknown;
+    } | null;
+    /** @deprecated */
+    renderError?: (params: {
+        err: unknown;
+        isOnline: boolean;
+        retry: () => void;
+    }) => ReactElement;
+    errorState?: (err: unknown, params: {
+        isOnline: boolean;
+        retry: () => void;
+    }) => ReactElement;
+    state: {
+        errorStatus?: {
+            error: unknown;
+        } | null;
+        retryErrorState: () => void;
+    };
+    image?: ReactElement;
+}
+
+interface PlaceholderStatesBaseProps {
+    state: {
+        initTask: TaskState<unknown>;
+        showLoadingState: boolean;
+        showEmptyState: boolean;
+        hasAvailableItems: boolean;
+        resultOriginQuerySearch?: string;
+        hasNonPersistentActiveFilters: boolean;
+        showErrorState: boolean;
+        errorStatus: {
+            error: unknown;
+        } | null | undefined;
+        retryErrorState: () => void;
+    };
+    renderError?: ErrorStateProps['renderError'];
+    errorState?: ErrorStateProps['errorState'];
+    emptyState?: ReactNode;
+    noResultsState?: ReactNode;
+    loadingState?: ReactNode;
+    children?: ReactNode;
+}
+
+interface TablePlaceholderStatesProps extends Omit<PlaceholderStatesBaseProps, 'state' | 'loadingState'> {
+    state: {
+        initTask: TaskState<unknown>;
+        showLoadingState: boolean;
+        showEmptyState: boolean;
+        hasAvailableItems: boolean;
+        resultOriginQuerySearch?: string;
+        hasNonPersistentActiveFilters: boolean;
+        showErrorState: boolean;
+        errorStatus: QueryResultStatusError<unknown, unknown> | null | undefined;
+        retryErrorState: () => void;
+    };
+    rowVerticalPadding?: TableProps['rowVerticalPadding'];
+    showTitleBar?: boolean;
+}
+
+/**
+ * `ToolbarBaseProps` — cut here because it has its own bundle.
+ * Look `ToolbarBaseProps` up in the bundle index for its full shape.
+ */
+interface ToolbarBaseProps {
+    [key: string]: unknown;
+}
+interface ToolbarCollectionBaseProps<T, F extends FiltersMap> extends ToolbarBaseProps, DragAndDropCategoriesProps<F> {
+    children?: ReactNode | ReactNode[];
+    /**
+     * Adds view options to the table headers.
+     * Accepts a [Views](./?path=/story/features-display-views--views) component.
+     * @overrideType [Views](./?path=/story/features-display-views--views)
+     * @external
+     */
+    views?: CollectionViewsDropdownElement<F>;
+    /**
+     * Adds filters to the toolbar and/or a sliding panel.
+     * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.
+     * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)
+     * @external
+     */
+    filters?: CollectionToolbarFiltersElement;
+    /**
+     * Displays tabs at the left of a toolbar.
+     * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.
+     * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)
+     * @external
+     */
+    tabs?: TabsFilterElement<TabsFilterProps<T>>;
+    selectionToolbar?: ReactElement;
+    sticky?: boolean;
+    /**
+     * Minimum height for a card's container when showing:<br>
+     * - A loader<br>
+     * - Empty state<br>
+     * - Error state
+     * <br><br>
+     * If no unit is specified, `px` is used.
+     * @default 300px
+     * @external
+     */
+    minCardHeight?: CSSProperties['minHeight'];
+    /**
+     * A render function to be rendered when there's an error fetching data from the server.<br>
+     * The function accepts the following parameters <br>
+     *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>
+     *   * `isOnline`: Indicates whether internet connection is available <br>
+     *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>
+     * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.
+     * @external
+     * @deprecated Use `errorState` instead.
+     */
+    renderError?: TablePlaceholderStatesProps['renderError'];
+    /**
+     * A render function to be rendered when there's an error fetching data from the server.<br>
+     * The function accepts the following parameters <br>
+     *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>
+     *   * `isOnline`: Indicates whether internet connection is available <br>
+     *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>
+     * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.
+     * @external
+     */
+    errorState?: TablePlaceholderStatesProps['errorState'];
+    /**
+     * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.
+     * @external
+     * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)
+     */
+    emptyState?: ReactNode;
+    /**
+     * Shown when a search or filter has no results.
+     * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,
+     * or a function that accepts the following parameters:
+     * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.
+     * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.
+     * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).
+     * @external
+     * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)
+     */
+    noResultsState?: ReactNode | ((params: {
+        hasAvailableItems: boolean;
+        query: ComputedQuery<F>;
+    }) => ReactNode);
+    cardProps?: Partial<CardProps>;
+    onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;
+    /**
+     * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.
+     * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)
+     * @external
+     */
+    topNotification?: TopNotificationElement | ((params: {
+        query: ComputedQuery<F>;
+    }) => TopNotificationElement | boolean | null | undefined) | boolean | null | undefined;
+    extraToolbar?: ReactNode;
+    /**
+     * Display a summary bar below the toolbar.
+     * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.
+     * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)
+     * @external
+     */
+    summaryBar?: ReactNode;
+    tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;
+    /**
+     * Function that submits a drop event to the server. <br> <br>
+     * The parameter is an event object containing the following details: <br>
+     * -`from: {item: T; index: number}`: The dragged item. <br>
+     * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>
+     * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.
+     *
+     * @returns Promise
+     * @external
+     */
+    dragAndDropSubmit?: DragAndDropSubmit<T, F>;
+    /**
+     * Function that submits an array of drop events to the server. <br> <br>
+     * The parameter is an array of event objects containing the following details: <br>
+     * -`from: {item: T; index: number}`: The dragged item. <br>
+     * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>
+     * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>
+     *
+     * @returns Promise
+     * @external
+     */
+    dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;
+    /**
+     * A function that cancels a drop event. <br>
+     * Supported arguments: <br>
+     * - `from: {item: T; index: number}`: The dragged item.
+     * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.
+     * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.
+     *
+     * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.
+     * @external
+     */
+    dragAndDropCancel?: DragAndDropCancel<T, F>;
+    /**
+     * @deprecated It doesn't need to be passed implicitly anymore.
+     */
+    extensionMenuItems?: ExtensionMenuItemsType;
+    /**
+     * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>
+     * The `ReorderModeToolbar` component accepts the following props:<br>
+     *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>
+     *  + `reorderModeTitle`: [string] A title in the toolbar.
+     * @external
+     */
+    dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;
+    /**
+     * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.
+     * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)
+     * @external
+     */
+    customColumns?: CustomColumnsElement | null;
+    /**
+     * Adds functionality to allow visitors to sort multiple columns simultaneously.
+     * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.
+     * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)
+     * @external
+     */
+    multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];
+    /**
+     * Adds functionality for a primary action button in the toolbar.
+     * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button) component.
+     * @external
+     * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button)
+     */
+    primaryActionButton?: PrimaryActionButtonElement;
+    /**
+     * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.
+     * @overrideType [ToolbarSecondaryActions](./?path=/story/features-actions-secondary-actions--toolbar-secondary-actions)
+     * @external
+     */
+    secondaryActions?: ToolbarSecondaryActionsElement;
+    /**
+     * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.
+     * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)
+     * @external
+     */
+    moreActions?: MoreActionsElement;
+    /**
+     * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`
+     * <br>
+     * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.
+     */
+    AddApplyFiltersButton?: AddApplyFiltersButtonType;
+    /**
+     * Limits the amount of rows a visitor can select.
+     * @external
+     */
+    maxSelection?: number;
+    /**
+     * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.
+     * @external
+     */
+    internalScroll?: boolean;
+    /**
+     * Enables tags feature. In this element you can pass the configuration
+     * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)
+     */
+    tags?: TagsElement<T, F>;
+    /**
+     * When true, renders prefix icons for field types in column headers, filters, and the customize-columns panel.
+     * Each column and filter should have a `fieldType` property set so Cairo can render the matching icon.
+     * @default false
+     * @external
+     */
+    showFieldTypeIcons?: boolean;
+}
+interface ToolbarCollectionProps<T, F extends FiltersMap> extends ToolbarCollectionBaseProps<T, F> {
+    state: ToolbarCollectionState<T, F>;
+}
+declare function ToolbarCollection<T, F extends FiltersMap>(props: ToolbarCollectionProps<T, F>): React__default.JSX.Element;
+
+export { ToolbarCollection };
+export type { ToolbarBaseProps, ToolbarCollectionBaseProps, ToolbarCollectionProps };