Bulk Actions

interface DataTableBulkActionItemProps {    label: React.ReactNode;    icon?: LucideIcon;    confirmationText?: React.ReactNode;    onClick: () => void;    className?: string;    requiresPermission?: string[];    disabled?: boolean;    closeOnClick?: boolean;}

import { Trans } from '@lingui/react/macro';import { DataTableBulkActionItem, BulkActionComponent } from '@vendure/dashboard';import { Check } from 'lucide-react';export const MyBulkAction: BulkActionComponent<any> = ({ selection, table }) => {  return (    <DataTableBulkActionItem      requiresPermission={['ReadMyCustomEntity']}      onClick={() => {        console.log('Selected items:', selection);      }}      label={<Trans>Delete</Trans>}      confirmationText={<Trans>Are you sure?</Trans>}      icon={Check}      className="text-destructive"    />  );}

function DataTableBulkActionItem(props: Readonly<DataTableBulkActionItemProps>): void

import { BulkActionComponent, DataTableBulkActionItem, usePaginatedList } from '@vendure/dashboard';// This is an example of a bulk action that shows some typical// uses of the provided propsexport const MyBulkAction: BulkActionComponent<any> = ({ selection, table }) => {  const { refetchPaginatedList } = usePaginatedList();  const doTheAction = async () => {    // Actual logic of the action    // goes here...    // On success, we refresh the list    refetchPaginatedList();    // and un-select any selected rows in the table    table.resetRowSelection();  }; return (   <DataTableBulkActionItem     onClick={doTheAction}     label={<Trans>Delete</Trans>}     confirmationText={<Trans>Are you sure?</Trans>}     icon={Check}     className="text-destructive"   /> );}

import { BulkActionComponent, DeleteProductsBulkAction } from '@vendure/dashboard';// Define the BulkAction component. This one uses// a built-in wrapper for "delete" actions, which includes// a confirmation dialog.export const DeleteProductsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {    return (        <DeleteBulkAction            mutationDocument={deleteProductsDocument}            entityName="products"            requiredPermissions={['DeleteCatalog', 'DeleteProduct']}            selection={selection}            table={table}        />    );};

type BulkAction = {    order?: number;    component: BulkActionComponent<any>;}

type BulkActionGroup = {    label?: React.ReactNode;    actions: BulkAction[];}

// Flat (single group, backwards compatible)bulkActions={[  { component: AssignBulkAction },  { component: DeleteBulkAction },]}// Grouped with labelsbulkActions={[  [    { component: AssignBulkAction },    { component: DuplicateBulkAction },  ],  { label: <Trans>Danger zone</Trans>, actions: [    { component: DeleteBulkAction },  ]},]}

type BulkActionsInput = BulkAction[] | Array<BulkAction[] | BulkActionGroup>