@dashforge/tw 0.8.0-beta → 0.8.1-beta

package/CHANGELOG.md

@@ -12,6 +12,68 @@ This project follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 > duplicated intentionally — no shared "lowest common denominator" headless
 > layer.
 
+## [0.8.1-beta] — 2026-05-19
+
+**UX swap on `DataGrid` column visibility.** The "Columns" toolbar
+button now opens a lightweight **`<Popover>` menu** anchored to the
+button instead of a modal `<Dialog>`. Toggles **auto-commit on
+click** — no draft state, no "Done" button, dismissed via
+outside-click / Esc. Matches the AG-Grid / MUI DataGrid v6 / TanStack
+pattern for the same affordance.
+
+Rationale: the previous Dialog was too heavyweight for a settings
+toggle. A modal interrupts the user's interaction with the grid
+(the very thing they're configuring), traps focus, and requires an
+explicit commit step. The Popover variant reads as a "settings
+panel": the user can keep referring to the grid while picking
+columns, and changes flow into the model immediately.
+
+### Changed
+
+- **`ColumnVisibilityTrigger`** (internal component used by
+  `<DataGrid enableColumnVisibility>`) — switched from `<Dialog>` to
+  `<Popover>`. Public DataGrid API surface unchanged: the
+  `enableColumnVisibility` flag, `hiddenColumns` /
+  `onHiddenColumnsChange` controllable state, and per-column
+  `hideable` / `defaultHidden` axes work identically.
+
+- **`TableLabels`** — two now-unused keys removed:
+  - `columnsDescription` (the Dialog had a description line; the
+    Popover doesn't need one)
+  - `columnsDone` (no explicit commit step anymore — toggles
+    auto-commit)
+  The remaining four keys (`columnsButton`, `columnsTitle`,
+  `columnsShowAll`, `columnsHideAll`) are unchanged. Default for
+  `columnsTitle` adjusted from `"Manage columns"` to
+  `"Toggle columns"` (the action is now lighter).
+
+### Migration
+
+```bash
+pnpm up @dashforge/tw@^0.8.1-beta
+```
+
+If you customized the column-visibility labels via the `labels`
+prop, drop the two removed keys:
+
+```diff
+  <DataGrid
+    rows={rows}
+    cols={cols}
+    labels={{
+      columnsButton: 'Colonne',
+      columnsTitle: 'Mostra colonne',
+-     columnsDescription: 'Mostra o nascondi colonne…',
+      columnsShowAll: 'Mostra tutte',
+      columnsHideAll: 'Nascondi tutte',
+-     columnsDone: 'Fatto',
+    }}
+  />
+```
+
+If you don't customize the labels (>99% of consumers), no action
+required — the visual swap happens automatically.
+
 ## [0.8.0-beta] — 2026-05-19
 
 **Sprint 4.2-bis — DataGrid v1-bis.** Ships the five power-user

package/dist/index.esm.js

@@ -8675,11 +8675,9 @@ const DEFAULT_LABELS$1 = {
     densityComfortable: 'Comfortable',
     densitySpacious: 'Spacious',
     columnsButton: 'Columns',
-    columnsTitle: 'Manage columns',
-    columnsDescription: 'Show or hide columns. Required columns cannot be toggled.',
+    columnsTitle: 'Toggle columns',
     columnsShowAll: 'Show all',
-    columnsHideAll: 'Hide all',
-    columnsDone: 'Done'
+    columnsHideAll: 'Hide all'
 };
 const DEFAULT_GET_ROW_ID = (_row, index)=>String(index);
 /**
@@ -10216,11 +10214,9 @@ function FilterIcon() {
 
 const DEFAULT_VISIBILITY_LABELS = {
     columnsButton: 'Columns',
-    columnsTitle: 'Manage columns',
-    columnsDescription: 'Show or hide columns. Required columns cannot be toggled.',
+    columnsTitle: 'Toggle columns',
     columnsShowAll: 'Show all',
-    columnsHideAll: 'Hide all',
-    columnsDone: 'Done'
+    columnsHideAll: 'Hide all'
 };
 function ColumnVisibilityTrigger(props) {
     const { cols, hiddenColumns, onChange, disabled, labels: labelsProp } = props;
@@ -10230,118 +10226,91 @@ function ColumnVisibilityTrigger(props) {
     // defaults to `true` — a column is hideable unless explicitly opted
     // out with `hideable: false` (structurally required column).
     const hideableCols = cols.filter((c)=>c.hideable !== false);
-    return jsxs(Fragment$1, {
-        children: [
-            jsxs("button", {
-                type: "button",
-                onClick: ()=>setOpen(true),
-                disabled: disabled,
-                className: cn('inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md', 'text-sm text-neutral-700 hover:text-neutral-900', 'border border-neutral-300 bg-neutral-50 hover:bg-neutral-100', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500', 'transition-colors motion-reduce:transition-none', 'disabled:opacity-50 disabled:cursor-not-allowed'),
-                children: [
-                    jsx(ColumnsIcon, {}),
-                    jsx("span", {
-                        children: labels.columnsButton
-                    })
-                ]
-            }),
-            jsx(Dialog, {
-                open: open,
-                onOpenChange: setOpen,
-                title: labels.columnsTitle,
-                description: labels.columnsDescription,
-                size: "sm",
-                children: jsx(ColumnVisibilityBody, {
-                    cols: hideableCols,
-                    hiddenColumns: hiddenColumns,
-                    onChange: onChange,
-                    onDone: ()=>setOpen(false),
-                    labels: labels
-                })
-            })
-        ]
-    });
-}
-// ───── Dialog body ─────
-function ColumnVisibilityBody(props) {
-    const { cols, hiddenColumns, onChange, onDone, labels } = props;
-    // Local draft so the user can stage changes; commit on Done.
-    const [draft, setDraft] = useState(hiddenColumns);
-    // Re-sync when the dialog re-opens with a different external state.
-    useEffect(()=>{
-        setDraft(hiddenColumns);
-    }, [
-        hiddenColumns
-    ]);
     const toggle = (field)=>{
-        setDraft((prev)=>prev.includes(field) ? prev.filter((f)=>f !== field) : [
-                ...prev,
-                field
-            ]);
+        onChange(hiddenColumns.includes(field) ? hiddenColumns.filter((f)=>f !== field) : [
+            ...hiddenColumns,
+            field
+        ]);
     };
-    const showAll = ()=>setDraft([]);
-    const hideAll = ()=>setDraft(cols.map((c)=>c.field));
-    return jsxs("div", {
-        className: "flex flex-col gap-3",
-        children: [
-            jsxs("div", {
-                className: "flex items-center gap-2 pb-2 border-b border-neutral-200",
-                children: [
-                    jsx("button", {
-                        type: "button",
-                        onClick: showAll,
-                        className: "text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline",
-                        children: labels.columnsShowAll
-                    }),
-                    jsx("span", {
-                        className: "text-neutral-300",
-                        children: "\u00B7"
-                    }),
-                    jsx("button", {
-                        type: "button",
-                        onClick: hideAll,
-                        className: "text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline",
-                        children: labels.columnsHideAll
-                    })
-                ]
-            }),
-            jsx("ul", {
-                className: "flex flex-col gap-1.5 max-h-72 overflow-auto",
-                children: cols.map((col)=>{
-                    const field = col.field;
-                    const hidden = draft.includes(field);
-                    const header = typeof col.header === 'function' ? col.header() : col.header;
-                    return jsx("li", {
-                        children: jsxs("label", {
-                            className: "flex items-center gap-2 cursor-pointer py-1 px-1 rounded hover:bg-neutral-100",
+    const showAll = ()=>onChange([]);
+    const hideAll = ()=>onChange(hideableCols.map((c)=>c.field));
+    return jsx(Popover, {
+        open: open,
+        onOpenChange: setOpen,
+        side: "bottom",
+        align: "end",
+        content: jsxs("div", {
+            className: "flex flex-col gap-2 min-w-[220px]",
+            children: [
+                jsxs("div", {
+                    className: "flex items-center justify-between pb-2 border-b border-neutral-200",
+                    children: [
+                        jsx("span", {
+                            className: "text-xs font-semibold text-neutral-700 uppercase tracking-wide",
+                            children: labels.columnsTitle
+                        }),
+                        jsxs("div", {
+                            className: "flex items-center gap-2",
                             children: [
-                                jsx("input", {
-                                    type: "checkbox",
-                                    checked: !hidden,
-                                    onChange: ()=>toggle(field),
-                                    className: "cursor-pointer"
+                                jsx("button", {
+                                    type: "button",
+                                    onClick: showAll,
+                                    className: "text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline",
+                                    children: labels.columnsShowAll
                                 }),
                                 jsx("span", {
-                                    className: "text-sm text-neutral-900",
-                                    children: header
+                                    className: "text-neutral-300",
+                                    "aria-hidden": "true",
+                                    children: "\u00B7"
+                                }),
+                                jsx("button", {
+                                    type: "button",
+                                    onClick: hideAll,
+                                    className: "text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline",
+                                    children: labels.columnsHideAll
                                 })
                             ]
                         })
-                    }, field);
+                    ]
+                }),
+                jsx("ul", {
+                    className: "flex flex-col gap-0.5 max-h-72 overflow-auto",
+                    children: hideableCols.map((col)=>{
+                        const field = col.field;
+                        const hidden = hiddenColumns.includes(field);
+                        const header = typeof col.header === 'function' ? col.header() : col.header;
+                        return jsx("li", {
+                            children: jsxs("label", {
+                                className: "flex items-center gap-2 cursor-pointer py-1 px-1 rounded hover:bg-neutral-100",
+                                children: [
+                                    jsx("input", {
+                                        type: "checkbox",
+                                        checked: !hidden,
+                                        onChange: ()=>toggle(field),
+                                        className: "cursor-pointer"
+                                    }),
+                                    jsx("span", {
+                                        className: "text-sm text-neutral-900",
+                                        children: header
+                                    })
+                                ]
+                            })
+                        }, field);
+                    })
                 })
-            }),
-            jsx("div", {
-                className: "flex justify-end gap-2 pt-2 border-t border-neutral-200",
-                children: jsx("button", {
-                    type: "button",
-                    onClick: ()=>{
-                        onChange(draft);
-                        onDone();
-                    },
-                    className: "text-sm bg-primary-500 text-white rounded-md hover:bg-primary-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 px-3 py-1.5",
-                    children: labels.columnsDone
+            ]
+        }),
+        children: jsxs("button", {
+            type: "button",
+            disabled: disabled,
+            className: cn('inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md', 'text-sm text-neutral-700 hover:text-neutral-900', 'border border-neutral-300 bg-neutral-50 hover:bg-neutral-100', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500', 'transition-colors motion-reduce:transition-none', 'disabled:opacity-50 disabled:cursor-not-allowed'),
+            children: [
+                jsx(ColumnsIcon, {}),
+                jsx("span", {
+                    children: labels.columnsButton
                 })
-            })
-        ]
+            ]
+        })
     });
 }
 // ───── Icon ─────
@@ -10550,11 +10519,9 @@ const DEFAULT_LABELS = {
     densityComfortable: 'Comfortable',
     densitySpacious: 'Spacious',
     columnsButton: 'Columns',
-    columnsTitle: 'Manage columns',
-    columnsDescription: 'Show or hide columns. Required columns cannot be toggled.',
+    columnsTitle: 'Toggle columns',
     columnsShowAll: 'Show all',
-    columnsHideAll: 'Hide all',
-    columnsDone: 'Done'
+    columnsHideAll: 'Hide all'
 };
 /**
  * Dashforge TW `<DataGrid>` — virtualized data table.
@@ -10805,7 +10772,7 @@ const DEFAULT_LABELS = {
                         ]
                     }),
                     enableColumnVisibility && jsx(ColumnVisibilityTrigger, {
-                        cols: cols.filter((c)=>// RBAC-hidden columns are never offered in the dialog.
+                        cols: cols.filter((c)=>// RBAC-hidden columns are never offered in the menu.
                             !c.access || c.access.onUnauthorized !== 'hide'),
                         hiddenColumns: hiddenColumns,
                         onChange: setHiddenColumns,
@@ -10813,10 +10780,8 @@ const DEFAULT_LABELS = {
                         labels: {
                             columnsButton: labels.columnsButton,
                             columnsTitle: labels.columnsTitle,
-                            columnsDescription: labels.columnsDescription,
                             columnsShowAll: labels.columnsShowAll,
-                            columnsHideAll: labels.columnsHideAll,
-                            columnsDone: labels.columnsDone
+                            columnsHideAll: labels.columnsHideAll
                         }
                     })
                 ]

package/dist/src/components/DataGrid/DataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AA6CzD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,kDAohBjE"}
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AA0CzD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,kDAkhBjE"}

package/dist/src/components/DataGrid/visibility/ColumnVisibilityMenu.d.ts

@@ -0,0 +1,40 @@
+import type { TableColumn } from '../../Table/table.types.js';
+/**
+ * Column visibility menu for DataGrid.
+ *
+ * Renders a toolbar button (the trigger) that opens a `<Popover>`
+ * with one checkbox per `hideable` column. Auto-commits on every
+ * toggle — there's no draft / commit step. Outside-click and Esc
+ * close the popover (Radix-managed).
+ *
+ * UX rationale for Popover-over-Dialog:
+ *  - Lightweight, non-modal: the user can keep referring to the grid
+ *    while picking columns. A modal Dialog would interrupt the flow.
+ *  - Auto-commit reads as a "settings panel" rather than a
+ *    "configuration form" — matches AG-Grid / MUI DataGrid v6 /
+ *    TanStack examples.
+ *  - No focus trap on the rest of the page; the user can scroll the
+ *    grid or click the column resize handles without dismissing the
+ *    panel first.
+ *
+ * Columns with `hideable: false` are NEVER shown in the menu —
+ * those are considered structurally required (e.g. an ID column).
+ *
+ * RBAC-hidden columns (`access.onUnauthorized === 'hide'`) are also
+ * excluded — they're already removed from `visibleCols` upstream.
+ */
+export interface ColumnVisibilityLabels {
+    columnsButton?: string;
+    columnsTitle?: string;
+    columnsShowAll?: string;
+    columnsHideAll?: string;
+}
+export interface ColumnVisibilityTriggerProps<T extends object> {
+    cols: TableColumn<T>[];
+    hiddenColumns: string[];
+    onChange: (next: string[]) => void;
+    disabled?: boolean;
+    labels?: ColumnVisibilityLabels;
+}
+export declare function ColumnVisibilityTrigger<T extends object>(props: ColumnVisibilityTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColumnVisibilityMenu.d.ts.map

package/dist/src/components/DataGrid/visibility/ColumnVisibilityMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnVisibilityMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/DataGrid/visibility/ColumnVisibilityMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,WAAW,sBAAsB;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AASD,MAAM,WAAW,4BAA4B,CAAC,CAAC,SAAS,MAAM;IAC5D,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,2CA6FvC"}

package/dist/src/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,UAAU,EAKX,MAAM,kBAAkB,CAAC;AAwC1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kDAgW3D"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,UAAU,EAKX,MAAM,kBAAkB,CAAC;AAqC1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kDAgW3D"}

package/dist/src/components/Table/table.types.d.ts

@@ -245,13 +245,11 @@ export interface TableLabels {
     densityCompact?: string;
     densityComfortable?: string;
     densitySpacious?: string;
-    /** Column visibility dialog. */
+    /** Column visibility menu (Popover-based, auto-commit). */
     columnsButton?: string;
     columnsTitle?: string;
-    columnsDescription?: string;
     columnsShowAll?: string;
     columnsHideAll?: string;
-    columnsDone?: string;
 }
 export interface TableSlotProps {
     root?: {

package/dist/src/components/Table/table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;KACzC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,SAAS,GAC/D,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,CAAC,OAAO,CAAC,GACjC,GAAG,CAAC,EAAE,GACN,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAC9B,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACjD,GAAG,CAAC,EAAE,GACV,GAAG,CAAC,EAAE;CACX,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAI/B;;;;;;;GAOG;AACH,MAAM,MAAM,uBAAuB,GAC/B,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAC1E;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM;IAC3C;;;;OAIG;IACH,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEtC;;;;OAIG;IACH,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;IAEnC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEpC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAE9C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAEvD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAID,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,EAAE,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,mBAAmB,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,eAAe,EAAE,CAAC;AAEjD;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAInE;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,GAAG,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,cAAc,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,aAAa,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,WAAW,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,cAAc,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,gBAAgB,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAID,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAC1C,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAE3D,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAG7C,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAGlC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAGnD,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,mEAAmE;IACnE,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC;IAG/C,UAAU,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAGtC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAGnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IAGvB,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAG3B,MAAM,CAAC,EAAE,WAAW,CAAC;IAGrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dashforge/tw",
-  "version": "0.8.0-beta",
+  "version": "0.8.1-beta",
   "private": false,
   "type": "module",
   "main": "./dist/index.esm.js",
@@ -31,12 +31,12 @@
     "tailwind-variants": "^3.1.1",
     "vitest": "*",
     "@dashforge/forms": "0.2.3-beta",
-    "@dashforge/ui-core": "0.2.3-beta",
-    "@dashforge/rbac": "0.2.3-beta"
+    "@dashforge/rbac": "0.2.3-beta",
+    "@dashforge/ui-core": "0.2.3-beta"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "@dashforge/tw-tokens": "0.1.0-beta",
-    "@dashforge/tw-theme": "0.1.0-beta"
+    "@dashforge/tw-theme": "0.1.0-beta",
+    "@dashforge/tw-tokens": "0.1.0-beta"
   }
 }

package/src/components/DataGrid/DataGrid.test.tsx

@@ -667,11 +667,11 @@ describe('DataGrid — column visibility', () => {
     expect(screen.queryByRole('button', { name: 'Columns' })).toBeNull();
   });
 
-  it('opens dialog with one checkbox per hideable column', () => {
+  it('opens a popover menu with one checkbox per hideable column', () => {
     const cols: TableColumn<User>[] = [
       { field: 'name', header: 'Name' },
       { field: 'email', header: 'Email' },
-      // hideable: false → not shown in the dialog (structurally required)
+      // hideable: false → not shown in the menu (structurally required)
       { field: 'age', header: 'Age', hideable: false },
     ];
     render(
@@ -684,16 +684,13 @@ describe('DataGrid — column visibility', () => {
       />,
     );
     fireEvent.click(screen.getByRole('button', { name: 'Columns' }));
+    // Radix Popover content has role="dialog" too.
     expect(screen.queryByRole('dialog')).not.toBeNull();
-    // The dialog should expose checkboxes for Name + Email (not Age).
-    const labels = screen.getAllByText(/Name|Email|Age/);
-    // Name + Email appear in BOTH the table header and the dialog; Age
-    // appears only in the header (hideable=false → excluded from dialog).
-    const dialog = screen.getByRole('dialog');
-    expect(dialog.textContent).toContain('Name');
-    expect(dialog.textContent).toContain('Email');
-    expect(dialog.textContent).not.toContain('Age');
-    void labels;
+    // The menu should expose checkboxes for Name + Email (not Age).
+    const menu = screen.getByRole('dialog');
+    expect(menu.textContent).toContain('Name');
+    expect(menu.textContent).toContain('Email');
+    expect(menu.textContent).not.toContain('Age');
   });
 
   it('respects col.defaultHidden on first render', () => {
@@ -716,7 +713,7 @@ describe('DataGrid — column visibility', () => {
     expect(screen.queryByText('Name')).not.toBeNull();
   });
 
-  it('toggling a column hides it from the table after Done', () => {
+  it('toggling a column auto-commits via onHiddenColumnsChange (no Done button)', () => {
     const onHiddenColumnsChange = vi.fn();
     render(
       <DataGrid
@@ -729,18 +726,17 @@ describe('DataGrid — column visibility', () => {
       />,
     );
     fireEvent.click(screen.getByRole('button', { name: 'Columns' }));
-    // Uncheck "Email" inside the dialog
-    const dialog = screen.getByRole('dialog');
+    // Uncheck "Email" inside the popover menu
+    const menu = screen.getByRole('dialog');
     const emailCheckbox = Array.from(
-      dialog.querySelectorAll('input[type="checkbox"]'),
+      menu.querySelectorAll('input[type="checkbox"]'),
     ).find((el) => {
       const li = el.closest('label');
       return li?.textContent?.includes('Email');
     }) as HTMLInputElement | undefined;
     expect(emailCheckbox).toBeDefined();
     fireEvent.click(emailCheckbox!);
-    // Commit via Done
-    fireEvent.click(screen.getByRole('button', { name: 'Done' }));
+    // Auto-commit on toggle — no Done button anymore
     expect(onHiddenColumnsChange).toHaveBeenCalledWith(['email']);
   });
 

package/src/components/DataGrid/DataGrid.tsx

@@ -33,7 +33,7 @@ import type {
 } from '../Table/table.types.js';
 import type { DataGridProps } from './dataGrid.types.js';
 import { ColumnFilterTrigger } from './filters/ColumnFilters.js';
-import { ColumnVisibilityTrigger } from './visibility/ColumnVisibilityDialog.js';
+import { ColumnVisibilityTrigger } from './visibility/ColumnVisibilityMenu.js';
 import { useColumnResize } from './resize/useColumnResize.js';
 import {
   useColumnReorder,
@@ -68,12 +68,9 @@ const DEFAULT_LABELS: Required<TableLabels> = {
   densityComfortable: 'Comfortable',
   densitySpacious: 'Spacious',
   columnsButton: 'Columns',
-  columnsTitle: 'Manage columns',
-  columnsDescription:
-    'Show or hide columns. Required columns cannot be toggled.',
+  columnsTitle: 'Toggle columns',
   columnsShowAll: 'Show all',
   columnsHideAll: 'Hide all',
-  columnsDone: 'Done',
 };
 
 /**
@@ -414,7 +411,7 @@ export function DataGrid<T extends object>(props: DataGridProps<T>) {
             <ColumnVisibilityTrigger
               cols={cols.filter(
                 (c) =>
-                  // RBAC-hidden columns are never offered in the dialog.
+                  // RBAC-hidden columns are never offered in the menu.
                   !c.access || c.access.onUnauthorized !== 'hide',
               )}
               hiddenColumns={hiddenColumns}
@@ -423,10 +420,8 @@ export function DataGrid<T extends object>(props: DataGridProps<T>) {
               labels={{
                 columnsButton: labels.columnsButton,
                 columnsTitle: labels.columnsTitle,
-                columnsDescription: labels.columnsDescription,
                 columnsShowAll: labels.columnsShowAll,
                 columnsHideAll: labels.columnsHideAll,
-                columnsDone: labels.columnsDone,
               }}
             />
           )}

package/src/components/DataGrid/visibility/ColumnVisibilityMenu.tsx

@@ -0,0 +1,169 @@
+import { useState, type ReactNode } from 'react';
+import { Popover } from '../../Popover/Popover.js';
+import { cn } from '../../../utils/cn.js';
+import type { TableColumn } from '../../Table/table.types.js';
+
+/**
+ * Column visibility menu for DataGrid.
+ *
+ * Renders a toolbar button (the trigger) that opens a `<Popover>`
+ * with one checkbox per `hideable` column. Auto-commits on every
+ * toggle — there's no draft / commit step. Outside-click and Esc
+ * close the popover (Radix-managed).
+ *
+ * UX rationale for Popover-over-Dialog:
+ *  - Lightweight, non-modal: the user can keep referring to the grid
+ *    while picking columns. A modal Dialog would interrupt the flow.
+ *  - Auto-commit reads as a "settings panel" rather than a
+ *    "configuration form" — matches AG-Grid / MUI DataGrid v6 /
+ *    TanStack examples.
+ *  - No focus trap on the rest of the page; the user can scroll the
+ *    grid or click the column resize handles without dismissing the
+ *    panel first.
+ *
+ * Columns with `hideable: false` are NEVER shown in the menu —
+ * those are considered structurally required (e.g. an ID column).
+ *
+ * RBAC-hidden columns (`access.onUnauthorized === 'hide'`) are also
+ * excluded — they're already removed from `visibleCols` upstream.
+ */
+
+export interface ColumnVisibilityLabels {
+  columnsButton?: string;
+  columnsTitle?: string;
+  columnsShowAll?: string;
+  columnsHideAll?: string;
+}
+
+const DEFAULT_VISIBILITY_LABELS: Required<ColumnVisibilityLabels> = {
+  columnsButton: 'Columns',
+  columnsTitle: 'Toggle columns',
+  columnsShowAll: 'Show all',
+  columnsHideAll: 'Hide all',
+};
+
+export interface ColumnVisibilityTriggerProps<T extends object> {
+  cols: TableColumn<T>[];
+  hiddenColumns: string[];
+  onChange: (next: string[]) => void;
+  disabled?: boolean;
+  labels?: ColumnVisibilityLabels;
+}
+
+export function ColumnVisibilityTrigger<T extends object>(
+  props: ColumnVisibilityTriggerProps<T>,
+) {
+  const { cols, hiddenColumns, onChange, disabled, labels: labelsProp } = props;
+  const labels = { ...DEFAULT_VISIBILITY_LABELS, ...labelsProp };
+  const [open, setOpen] = useState(false);
+
+  // Hideable cols are the only ones the user can toggle. `hideable`
+  // defaults to `true` — a column is hideable unless explicitly opted
+  // out with `hideable: false` (structurally required column).
+  const hideableCols = cols.filter((c) => c.hideable !== false);
+
+  const toggle = (field: string) => {
+    onChange(
+      hiddenColumns.includes(field)
+        ? hiddenColumns.filter((f) => f !== field)
+        : [...hiddenColumns, field],
+    );
+  };
+
+  const showAll = () => onChange([]);
+  const hideAll = () => onChange(hideableCols.map((c) => c.field as string));
+
+  return (
+    <Popover
+      open={open}
+      onOpenChange={setOpen}
+      side="bottom"
+      align="end"
+      content={
+        <div className="flex flex-col gap-2 min-w-[220px]">
+          <div className="flex items-center justify-between pb-2 border-b border-neutral-200">
+            <span className="text-xs font-semibold text-neutral-700 uppercase tracking-wide">
+              {labels.columnsTitle}
+            </span>
+            <div className="flex items-center gap-2">
+              <button
+                type="button"
+                onClick={showAll}
+                className="text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline"
+              >
+                {labels.columnsShowAll}
+              </button>
+              <span className="text-neutral-300" aria-hidden="true">·</span>
+              <button
+                type="button"
+                onClick={hideAll}
+                className="text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline"
+              >
+                {labels.columnsHideAll}
+              </button>
+            </div>
+          </div>
+          <ul className="flex flex-col gap-0.5 max-h-72 overflow-auto">
+            {hideableCols.map((col) => {
+              const field = col.field as string;
+              const hidden = hiddenColumns.includes(field);
+              const header =
+                typeof col.header === 'function' ? col.header() : col.header;
+              return (
+                <li key={field}>
+                  <label className="flex items-center gap-2 cursor-pointer py-1 px-1 rounded hover:bg-neutral-100">
+                    <input
+                      type="checkbox"
+                      checked={!hidden}
+                      onChange={() => toggle(field)}
+                      className="cursor-pointer"
+                    />
+                    <span className="text-sm text-neutral-900">{header}</span>
+                  </label>
+                </li>
+              );
+            })}
+          </ul>
+        </div>
+      }
+    >
+      <button
+        type="button"
+        disabled={disabled}
+        className={cn(
+          'inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md',
+          'text-sm text-neutral-700 hover:text-neutral-900',
+          'border border-neutral-300 bg-neutral-50 hover:bg-neutral-100',
+          'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500',
+          'transition-colors motion-reduce:transition-none',
+          'disabled:opacity-50 disabled:cursor-not-allowed',
+        )}
+      >
+        <ColumnsIcon />
+        <span>{labels.columnsButton}</span>
+      </button>
+    </Popover>
+  );
+}
+
+// ───── Icon ─────
+
+function ColumnsIcon(): ReactNode {
+  return (
+    <svg
+      width="0.875em"
+      height="0.875em"
+      viewBox="0 0 16 16"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden="true"
+    >
+      <rect x="2" y="3" width="3.5" height="10" rx="0.5" />
+      <rect x="6.25" y="3" width="3.5" height="10" rx="0.5" />
+      <rect x="10.5" y="3" width="3.5" height="10" rx="0.5" />
+    </svg>
+  );
+}

package/src/components/Table/Table.tsx

@@ -52,12 +52,9 @@ const DEFAULT_LABELS: Required<TableLabels> = {
   densityComfortable: 'Comfortable',
   densitySpacious: 'Spacious',
   columnsButton: 'Columns',
-  columnsTitle: 'Manage columns',
-  columnsDescription:
-    'Show or hide columns. Required columns cannot be toggled.',
+  columnsTitle: 'Toggle columns',
   columnsShowAll: 'Show all',
   columnsHideAll: 'Hide all',
-  columnsDone: 'Done',
 };
 
 const DEFAULT_GET_ROW_ID = <T extends object>(_row: T, index: number) => String(index);

package/src/components/Table/table.types.ts

@@ -288,13 +288,11 @@ export interface TableLabels {
   densityCompact?: string;
   densityComfortable?: string;
   densitySpacious?: string;
-  /** Column visibility dialog. */
+  /** Column visibility menu (Popover-based, auto-commit). */
   columnsButton?: string;
   columnsTitle?: string;
-  columnsDescription?: string;
   columnsShowAll?: string;
   columnsHideAll?: string;
-  columnsDone?: string;
 }
 
 // ───── Slot props ─────

package/dist/src/components/DataGrid/visibility/ColumnVisibilityDialog.d.ts

@@ -1,33 +0,0 @@
-import type { TableColumn } from '../../Table/table.types.js';
-/**
- * Column visibility dialog for DataGrid.
- *
- * Renders a toolbar button (the trigger) that opens a `<Dialog>` with
- * one checkbox per `hideable` column. The consumer can:
- *  - Show/hide individual columns
- *  - "Show all" / "Hide all" shortcuts
- *  - Persist visibility via the controllable `hiddenColumns` model
- *
- * Columns with `hideable: false` are NEVER shown in the dialog —
- * those are considered structurally required (e.g. an ID column).
- *
- * RBAC-hidden columns (`access.onUnauthorized === 'hide'`) are also
- * excluded — they're already removed from `visibleCols` upstream.
- */
-export interface ColumnVisibilityLabels {
-    columnsButton?: string;
-    columnsTitle?: string;
-    columnsDescription?: string;
-    columnsShowAll?: string;
-    columnsHideAll?: string;
-    columnsDone?: string;
-}
-export interface ColumnVisibilityTriggerProps<T extends object> {
-    cols: TableColumn<T>[];
-    hiddenColumns: string[];
-    onChange: (next: string[]) => void;
-    disabled?: boolean;
-    labels?: ColumnVisibilityLabels;
-}
-export declare function ColumnVisibilityTrigger<T extends object>(props: ColumnVisibilityTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ColumnVisibilityDialog.d.ts.map

package/dist/src/components/DataGrid/visibility/ColumnVisibilityDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnVisibilityDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/DataGrid/visibility/ColumnVisibilityDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,sBAAsB;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAWD,MAAM,WAAW,4BAA4B,CAAC,CAAC,SAAS,MAAM;IAC5D,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,2CA8CvC"}

package/src/components/DataGrid/visibility/ColumnVisibilityDialog.tsx

@@ -1,200 +0,0 @@
-import { useState, useEffect, type ReactNode } from 'react';
-import { Dialog } from '../../Dialog/Dialog.js';
-import { cn } from '../../../utils/cn.js';
-import type { TableColumn } from '../../Table/table.types.js';
-
-/**
- * Column visibility dialog for DataGrid.
- *
- * Renders a toolbar button (the trigger) that opens a `<Dialog>` with
- * one checkbox per `hideable` column. The consumer can:
- *  - Show/hide individual columns
- *  - "Show all" / "Hide all" shortcuts
- *  - Persist visibility via the controllable `hiddenColumns` model
- *
- * Columns with `hideable: false` are NEVER shown in the dialog —
- * those are considered structurally required (e.g. an ID column).
- *
- * RBAC-hidden columns (`access.onUnauthorized === 'hide'`) are also
- * excluded — they're already removed from `visibleCols` upstream.
- */
-
-export interface ColumnVisibilityLabels {
-  columnsButton?: string;
-  columnsTitle?: string;
-  columnsDescription?: string;
-  columnsShowAll?: string;
-  columnsHideAll?: string;
-  columnsDone?: string;
-}
-
-const DEFAULT_VISIBILITY_LABELS: Required<ColumnVisibilityLabels> = {
-  columnsButton: 'Columns',
-  columnsTitle: 'Manage columns',
-  columnsDescription: 'Show or hide columns. Required columns cannot be toggled.',
-  columnsShowAll: 'Show all',
-  columnsHideAll: 'Hide all',
-  columnsDone: 'Done',
-};
-
-export interface ColumnVisibilityTriggerProps<T extends object> {
-  cols: TableColumn<T>[];
-  hiddenColumns: string[];
-  onChange: (next: string[]) => void;
-  disabled?: boolean;
-  labels?: ColumnVisibilityLabels;
-}
-
-export function ColumnVisibilityTrigger<T extends object>(
-  props: ColumnVisibilityTriggerProps<T>,
-) {
-  const { cols, hiddenColumns, onChange, disabled, labels: labelsProp } = props;
-  const labels = { ...DEFAULT_VISIBILITY_LABELS, ...labelsProp };
-  const [open, setOpen] = useState(false);
-
-  // Hideable cols are the only ones the user can toggle. `hideable`
-  // defaults to `true` — a column is hideable unless explicitly opted
-  // out with `hideable: false` (structurally required column).
-  const hideableCols = cols.filter((c) => c.hideable !== false);
-
-  return (
-    <>
-      <button
-        type="button"
-        onClick={() => setOpen(true)}
-        disabled={disabled}
-        className={cn(
-          'inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md',
-          'text-sm text-neutral-700 hover:text-neutral-900',
-          'border border-neutral-300 bg-neutral-50 hover:bg-neutral-100',
-          'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500',
-          'transition-colors motion-reduce:transition-none',
-          'disabled:opacity-50 disabled:cursor-not-allowed',
-        )}
-      >
-        <ColumnsIcon />
-        <span>{labels.columnsButton}</span>
-      </button>
-      <Dialog
-        open={open}
-        onOpenChange={setOpen}
-        title={labels.columnsTitle}
-        description={labels.columnsDescription}
-        size="sm"
-      >
-        <ColumnVisibilityBody
-          cols={hideableCols}
-          hiddenColumns={hiddenColumns}
-          onChange={onChange}
-          onDone={() => setOpen(false)}
-          labels={labels}
-        />
-      </Dialog>
-    </>
-  );
-}
-
-// ───── Dialog body ─────
-
-function ColumnVisibilityBody<T extends object>(props: {
-  cols: TableColumn<T>[];
-  hiddenColumns: string[];
-  onChange: (next: string[]) => void;
-  onDone: () => void;
-  labels: Required<ColumnVisibilityLabels>;
-}) {
-  const { cols, hiddenColumns, onChange, onDone, labels } = props;
-  // Local draft so the user can stage changes; commit on Done.
-  const [draft, setDraft] = useState<string[]>(hiddenColumns);
-
-  // Re-sync when the dialog re-opens with a different external state.
-  useEffect(() => {
-    setDraft(hiddenColumns);
-  }, [hiddenColumns]);
-
-  const toggle = (field: string) => {
-    setDraft((prev) =>
-      prev.includes(field) ? prev.filter((f) => f !== field) : [...prev, field],
-    );
-  };
-
-  const showAll = () => setDraft([]);
-  const hideAll = () => setDraft(cols.map((c) => c.field as string));
-
-  return (
-    <div className="flex flex-col gap-3">
-      <div className="flex items-center gap-2 pb-2 border-b border-neutral-200">
-        <button
-          type="button"
-          onClick={showAll}
-          className="text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline"
-        >
-          {labels.columnsShowAll}
-        </button>
-        <span className="text-neutral-300">·</span>
-        <button
-          type="button"
-          onClick={hideAll}
-          className="text-xs text-neutral-600 hover:text-neutral-900 underline-offset-2 hover:underline focus:outline-none focus-visible:underline"
-        >
-          {labels.columnsHideAll}
-        </button>
-      </div>
-      <ul className="flex flex-col gap-1.5 max-h-72 overflow-auto">
-        {cols.map((col) => {
-          const field = col.field as string;
-          const hidden = draft.includes(field);
-          const header =
-            typeof col.header === 'function' ? col.header() : col.header;
-          return (
-            <li key={field}>
-              <label className="flex items-center gap-2 cursor-pointer py-1 px-1 rounded hover:bg-neutral-100">
-                <input
-                  type="checkbox"
-                  checked={!hidden}
-                  onChange={() => toggle(field)}
-                  className="cursor-pointer"
-                />
-                <span className="text-sm text-neutral-900">{header}</span>
-              </label>
-            </li>
-          );
-        })}
-      </ul>
-      <div className="flex justify-end gap-2 pt-2 border-t border-neutral-200">
-        <button
-          type="button"
-          onClick={() => {
-            onChange(draft);
-            onDone();
-          }}
-          className="text-sm bg-primary-500 text-white rounded-md hover:bg-primary-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 px-3 py-1.5"
-        >
-          {labels.columnsDone}
-        </button>
-      </div>
-    </div>
-  );
-}
-
-// ───── Icon ─────
-
-function ColumnsIcon(): ReactNode {
-  return (
-    <svg
-      width="0.875em"
-      height="0.875em"
-      viewBox="0 0 16 16"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      aria-hidden="true"
-    >
-      <rect x="2" y="3" width="3.5" height="10" rx="0.5" />
-      <rect x="6.25" y="3" width="3.5" height="10" rx="0.5" />
-      <rect x="10.5" y="3" width="3.5" height="10" rx="0.5" />
-    </svg>
-  );
-}