@wix/patterns 1.457.0 → 1.458.0

package/dist/dts-bundle/components/TableGridSwitch.d.ts

@@ -0,0 +1,596 @@
+import * as React from 'react';
+import React__default, { Ref, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { MessageModalLayoutProps, CardGalleryItemProps, IconElement, TableProps as TableProps$1, AddItemProps } from '@wix/design-system';
+import { ReportProps } from '@wix/fe-essentials/bi';
+import { ClientRect } from '@wix/wix-style-react-incubator/dnd-kit/core';
+import { TableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';
+
+type ReportBI = (reportProps: ReportProps) => void;
+
+/**
+ * `CollectionState` — you receive this, you don't construct it.
+ * Produced by `useFilterCollection()` (also `useStaticListFilterCollection()`, `useCollection()`, `createCollection()`).
+ */
+declare class CollectionState<T, F> {
+}
+
+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;
+};
+
+/**
+ * `Filter` — cut here because it has its own bundle.
+ * Look `Filter` up in the bundle index for its full shape.
+ */
+interface Filter<T> {
+}
+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> {
+}
+
+interface KeyedItem<T> {
+    item: T;
+    key: string;
+    id: string;
+    pageIndex: number;
+    indexWithinPage: number;
+    index: number;
+}
+
+interface ActionCellAPI$1<T, F extends FiltersMap> {
+    openConfirmModal: (props?: Partial<MessageModalLayoutProps>) => void;
+    openConfirmDeleteModal: (props?: Partial<MessageModalLayoutProps>) => void;
+    collection: CollectionState<T, F>;
+    keyedItem: KeyedItem<T>;
+}
+
+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, F> {
+}
+
+type CollectionDragAndDropParentState<T, F extends FiltersMap> = DragAndDropParentState<T, F> & {
+    collection: CollectionState<T, F>;
+    getCollectionSnapshot?: () => {
+        [key: string]: string | number | undefined;
+    };
+};
+
+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;
+}
+
+type BulkActionToolbarRenderProp<T, F extends FiltersMap> = (props: {
+    selectedValues: T[];
+    uncheckedValues: T[];
+    allSelected: boolean;
+    openModal: () => void;
+    clearSelection: () => void;
+    total: number;
+    openConfirmModal: (props?: Partial<MessageModalLayoutProps>) => void;
+    query: ComputedQuery<F>;
+}) => ReactElement;
+
+/**
+ * `ToolbarCollectionBaseProps` — cut here because it has its own bundle.
+ * Look `ToolbarCollectionBaseProps` up in the bundle index for its full shape.
+ */
+interface ToolbarCollectionBaseProps<T, F> {
+}
+
+type SupportedCardGalleryItemProps = Pick<CardGalleryItemProps, 'badge' | 'title' | 'subtitle' | 'suffix' | 'backgroundImageUrl' | 'backgroundImageNode' | 'primaryActionProps' | 'secondaryActionProps' | 'showSuffixOnHover' | 'settingsMenu'>;
+
+type RenderItemRawProps = Omit<Partial<SupportedCardGalleryItemProps>, 'title' | 'subtitle>'>;
+type GridPresetFullProps<T, P> = P & {
+    preset: 'full';
+    renderItem?: (item: T, index: number) => RenderItemRawProps & {
+        title?: React__default.ReactNode;
+        subtitle?: React__default.ReactNode;
+    };
+};
+type GridPresetFooterProps<T, P> = P & {
+    preset: 'footer';
+    renderItem?: (item: T, index: number) => RenderItemRawProps & {
+        title?: React__default.ReactNode;
+        subtitle?: React__default.ReactNode;
+    };
+};
+type GridPresetTitleProps<T, P> = P & {
+    preset?: 'title';
+    renderItem?: (item: T, index: number) => RenderItemRawProps & {
+        title?: React__default.ReactNode;
+        subtitle?: undefined;
+    };
+};
+type GridPresetEmptyProps<T, P> = P & {
+    preset: 'empty';
+    renderItem?: (item: T, index: number) => RenderItemRawProps & {
+        title?: undefined;
+        subtitle?: undefined;
+    };
+};
+type Preset = 'full' | 'footer' | 'title' | 'empty';
+type GridPresetGenericProps<T, P> = P & {
+    preset?: Preset;
+    renderItem?: (item: T, index: number) => RenderItemRawProps & {
+        title?: React__default.ReactNode;
+        subtitle?: React__default.ReactNode;
+    };
+};
+type GridPresetProps<T, P> = GridPresetFullProps<T, P> | GridPresetTitleProps<T, P> | GridPresetEmptyProps<T, P> | GridPresetGenericProps<T, P> | GridPresetFooterProps<T, P>;
+
+type LayoutType = 'grid' | 'list';
+/**
+ * `GridBaseState` — you receive this, you don't construct it.
+ * An internal state object — reached through another state object, never built directly.
+ */
+declare class GridBaseState<T, F> {
+}
+
+type ActionCellAPI<T, F extends FiltersMap> = ActionCellAPI$1<T, F>;
+/**
+ * `ActionCellProps` — cut here because it has its own bundle.
+ * Look `ActionCellProps` up in the bundle index for its full shape.
+ */
+interface ActionCellProps {
+}
+type ActionCell<T, F extends FiltersMap> = ActionCellProps | ((item: T, index: number, api: ActionCellAPI<T, F>) => ActionCellProps);
+
+interface CtaBaseProps {
+    /**
+     * A unique identifier for the CTA.
+     * @external
+     */
+    id: string;
+    /**
+     * A callback that runs each time the button is clicked.
+     * @external
+     */
+    onClick?: () => void;
+    /**
+     * Button label.
+     * @external
+     */
+    label?: string;
+    /**
+     * An optional Icon prefix.
+     * @external
+     */
+    prefixIcon?: IconElement;
+}
+
+interface SectionBadgeConfig {
+    visible: boolean;
+    skin?: 'light' | 'danger' | 'neutralLight';
+}
+/**
+ * A summary item to display in the section header.
+ * @external
+ */
+interface SectionSummaryItem {
+    /**
+     * An icon to display before the text.
+     * @external
+     */
+    icon: ReactNode;
+    /**
+     * A label for the summary item.
+     * @external
+     */
+    text: string;
+    /**
+     * A count value for the summary item.
+     * @external
+     */
+    count: number;
+}
+interface Section {
+    /**
+     * A title for the section.
+     * @external
+     */
+    title: string;
+    /**
+     * A primary call to action for the section.
+     * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)
+     * @external
+     */
+    primaryAction?: CtaBaseProps;
+    /**
+     * A badge for the section. Configuration object for showing item count.
+     * @external
+     */
+    badge?: SectionBadgeConfig;
+    /**
+     * Summary items to display in the section header.
+     * Each item can have an icon, text label, and count.
+     * @external
+     */
+    summary?: SectionSummaryItem[];
+    /**
+     * Whether the section is collapsed.
+     * When true, the section items are hidden.
+     * @external
+     */
+    collapsed?: boolean;
+}
+/**
+ * A function that extracts the grouping key from an item.
+ * @external
+ */
+type GroupBy<T> = (item: T) => string;
+/**
+ * A function that renders section configuration given the section ID and all items in the section.
+ * @external
+ */
+type RenderSection<T> = (sectionId: string, items: T[]) => Section;
+/**
+ * Event callbacks for section interactions.
+ * @external
+ */
+interface SectionEvents {
+    /**
+     * Called when a section is toggled (collapsed/expanded).
+     * @param sectionId - The ID of the section being toggled
+     * @param isCollapsed - Whether the section is now collapsed
+     * @external
+     */
+    onToggle?: (sectionId: string, isCollapsed: boolean) => void;
+}
+
+/**
+ * `GridState` — you receive this, you don't construct it.
+ * Produced by `useGridCollection()` (also `useAmbassadorGrid()`, `useVirtualGridStateContext()`). Look `GridState` up in the bundle index for its own API.
+ */
+declare class GridState<T, F> {
+}
+
+interface TableDragAndDropContextProps<T, F extends FiltersMap> {
+    state: ToolbarCollectionState<T, F>;
+    onSubmit?: DragAndDropSubmit<T, F>;
+    onBulkSubmit?: DragAndDropBulkSubmit<T, F>;
+    children: React__default.ReactElement<TableProps$1<T>, React__default.ComponentType<TableProps$1<T>>>;
+}
+declare function _TableDragAndDropContext<T, F extends FiltersMap = FiltersMap>(props: TableDragAndDropContextProps<T, F>): React__default.JSX.Element;
+declare const TableDragAndDropContext: typeof _TableDragAndDropContext & {
+    displayName: string;
+};
+
+type TableDragAndDropType = typeof TableDragAndDrop & {
+    TableDragAndDropContext: typeof TableDragAndDropContext;
+    setStateObject: typeof setStateObject$1;
+};
+declare function setStateObject$1<T, F extends FiltersMap>({ state, modalsContainerRef, }: {
+    state: TableState<T, F>;
+    modalsContainerRef: {
+        current: HTMLElement | null | undefined;
+    };
+}): void;
+
+/**
+ * `CollectionTableBaseProps` — cut here because it has its own bundle.
+ * Look `CollectionTableBaseProps` up in the bundle index for its full shape.
+ */
+interface CollectionTableBaseProps<T, F> {
+}
+
+interface TableSectionsProps<T, F extends FiltersMap> extends CollectionTableBaseProps<T, F> {
+    groupBy: GroupBy<T>;
+    renderSection: RenderSection<T>;
+    table: TableState<T, F>;
+    collapsible?: boolean;
+    events?: SectionEvents;
+}
+declare const TableSections: (<T, F extends FiltersMap>({ groupBy, renderSection, table, columns, rowDetails, collapsible, events, ...collectionTableProps }: TableSectionsProps<T, F>) => React__default.JSX.Element) & {
+    displayName: string;
+};
+type TableSectionsProp<T> = {
+    TableSections: typeof TableSections;
+    groupBy: GroupBy<T>;
+    renderSection: RenderSection<T>;
+    collapsible?: boolean;
+    events?: SectionEvents;
+};
+
+interface TableProps<T, F extends FiltersMap> extends CollectionTableBaseProps<T, F> {
+    rowHeight?: number | ((item: T, index: number) => number);
+    estimatedRowHeight?: number;
+    /**
+     * A state instance created using the [`useTableCollection()`](./?path=/story/base-components-collections-table-usetablecollection--usetablecollection) hook, responsible for managing the data displayed in the table.
+     * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)
+     * @external
+     */
+    state: CollectionState<T, F> | TableState<T, F>;
+    isVirtual?: boolean;
+    /**
+     * Configuration for rendering table sections. When provided, the table will render with section headers
+     * that group related rows together
+     * @external
+     */
+    sections?: TableSectionsProp<T>;
+}
+
+interface GridItemBaseProps<T, F extends FiltersMap> {
+    /**
+     * A `CardGalleryItem` preset to preserve the same card size regardless of the provided data.
+     * Subtitle will be shown only in 'full' or 'footer' presets.
+     *
+     * @example
+     * full — renders title + subtitle
+     * title — renders only title
+     * empty — renders a card without a footer
+     *
+     * @default title
+     * @external
+     */
+    preset?: Preset;
+    /**
+     * A function that renders a custom item of the grid.
+     * Returns a WSR [`CardGalleryItemProps`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--cardgalleryitem) object.
+     * @external
+     */
+    renderItem?: (item: T, index: number) => Partial<SupportedCardGalleryItemProps>;
+    /**
+     * Adds an action on the grid item. For example, a delete button to delete an item.
+     * Accepts an [`ActionCellProps`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) object, or a function that returns an `ActionCellProps` object.
+     * @external
+     */
+    actionCell?: ActionCell<T, F>;
+    /**
+     * A function that renders [`<AddItem>`](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--additem&activeTab=Description&globals=backgrounds.value:!hex(F8F8F8);backgrounds.grid:false) after all cards in a gallery.
+     * <br><br>
+     * The `<AddItem>` card will not show when filters are applied unless the filter is defined with the persistent option.
+     * @external
+     */
+    renderAddItem?: () => ReactElement<AddItemProps>;
+    /**
+     * Sets placement of a background image.
+     * @external
+     */
+    imagePlacement?: CardGalleryItemProps['imagePlacement'];
+}
+
+interface GridSortableContextProps<T, F extends FiltersMap> {
+    state: GridBaseState<T, F>;
+    children?: ReactNode;
+    onSubmit?: DragAndDropSubmit<T, F>;
+}
+
+declare function setStateObject<T, F extends FiltersMap>({ state, modalsContainerRef, }: {
+    state: GridBaseState<T, F>;
+    modalsContainerRef: {
+        current: HTMLElement | null | undefined;
+    };
+}): void;
+declare const GridDragAndDrop: {
+    SortableContext: (<T, F extends FiltersMap>(props: GridSortableContextProps<T, F>) => React.JSX.Element) & {
+        displayName: string;
+    };
+    DraggableCard: (<T, F extends FiltersMap>(props: DraggableCardProps<T, F>) => React.JSX.Element) & {
+        displayName: string;
+    };
+    DraggableCardOverlay: (<T, F extends FiltersMap>(props: DraggableCardOverlayProps<T, F>) => React.ReactPortal) & {
+        displayName: string;
+    };
+    setStateObject: typeof setStateObject;
+};
+
+interface GridContentBaseProps<T, F extends FiltersMap> {
+    preset?: Preset;
+    imagePlacement?: 'side' | 'top';
+    renderItem?: (item: T, index: number) => Partial<SupportedCardGalleryItemProps>;
+    actionCell?: ActionCell<T, F>;
+    renderAddItem?: () => ReactElement<AddItemProps>;
+    dragAndDrop?: typeof GridDragAndDrop;
+    dragAndDropSubmit?: DragAndDropSubmit<T, F>;
+    dragAndDropCancel?: DragAndDropCancel<T, F>;
+    layoutType?: LayoutType;
+}
+
+interface GridSectionsContentProps<T, F extends FiltersMap> extends GridContentBaseProps<T, F> {
+    state: GridState<T, F>;
+    groupBy: GroupBy<T>;
+    renderSection?: RenderSection<T>;
+}
+declare function _GridSectionsContent<T, F extends FiltersMap>(props: GridSectionsContentProps<T, F>): React__default.JSX.Element;
+declare const GridSectionsContent: typeof _GridSectionsContent & {
+    displayName: string;
+};
+
+interface GridBaseProps<T, F extends FiltersMap> extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>, GridItemBaseProps<T, F> {
+    dataHook?: string;
+    /**
+     * Adds functionality to allow visitors to reorder items manually.
+     * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).
+     * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)
+     * @external
+     */
+    dragAndDrop?: typeof GridDragAndDrop;
+    /**
+     * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).
+     * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)
+     * @external
+     */
+    state: GridState<T, F>;
+    /**
+     * A toolbar for performing bulk actions on multiple items.<br> <br>
+     * Supported parameters: <br>
+     * -`selectedValues`: [array] Items that are checked in the selection column. <br>
+     * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>
+     * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>
+     * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>
+     * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>
+     * -`total`: [number] Total number of items in the server. <br>
+     * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>
+     * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>
+     * @external
+     */
+    bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;
+    /**
+     * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.
+     * @external
+     * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)
+     */
+    sections?: {
+        GridSections: typeof GridSectionsContent;
+        groupBy: GroupBy<T>;
+        renderSection?: RenderSection<T>;
+    };
+    layoutType?: LayoutType;
+}
+type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<GridBaseProps<T, F>, 'preset' | 'renderItem'>;
+
+declare const TableGridSwitchDragAndDrop: {
+    grid: {
+        SortableContext: (<T, F extends FiltersMap>(props: GridSortableContextProps<T, F>) => React.JSX.Element) & {
+            displayName: string;
+        };
+        DraggableCard: (<T, F extends FiltersMap>(props: DraggableCardProps<T, F>) => React.JSX.Element) & {
+            displayName: string;
+        };
+        DraggableCardOverlay: (<T, F extends FiltersMap>(props: DraggableCardOverlayProps<T, F>) => React.ReactPortal) & {
+            displayName: string;
+        };
+        setStateObject: <T, F extends FiltersMap>({ state, modalsContainerRef, }: {
+            state: GridBaseState<T, F>;
+            modalsContainerRef: {
+                current: HTMLElement | null | undefined;
+            };
+        }) => void;
+    };
+    table: TableDragAndDropType;
+};
+
+/**
+ * `ToolbarCollectionState` — you receive this, you don't construct it.
+ * Produced by `useToolbarCollectionContext()` (also `useTableCollectionSyncProps()`, `useKanbanCollectionSyncProps()`, `useToolbarCollectionSyncProps()`).
+ */
+declare class ToolbarCollectionState<T, F> {
+}
+
+/**
+ * `TableState` — you receive this, you don't construct it.
+ * Produced by `useTableCollection()` (also `useAmbassadorTable()`, `useTableContext()`). Look `TableState` up in the bundle index for its own API.
+ */
+declare class TableState<T, F> {
+}
+
+/**
+ * `TableGridSwitchState` — you receive this, you don't construct it.
+ * Produced by `useTableGridSwitchCollection()`. Look `TableGridSwitchState` up in the bundle index for its own API.
+ */
+declare class TableGridSwitchState<T, F> {
+}
+
+interface TableGridSwitchBaseProps<T, F extends FiltersMap> extends Omit<GridBasePropsWithoutPreset<T, F>, 'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'>, Omit<TableProps<T, F>, 'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'> {
+    /**
+     * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).
+     */
+    state: TableGridSwitchState<T, F>;
+    /**
+     * Adds functionality to allow visitors to reorder items manually.
+     * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).
+     * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)
+     * @external
+     */
+    dragAndDrop?: typeof TableGridSwitchDragAndDrop;
+    /**
+     * Configuration for rendering sections. When provided, the component will render with section headers
+     * that group related rows together for both Grid and Table views.
+     * @external
+     */
+    sections?: {
+        GridSections: typeof GridSectionsContent;
+        TableSections: typeof TableSections;
+        groupBy: GroupBy<T>;
+        renderSection: RenderSection<T>;
+        collapsible?: boolean;
+        events?: SectionEvents;
+    };
+}
+type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<T, TableGridSwitchBaseProps<T, F>>;
+declare function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(props: TableGridSwitchProps<T, F>): React__default.JSX.Element;
+declare const TableGridSwitch: typeof _TableGridSwitch & {
+    displayName: string;
+};
+
+export { TableGridSwitch, _TableGridSwitch };
+export type { TableGridSwitchBaseProps, TableGridSwitchProps };

package/dist/dts-bundle/components/TableTopNotification.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import { SectionHelperProps } from '@wix/design-system';
+
+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;
+}
+declare function _TableTopNotification(props: TableTopNotificationProps): React.JSX.Element;
+declare const TableTopNotification: typeof _TableTopNotification & {
+    displayName: string;
+};
+
+export { TableTopNotification };
+export type { TableTopNotificationProps };