@brainfish-ai/components 0.16.2 → 0.16.3-rc.2

package/dist/confirm-dialog.d.ts

@@ -0,0 +1,33 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { ClassProp } from 'class-variance-authority/dist/types';
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "link" | "dark" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "shadow" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ConfirmDialog: default_2.ForwardRefExoticComponent<Props & default_2.RefAttributes<ConfirmDialogRef>>;
+
+export declare interface ConfirmDialogRef {
+    open: () => void;
+    close: () => void;
+}
+
+declare interface Props {
+    title: string;
+    description: default_2.ReactNode;
+    onSubmit: () => Promise<void> | void;
+    onCancel?: () => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    variant: default_2.ComponentProps<typeof AlertDialogAction>['variant'];
+    cancelText: string;
+    submitText: string;
+    loadingText?: string;
+    zIndex: number;
+}
+
+export { }

package/dist/esm/components/confirm-dialog.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './ui/alert-dialog.js';
+
+const ConfirmDialog = React__default.forwardRef(
+  ({
+    title,
+    description,
+    onSubmit,
+    onCancel,
+    open: externalOpen,
+    onOpenChange: externalOnOpenChange,
+    variant,
+    cancelText,
+    submitText,
+    loadingText,
+    zIndex
+  }, ref) => {
+    const zIndexClass = `z-[${zIndex}]`;
+    const [isLoading, setIsLoading] = React__default.useState(false);
+    const [internalOpen, setInternalOpen] = React__default.useState(false);
+    const isOpen = externalOpen ?? internalOpen;
+    const setIsOpen = externalOnOpenChange ?? setInternalOpen;
+    React__default.useImperativeHandle(ref, () => ({
+      open: () => setIsOpen(true),
+      close: () => setIsOpen(false)
+    }));
+    const handleCancel = () => {
+      if (isLoading) return;
+      onCancel?.();
+      setIsOpen(false);
+    };
+    const handleSubmit = async () => {
+      if (isLoading) return;
+      setIsLoading(true);
+      try {
+        await onSubmit();
+        setIsOpen(false);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    return /* @__PURE__ */ React__default.createElement(AlertDialog, { open: isOpen, onOpenChange: setIsOpen }, /* @__PURE__ */ React__default.createElement(AlertDialogContent, { zIndex: zIndexClass }, /* @__PURE__ */ React__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React__default.createElement(AlertDialogTitle, null, title), /* @__PURE__ */ React__default.createElement(AlertDialogDescription, null, description)), /* @__PURE__ */ React__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React__default.createElement(AlertDialogCancel, { onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ React__default.createElement(AlertDialogAction, { variant, onClick: handleSubmit, disabled: isLoading }, isLoading ? loadingText || submitText : submitText))));
+  }
+);
+ConfirmDialog.displayName = "ConfirmDialog";
+
+export { ConfirmDialog };
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/esm/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sources":["../../../src/components/confirm-dialog/confirm-dialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  AlertDialog,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogHeader,\n  AlertDialogCancel,\n  AlertDialogAction,\n  AlertDialogFooter,\n  AlertDialogContent,\n} from '../ui/alert-dialog';\n\ninterface Props {\n  title: string;\n  description: React.ReactNode;\n  onSubmit: () => Promise<void> | void;\n  onCancel?: () => void;\n  // Optional external state control - if not provided, manages state internally\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  variant: React.ComponentProps<typeof AlertDialogAction>['variant'];\n  cancelText: string;\n  submitText: string;\n  loadingText?: string;\n  zIndex: number; // z-index of the dialog\n}\n\nexport interface ConfirmDialogRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport const ConfirmDialog = React.forwardRef<ConfirmDialogRef, Props>(\n  (\n    {\n      title,\n      description,\n      onSubmit,\n      onCancel,\n      open: externalOpen,\n      onOpenChange: externalOnOpenChange,\n      variant,\n      cancelText,\n      submitText,\n      loadingText,\n      zIndex,\n    },\n    ref,\n  ) => {\n    const zIndexClass = `z-[${zIndex}]`;\n    const [isLoading, setIsLoading] = React.useState(false);\n\n    // Internal state management (merged from useDialogState)\n    const [internalOpen, setInternalOpen] = React.useState(false);\n\n    // Use external state if provided, otherwise use internal state\n    const isOpen = externalOpen ?? internalOpen;\n    const setIsOpen = externalOnOpenChange ?? setInternalOpen;\n\n    // Expose methods via ref for programmatic control\n    React.useImperativeHandle(ref, () => ({\n      open: () => setIsOpen(true),\n      close: () => setIsOpen(false),\n    }));\n\n    const handleCancel = () => {\n      if (isLoading) return; // Prevent cancel during loading\n      onCancel?.();\n      setIsOpen(false);\n    };\n\n    const handleSubmit = async () => {\n      if (isLoading) return; // Prevent double submission\n\n      setIsLoading(true);\n      try {\n        await onSubmit();\n        setIsOpen(false); // Close dialog after successful submission\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    return (\n      <AlertDialog open={isOpen} onOpenChange={setIsOpen}>\n        <AlertDialogContent zIndex={zIndexClass}>\n          <AlertDialogHeader>\n            <AlertDialogTitle>{title}</AlertDialogTitle>\n            <AlertDialogDescription>{description}</AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel onClick={handleCancel} disabled={isLoading}>\n              {cancelText}\n            </AlertDialogCancel>\n            <AlertDialogAction variant={variant} onClick={handleSubmit} disabled={isLoading}>\n              {isLoading ? loadingText || submitText : submitText}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    );\n  },\n);\n\nConfirmDialog.displayName = 'ConfirmDialog';\n"],"names":["React"],"mappings":";;;AAiCO,MAAM,gBAAgBA,cAAM,CAAA,UAAA;AAAA,EACjC,CACE;AAAA,IACE,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAM,EAAA,YAAA;AAAA,IACN,YAAc,EAAA,oBAAA;AAAA,IACd,OAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,KAEF,GACG,KAAA;AACH,IAAM,MAAA,WAAA,GAAc,MAAM,MAAM,CAAA,CAAA,CAAA;AAChC,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAGtD,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAG5D,IAAA,MAAM,SAAS,YAAgB,IAAA,YAAA;AAC/B,IAAA,MAAM,YAAY,oBAAwB,IAAA,eAAA;AAG1C,IAAMA,cAAA,CAAA,mBAAA,CAAoB,KAAK,OAAO;AAAA,MACpC,IAAA,EAAM,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,MAC1B,KAAA,EAAO,MAAM,SAAA,CAAU,KAAK;AAAA,KAC5B,CAAA,CAAA;AAEF,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI,SAAW,EAAA;AACf,MAAW,QAAA,IAAA;AACX,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,KACjB;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,IAAI,SAAW,EAAA;AAEf,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAI,IAAA;AACF,QAAA,MAAM,QAAS,EAAA;AACf,QAAA,SAAA,CAAU,KAAK,CAAA;AAAA,OACf,SAAA;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA;AACpB,KACF;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,eAAY,IAAM,EAAA,MAAA,EAAQ,cAAc,SACvC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,MAAQ,EAAA,WAAA,EAAA,+CACzB,iBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAkB,KAAM,CAAA,+CACxB,sBAAwB,EAAA,IAAA,EAAA,WAAY,CACvC,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,yCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,SAAS,YAAc,EAAA,QAAA,EAAU,aACjD,UACH,CAAA,+CACC,iBAAkB,EAAA,EAAA,OAAA,EAAkB,SAAS,YAAc,EAAA,QAAA,EAAU,aACnE,SAAY,GAAA,WAAA,IAAe,aAAa,UAC3C,CACF,CACF,CACF,CAAA;AAAA;AAGN;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}