@douglasneuroinformatics/libui 4.9.1 → 5.0.1

package/src/components/DataTable/DestructiveActionDialog.tsx

@@ -1,67 +0,0 @@
-/* eslint-disable @typescript-eslint/no-misused-promises */
-
-import type React from 'react';
-
-import type { Promisable } from 'type-fest';
-
-import { useTranslation } from '@/hooks';
-
-import { Button } from '../Button';
-import { Dialog } from '../Dialog';
-
-export type DestructiveActionPending = (() => Promisable<void>) | null;
-
-export const DestructiveActionDialog: React.FC<{
-  destructiveActionPending: DestructiveActionPending;
-  setDestructiveActionPending: React.Dispatch<React.SetStateAction<DestructiveActionPending>>;
-}> = ({ destructiveActionPending, setDestructiveActionPending }) => {
-  const { t } = useTranslation();
-  return (
-    <Dialog
-      open={destructiveActionPending !== null}
-      onOpenChange={(open) => {
-        if (!open) {
-          setDestructiveActionPending(null);
-        }
-      }}
-    >
-      <Dialog.Content onOpenAutoFocus={(event) => event.preventDefault()}>
-        <Dialog.Header>
-          <Dialog.Title>
-            {t({
-              en: 'Confirm Action',
-              fr: "Confirmer l'action"
-            })}
-          </Dialog.Title>
-          <Dialog.Description>
-            {t({
-              en: 'This action cannot be reversed. Please confirm that you would like to continue.',
-              fr: 'Cette action ne peut être inversée. Veuillez confirmer que vous souhaitez poursuivre.'
-            })}
-          </Dialog.Description>
-        </Dialog.Header>
-        <Dialog.Footer>
-          <Button
-            className="min-w-16"
-            type="button"
-            variant="danger"
-            onClick={async () => {
-              await destructiveActionPending?.();
-              setDestructiveActionPending(null);
-            }}
-          >
-            {t('libui.yes')}
-          </Button>
-          <Button
-            className="min-w-16"
-            type="button"
-            variant="primary"
-            onClick={() => setDestructiveActionPending(null)}
-          >
-            {t('libui.no')}
-          </Button>
-        </Dialog.Footer>
-      </Dialog.Content>
-    </Dialog>
-  );
-};

package/src/components/DataTable/RowActionsDropdown.tsx

@@ -1,64 +0,0 @@
-import type React from 'react';
-
-import type { Row } from '@tanstack/react-table';
-import { MoreHorizontalIcon } from 'lucide-react';
-import type { Promisable } from 'type-fest';
-
-import { useTranslation } from '@/hooks';
-
-import { Button } from '../Button';
-import { DropdownMenu } from '../DropdownMenu';
-
-import type { DestructiveActionPending } from './DestructiveActionDialog';
-
-export type RowAction<TData extends { [key: string]: unknown }> = {
-  destructive?: boolean;
-  label: string;
-  onSelect: (row: TData) => Promisable<void>;
-};
-
-export const RowActionsDropdown = <TData extends { [key: string]: unknown }>({
-  row,
-  rowActions,
-  setDestructiveActionPending
-}: {
-  row: Row<TData>;
-  rowActions: RowAction<TData>[];
-  setDestructiveActionPending: React.Dispatch<React.SetStateAction<DestructiveActionPending>>;
-}) => {
-  const { t } = useTranslation();
-  return (
-    <div className="flex w-full justify-end">
-      <DropdownMenu>
-        <DropdownMenu.Trigger asChild>
-          <Button className="-m-1.5" size="icon" variant="ghost">
-            <MoreHorizontalIcon className="h-4 w-4" />
-          </Button>
-        </DropdownMenu.Trigger>
-        <DropdownMenu.Content align="end">
-          <DropdownMenu.Label>
-            {t({
-              en: 'Actions',
-              fr: 'Actions'
-            })}
-          </DropdownMenu.Label>
-          {rowActions.map(({ destructive, label, onSelect }, i) => (
-            <DropdownMenu.Item
-              className={destructive ? 'text-destructive' : undefined}
-              key={i}
-              onSelect={() => {
-                if (destructive) {
-                  setDestructiveActionPending(() => () => void onSelect(row.original));
-                } else {
-                  void onSelect(row.original);
-                }
-              }}
-            >
-              {label}
-            </DropdownMenu.Item>
-          ))}
-        </DropdownMenu.Content>
-      </DropdownMenu>
-    </div>
-  );
-};