@bigbinary/neeto-atoms 1.0.23 → 1.0.25

package/dist/{Dialog-B2dcw0Zz.js → Dialog-BURSzxaP.js}

@@ -14,7 +14,7 @@ const DialogHeader = forwardRef(({ children, className, description, dataTestid,
 DialogHeader.displayName = "Dialog.Header";
 const DialogBody = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "dialog-body", "data-testid": dataTestid ?? "dialog-body", className: cn("text-sm text-foreground", className), ...otherProps, children: children })));
 DialogBody.displayName = "Dialog.Body";
-const DialogFooter = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx(DialogFooter$1, { ref: ref, className: cn("border-border", className), "data-testid": dataTestid ?? "dialog-footer", ...otherProps, children: children })));
+const DialogFooter = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx(DialogFooter$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-footer", ...otherProps, children: children })));
 DialogFooter.displayName = "Dialog.Footer";
 const DialogTitle = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(DialogTitle$1, { ref: ref, className: cn("text-2xl font-semibold", className), ...otherProps, children: children })));
 DialogTitle.displayName = "Dialog.Title";
@@ -58,4 +58,4 @@ Dialog.Footer = DialogFooter;
 Dialog.Title = DialogTitle;
 
 export { Dialog as D };
-//# sourceMappingURL=Dialog-B2dcw0Zz.js.map
+//# sourceMappingURL=Dialog-BURSzxaP.js.map

package/dist/Dialog-BURSzxaP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-BURSzxaP.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      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherContentProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\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          aria-modal\n          showCloseButton={closeButton}\n          forceMount={forceRender || undefined}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\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":["_jsxs","PrimitiveDialogHeader","_jsx","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":"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"}

package/dist/cjs/{DataTable-BOeCq0s4.js → DataTable-Cw0ly-hT.js}

@@ -3375,7 +3375,6 @@ const useTableSelection = ({ enableRowSelection, selectedRowKeys, onRowSelect, d
                 ariaLabel: "Select row",
             }),
             size: 40,
-            maxSize: 40,
             enableSorting: false,
             enableResizing: false,
         };
@@ -3714,43 +3713,53 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
             onSortingChange([{ id: columnId, desc }]);
         }
     };
