@bigbinary/neeto-atoms 1.0.97 → 1.0.99

package/dist/{Dialog-BOcBeB8v.js → Dialog-D8C0-nEo.js}

@@ -79,33 +79,15 @@ const Dialog = forwardRef(
     forceRender = false,
     modal: modalProp,
     defaultOpen,
-    // Radix content handlers — intercept and merge
-    onOpenAutoFocus: onOpenAutoFocusProp,
-    onCloseAutoFocus: onCloseAutoFocusProp,
     ...otherContentProps
   }, ref) => {
-    const handleOpenChange = (open) => {
-      if (!open) onClose();
-    };
-    const handleInteractOutside = (e) => {
-      if (!closeOnOutsideClick) e.preventDefault();
-    };
-    const handleEscapeKeyDown = (e) => {
-      if (!closeOnEsc) e.preventDefault();
-    };
-    const handleOpenAutoFocus = (e) => {
-      if (initialFocusRef?.current) {
-        e.preventDefault();
-        initialFocusRef.current.focus();
-      }
-      onOpenAutoFocusProp?.(e);
-    };
-    const handleCloseAutoFocus = (e) => {
-      if (finalFocusRef?.current) {
-        e.preventDefault();
-        finalFocusRef.current.focus();
+    const handleOpenChange = (open, eventDetails) => {
+      if (open) return;
+      if (eventDetails.reason === "escape-key" && !closeOnEsc || eventDetails.reason === "outside-press" && !closeOnOutsideClick) {
+        eventDetails.cancel();
+        return;
       }
-      onCloseAutoFocusProp?.(e);
+      onClose();
     };
     const resolvedModal = modalProp ?? blockScrollOnMount;
     return /* @__PURE__ */ jsx(
@@ -119,14 +101,11 @@ const Dialog = forwardRef(
           DialogContent,
           {
             ref,
-            "aria-modal": true,
             showCloseButton: closeButton,
-            forceMount: forceRender || void 0,
+            keepMounted: forceRender || void 0,
             overlayClassName: backdropClassName,
-            onInteractOutside: handleInteractOutside,
-            onEscapeKeyDown: handleEscapeKeyDown,
-            onOpenAutoFocus: handleOpenAutoFocus,
-            onCloseAutoFocus: handleCloseAutoFocus,
+            initialFocus: initialFocusRef ?? void 0,
+            finalFocus: finalFocusRef ?? void 0,
             className: cn(SIZE_CLASS_MAP[size], className),
             "data-testid": "dialog-wrapper",
             ...otherContentProps,
@@ -144,4 +123,4 @@ Dialog.Footer = DialogFooter;
 Dialog.Title = DialogTitle;
 
 export { Dialog as D };
-//# sourceMappingURL=Dialog-BOcBeB8v.js.map
+//# sourceMappingURL=Dialog-D8C0-nEo.js.map

package/dist/Dialog-D8C0-nEo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-D8C0-nEo.js","sources":["../src/components/Dialog/constants.ts","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogSize } from \"./Dialog\";\n\nexport const SIZE_CLASS_MAP: Record<DialogSize, string> = {\n  small: \"sm:max-w-sm\",\n  medium: \"sm:max-w-md\",\n  large: \"sm:max-w-lg\",\n  fullScreen: \"h-screen w-screen max-w-none rounded-none sm:max-w-none\",\n};\n","import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Dialog as PrimitiveDialog,\n  DialogContent as PrimitiveDialogContent,\n  DialogDescription,\n  DialogFooter as PrimitiveDialogFooter,\n  DialogHeader as PrimitiveDialogHeader,\n  DialogTitle as PrimitiveDialogTitle,\n} from \"src/primitives/Dialog\";\n\nimport { SIZE_CLASS_MAP } from \"./constants\";\n\nexport type DialogSize = \"small\" | \"medium\" | \"large\" | \"fullScreen\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;\n\nexport interface DialogProps extends Omit<\n  DialogContentProps,\n  | \"children\"\n  | \"className\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the dialog. */\n  size?: DialogSize;\n  /** Whether the dialog is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the dialog is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the dialog. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the dialog content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the dialog. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the dialog opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the dialog closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */\n  blockScrollOnMount?: boolean;\n  /** Force children to re-render even when the dialog is closed. */\n  forceRender?: boolean;\n  /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\ninterface DialogSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n  /** Custom data-testid attribute. */\n  dataTestid?: string;\n}\n\nconst DialogHeader = forwardRef<\n  HTMLDivElement,\n  DialogSubcomponentProps & { description?: string }\n>(({ children, className, description, dataTestid, ...otherProps }, ref) => (\n  <PrimitiveDialogHeader\n    ref={ref}\n    className={cn(className)}\n    data-testid={dataTestid ?? \"dialog-header\"}\n    {...otherProps}\n  >\n    {children}\n    {description && <DialogDescription>{description}</DialogDescription>}\n  </PrimitiveDialogHeader>\n));\nDialogHeader.displayName = \"Dialog.Header\";\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"dialog-body\"\n      data-testid={dataTestid ?? \"dialog-body\"}\n      className={cn(\"text-sm text-foreground\", className)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n);\nDialogBody.displayName = \"Dialog.Body\";\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <PrimitiveDialogFooter\n      ref={ref}\n      className={cn(className)}\n      data-testid={dataTestid ?? \"dialog-footer\"}\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveDialogFooter>\n  )\n);\nDialogFooter.displayName = \"Dialog.Footer\";\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveDialogTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveDialogTitle\n    ref={ref}\n    className={cn(\"text-2xl font-semibold\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveDialogTitle>\n));\nDialogTitle.displayName = \"Dialog.Title\";\n\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      size = \"medium\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      blockScrollOnMount = true,\n      forceRender = false,\n      modal: modalProp,\n      defaultOpen,\n      ...otherContentProps\n    },\n    ref\n  ) => {\n    // Base UI consolidates the per-interaction dismiss callbacks\n    // (onEscapeKeyDown / onInteractOutside) into onOpenChange's eventDetails.\n    const handleOpenChange: React.ComponentProps<\n      typeof PrimitiveDialog\n    >[\"onOpenChange\"] = (open, eventDetails) => {\n      if (open) return;\n      if (\n        (eventDetails.reason === \"escape-key\" && !closeOnEsc) ||\n        (eventDetails.reason === \"outside-press\" && !closeOnOutsideClick)\n      ) {\n        eventDetails.cancel();\n\n        return;\n      }\n      onClose();\n    };\n\n    // `modal` prop takes precedence; fall back to blockScrollOnMount\n    const resolvedModal = modalProp ?? blockScrollOnMount;\n\n    return (\n      <PrimitiveDialog\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={resolvedModal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveDialogContent\n          ref={ref}\n          showCloseButton={closeButton}\n          keepMounted={forceRender || undefined}\n          overlayClassName={backdropClassName}\n          initialFocus={initialFocusRef ?? undefined}\n          finalFocus={finalFocusRef ?? undefined}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"dialog-wrapper\"\n          {...otherContentProps}\n        >\n          {children}\n        </PrimitiveDialogContent>\n      </PrimitiveDialog>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  DialogProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof DialogHeader;\n  Body: typeof DialogBody;\n  Footer: typeof DialogFooter;\n  Title: typeof DialogTitle;\n};\n\nDialog.displayName = \"Dialog\";\nDialog.Header = DialogHeader;\nDialog.Body = DialogBody;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\n\nexport { Dialog };\n"],"names":["PrimitiveDialogHeader","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":"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"}