-    return (jsxRuntime.jsxs("div", { className: utils.cn("relative flex min-h-0 w-full flex-col", className), children: [loading && jsxRuntime.jsx(LoadingOverlay, {}), bulkSelectAllRowsProps && (jsxRuntime.jsx(BulkSelectCallout, { bulkSelectAllRowsProps: bulkSelectAllRowsProps, isAllPageRowsSelected: table.getIsAllPageRowsSelected(), isBulkAllSelected: isBulkAllSelected })), jsxRuntime.jsx("div", { className: utils.cn("min-h-0 flex-1 overflow-auto", bordered && "rounded-lg border"), children: jsxRuntime.jsxs(primitives_Table.Table, { children: [jsxRuntime.jsx(primitives_Table.TableHeader, { className: "sticky top-0 z-20 bg-muted", children: table.getHeaderGroups().map(headerGroup => (jsxRuntime.jsx(primitives_Table.TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
-                                    const isPinned = header.column.getIsPinned();
-                                    const isSelectionCol = header.column.id === "_selection";
-                                    const visibleHeaders = headerGroup.headers.filter(h => h.column.id !== "_selection");
-                                    const columnIndexInData = visibleHeaders.findIndex(h => h.id === header.id);
-                                    return (jsxRuntime.jsxs(primitives_Table.TableHead, { className: utils.cn("group/head relative", header.column.getCanSort() &&
-                                            "cursor-pointer select-none", isPinned && "sticky z-10 bg-muted"), style: {
-                                            width: header.getSize(),
-                                            minWidth: enableColumnResize
-                                                ? header.getSize()
-                                                : undefined,
-                                            maxWidth: header.column.columnDef.maxSize,
-                                            ...(isPinned === "left"
-                                                ? {
-                                                    left: header.column.getStart("left"),
-                                                }
-                                                : {}),
-                                            ...(isPinned === "right"
-                                                ? {
-                                                    right: header.column.getAfter("right"),
-                                                }
-                                                : {}),
-                                        }, onClick: header.column.getCanSort()
-                                            ? header.column.getToggleSortingHandler()
-                                            : undefined, children: [header.isPlaceholder ? null : (jsxRuntime.jsxs("div", { className: "flex items-center", children: [jsxRuntime.jsx("div", { className: "flex-1 truncate", children: flexRender(header.column.columnDef.header, header.getContext()) }), jsxRuntime.jsx(SortIndicator, { column: header.column }), showHeaderMenu && !isSelectionCol && (jsxRuntime.jsx(HeaderCellMenu, { column: header.column, columnIndex: columnIndexInData, enableAddColumn: enableAddColumn, enableColumnFreeze: enableColumnFreeze, isColumnPinned: isColumnPinned(header.column.id), canMoveLeft: headerIndex > (selectionColumn ? 1 : 0), canMoveRight: headerIndex < headerGroup.headers.length - 1, onSort: handleSort, onHideColumn: onColumnHideProp ? hideColumn : undefined, onTogglePin: toggleColumnPin, onAddColumn: onColumnAdd, onDeleteColumn: onColumnDelete, onMoveColumn: onColumnUpdate
-                                                            ? (colId, dir) => moveColumn(colId, dir)
-                                                            : undefined, onMoreActionClick: onMoreActionClick }))] })), enableColumnResize && jsxRuntime.jsx(ResizeHandle, { header: header })] }, header.id));
-                                }) }, headerGroup.id))) }), jsxRuntime.jsx(primitives_Table.TableBody, { className: loading ? "opacity-50" : undefined, children: table.getRowModel().rows.length > 0 ? (table.getRowModel().rows.map(row => (jsxRuntime.jsx(primitives_Table.TableRow, { "data-state": row.getIsSelected() ? "selected" : undefined, className: utils.cn(allowRowClick && onRowClick && "cursor-pointer"), onClick: allowRowClick && onRowClick
+    return (jsxRuntime.jsxs("div", { className: utils.cn("relative flex min-h-0 w-full flex-col", className), children: [loading && jsxRuntime.jsx(LoadingOverlay, {}), bulkSelectAllRowsProps &&
+                (data.length !== totalCount || isBulkAllSelected) && (jsxRuntime.jsx(BulkSelectCallout, { bulkSelectAllRowsProps: bulkSelectAllRowsProps, isAllPageRowsSelected: table.getIsAllPageRowsSelected(), isBulkAllSelected: isBulkAllSelected })), jsxRuntime.jsx("div", { className: utils.cn("min-h-0 flex-1 overflow-auto", bordered && "rounded-lg border"), children: jsxRuntime.jsxs(primitives_Table.Table, { children: [jsxRuntime.jsx(primitives_Table.TableHeader, { className: "sticky top-0 z-20 bg-muted", children: table.getHeaderGroups().map(headerGroup => {
+                                const dataHeaders = headerGroup.headers.filter(h => h.column.id !== "_selection");
+                                const totalDataSize = dataHeaders.reduce((sum, h) => sum + h.getSize(), 0);
+                                return (jsxRuntime.jsx(primitives_Table.TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
+                                        const isPinned = header.column.getIsPinned();
+                                        const isSelectionCol = header.column.id === "_selection";
+                                        const columnIndexInData = dataHeaders.findIndex(h => h.id === header.id);
+                                        return (jsxRuntime.jsxs(primitives_Table.TableHead, { className: utils.cn("group/head relative", header.column.getCanSort() &&
+                                                "cursor-pointer select-none", isPinned && "sticky z-10 bg-muted"), style: {
+                                                width: selectionColumn && isSelectionCol
+                                                    ? 0
+                                                    : selectionColumn
+                                                        ? `${(header.getSize() / totalDataSize) * 100}%`
+                                                        : header.getSize(),
+                                                minWidth: enableColumnResize
+                                                    ? header.getSize()
+                                                    : undefined,
+                                                ...(isPinned === "left"
+                                                    ? {
+                                                        left: header.column.getStart("left"),
+                                                    }
+                                                    : {}),
+                                                ...(isPinned === "right"
+                                                    ? {
+                                                        right: header.column.getAfter("right"),
+                                                    }
+                                                    : {}),
+                                            }, onClick: header.column.getCanSort()
+                                                ? header.column.getToggleSortingHandler()
+                                                : undefined, children: [header.isPlaceholder ? null : (jsxRuntime.jsxs("div", { className: "flex items-center", children: [jsxRuntime.jsx("div", { className: "flex-1 truncate", children: flexRender(header.column.columnDef.header, header.getContext()) }), jsxRuntime.jsx(SortIndicator, { column: header.column }), showHeaderMenu && !isSelectionCol && (jsxRuntime.jsx(HeaderCellMenu, { column: header.column, columnIndex: columnIndexInData, enableAddColumn: enableAddColumn, enableColumnFreeze: enableColumnFreeze, isColumnPinned: isColumnPinned(header.column.id), canMoveLeft: headerIndex > (selectionColumn ? 1 : 0), canMoveRight: headerIndex < headerGroup.headers.length - 1, onSort: handleSort, onHideColumn: onColumnHideProp ? hideColumn : undefined, onTogglePin: toggleColumnPin, onAddColumn: onColumnAdd, onDeleteColumn: onColumnDelete, onMoveColumn: onColumnUpdate
+                                                                ? (colId, dir) => moveColumn(colId, dir)
+                                                                : undefined, onMoreActionClick: onMoreActionClick }))] })), enableColumnResize && jsxRuntime.jsx(ResizeHandle, { header: header })] }, header.id));
+                                    }) }, headerGroup.id));
+                            }) }), jsxRuntime.jsx(primitives_Table.TableBody, { className: loading ? "opacity-50" : undefined, children: table.getRowModel().rows.length > 0 ? (table.getRowModel().rows.map(row => (jsxRuntime.jsx(primitives_Table.TableRow, { "data-state": row.getIsSelected() ? "selected" : undefined, className: utils.cn("group", allowRowClick && onRowClick && "cursor-pointer"), onClick: allowRowClick && onRowClick
                                     ? event => onRowClick(event, row.original, row.index)
                                     : undefined, children: row.getVisibleCells().map(cell => {
                                     const isPinned = cell.column.getIsPinned();
-                                    return (jsxRuntime.jsx(primitives_Table.TableCell, { className: utils.cn(isPinned && "sticky z-10 bg-background"), style: {
-                                            width: cell.column.getSize(),
+                                    const isSelCell = cell.column.id === "_selection";
+                                    return (jsxRuntime.jsx(primitives_Table.TableCell, { className: utils.cn(isPinned &&
+                                            "sticky z-10 bg-background group-data-[state=selected]:bg-muted"), style: {
+                                            width: selectionColumn && isSelCell
+                                                ? 0
+                                                : cell.column.getSize(),
                                             minWidth: enableColumnResize
                                                 ? cell.column.getSize()
                                                 : undefined,
-                                            maxWidth: cell.column.columnDef.maxSize,
                                             ...(isPinned === "left"
                                                 ? {
                                                     left: cell.column.getStart("left"),
@@ -3772,4 +3781,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-BOeCq0s4.js.map
+//# sourceMappingURL=DataTable-Cw0ly-hT.js.map