@acronis-platform/ui-react 3.0.0 → 4.1.0

package/dist/components/ui/data-table/data-table-pagination.js

@@ -1,90 +1,85 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { ChevronFirstIcon as h, ChevronLeftIcon as u, ChevronRightIcon as x, ChevronLastIcon as f } from "@acronis-platform/icons-react/stroke-mono";
-import { InputSelect as v, InputSelectTrigger as C, InputSelectValue as I, InputSelectContent as N, InputSelectItem as P } from "../input-select/input-select.js";
-import { ButtonIcon as i } from "../button-icon/button-icon.js";
-function j({
-  table: e,
-  pageSizeOptions: o = [10, 20, 30, 40, 50],
-  rowsPerPageLabel: l = "Rows per page",
-  firstPageLabel: s = "Go to first page",
-  previousPageLabel: c = "Go to previous page",
-  nextPageLabel: d = "Go to next page",
-  lastPageLabel: g = "Go to last page",
-  pageLabel: m = (t, r) => `Page ${t} of ${r}`,
-  summaryLabel: p = (t, r) => `${t} of ${r} row(s) selected.`
-}) {
-  return /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-2", children: [
-    /* @__PURE__ */ n("div", { className: "flex-1 text-sm text-muted-foreground", children: p(
-      e.getFilteredSelectedRowModel().rows.length,
-      e.getFilteredRowModel().rows.length
-    ) }),
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-6 lg:gap-8", children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ n("p", { className: "text-sm font-medium", children: l }),
-        /* @__PURE__ */ a(
-          v,
-          {
-            value: `${e.getState().pagination.pageSize}`,
-            onValueChange: (t) => e.setPageSize(Number(t)),
-            children: [
-              /* @__PURE__ */ n(C, { "aria-label": l, className: "h-8 w-[70px]", children: /* @__PURE__ */ n(I, {}) }),
-              /* @__PURE__ */ n(N, { children: o.map((t) => /* @__PURE__ */ n(P, { value: `${t}`, children: t }, t)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ n("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: m(
-        e.getState().pagination.pageIndex + 1,
-        e.getPageCount()
-      ) }),
-      /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ n(
-          i,
-          {
-            variant: "secondary",
-            "aria-label": s,
-            className: "hidden lg:inline-flex",
-            onClick: () => e.setPageIndex(0),
-            disabled: !e.getCanPreviousPage(),
-            children: /* @__PURE__ */ n(h, {})
-          }
-        ),
-        /* @__PURE__ */ n(
-          i,
-          {
-            variant: "secondary",
-            "aria-label": c,
-            onClick: () => e.previousPage(),
-            disabled: !e.getCanPreviousPage(),
-            children: /* @__PURE__ */ n(u, {})
-          }
-        ),
-        /* @__PURE__ */ n(
-          i,
-          {
-            variant: "secondary",
-            "aria-label": d,
-            onClick: () => e.nextPage(),
-            disabled: !e.getCanNextPage(),
-            children: /* @__PURE__ */ n(x, {})
-          }
-        ),
-        /* @__PURE__ */ n(
-          i,
-          {
-            variant: "secondary",
-            "aria-label": g,
-            className: "hidden lg:inline-flex",
-            onClick: () => e.setPageIndex(e.getPageCount() - 1),
-            disabled: !e.getCanNextPage(),
-            children: /* @__PURE__ */ n(f, {})
-          }
-        )
-      ] })
-    ] })
-  ] });
+import { ButtonIcon as e } from "../button-icon/button-icon.js";
+import { InputSelect as t, InputSelectContent as n, InputSelectItem as r, InputSelectTrigger as i, InputSelectValue as a } from "../input-select/input-select.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChevronFirstIcon as c, ChevronLastIcon as l, ChevronLeftIcon as u, ChevronRightIcon as d } from "@acronis-platform/icons-react/stroke-mono";
+//#region src/components/ui/data-table/data-table-pagination.tsx
+function f({ table: f, pageSizeOptions: p = [
+	10,
+	20,
+	30,
+	40,
+	50
+], rowsPerPageLabel: m = "Rows per page", firstPageLabel: h = "Go to first page", previousPageLabel: g = "Go to previous page", nextPageLabel: _ = "Go to next page", lastPageLabel: v = "Go to last page", pageLabel: y = (e, t) => `Page ${e} of ${t}`, summaryLabel: b = (e, t) => `${e} of ${t} row(s) selected.` }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-between px-2",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex-1 text-sm text-muted-foreground",
+			children: b(f.getFilteredSelectedRowModel().rows.length, f.getFilteredRowModel().rows.length)
+		}), /* @__PURE__ */ s("div", {
+			className: "flex items-center gap-6 lg:gap-8",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ o("p", {
+						className: "text-sm font-medium",
+						children: m
+					}), /* @__PURE__ */ s(t, {
+						value: `${f.getState().pagination.pageSize}`,
+						onValueChange: (e) => f.setPageSize(Number(e)),
+						children: [/* @__PURE__ */ o(i, {
+							"aria-label": m,
+							className: "h-8 w-[70px]",
+							children: /* @__PURE__ */ o(a, {})
+						}), /* @__PURE__ */ o(n, { children: p.map((e) => /* @__PURE__ */ o(r, {
+							value: `${e}`,
+							children: e
+						}, e)) })]
+					})]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "flex w-[100px] items-center justify-center text-sm font-medium",
+					children: y(f.getState().pagination.pageIndex + 1, f.getPageCount())
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ o(e, {
+							variant: "secondary",
+							"aria-label": h,
+							className: "hidden lg:inline-flex",
+							onClick: () => f.setPageIndex(0),
+							disabled: !f.getCanPreviousPage(),
+							children: /* @__PURE__ */ o(c, {})
+						}),
+						/* @__PURE__ */ o(e, {
+							variant: "secondary",
+							"aria-label": g,
+							onClick: () => f.previousPage(),
+							disabled: !f.getCanPreviousPage(),
+							children: /* @__PURE__ */ o(u, {})
+						}),
+						/* @__PURE__ */ o(e, {
+							variant: "secondary",
+							"aria-label": _,
+							onClick: () => f.nextPage(),
+							disabled: !f.getCanNextPage(),
+							children: /* @__PURE__ */ o(d, {})
+						}),
+						/* @__PURE__ */ o(e, {
+							variant: "secondary",
+							"aria-label": v,
+							className: "hidden lg:inline-flex",
+							onClick: () => f.setPageIndex(f.getPageCount() - 1),
+							disabled: !f.getCanNextPage(),
+							children: /* @__PURE__ */ o(l, {})
+						})
+					]
+				})
+			]
+		})]
+	});
 }
-export {
-  j as DataTablePagination
-};
-//# sourceMappingURL=data-table-pagination.js.map
+//#endregion
+export { f as DataTablePagination };
+
+//# sourceMappingURL=data-table-pagination.js.map

package/dist/components/ui/data-table/data-table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\nimport {\n  ChevronFirstIcon,\n  ChevronLastIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\n\nimport { ButtonIcon } from '../button-icon';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../select';\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>;\n  /** Page-size options offered in the rows-per-page select. */\n  pageSizeOptions?: number[];\n  /** Label of the rows-per-page select (also its accessible name). */\n  rowsPerPageLabel?: string;\n  /** Accessible name of the first-page control. */\n  firstPageLabel?: string;\n  /** Accessible name of the previous-page control. */\n  previousPageLabel?: string;\n  /** Accessible name of the next-page control. */\n  nextPageLabel?: string;\n  /** Accessible name of the last-page control. */\n  lastPageLabel?: string;\n  /** Builds the page indicator from the 1-based page number and page count. */\n  pageLabel?: (page: number, pageCount: number) => string;\n  /** Builds the leading selection summary from the selected and total counts. */\n  summaryLabel?: (selectedRows: number, totalRows: number) => string;\n}\n\nexport function DataTablePagination<TData>({\n  table,\n  pageSizeOptions = [10, 20, 30, 40, 50],\n  rowsPerPageLabel = 'Rows per page',\n  firstPageLabel = 'Go to first page',\n  previousPageLabel = 'Go to previous page',\n  nextPageLabel = 'Go to next page',\n  lastPageLabel = 'Go to last page',\n  pageLabel = (page, count) => `Page ${page} of ${count}`,\n  summaryLabel = (selected, total) => `${selected} of ${total} row(s) selected.`,\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {summaryLabel(\n          table.getFilteredSelectedRowModel().rows.length,\n          table.getFilteredRowModel().rows.length\n        )}\n      </div>\n      <div className=\"flex items-center gap-6 lg:gap-8\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"text-sm font-medium\">{rowsPerPageLabel}</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => table.setPageSize(Number(value))}\n          >\n            <SelectTrigger aria-label={rowsPerPageLabel} className=\"h-8 w-[70px]\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {pageSizeOptions.map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          {pageLabel(\n            table.getState().pagination.pageIndex + 1,\n            table.getPageCount()\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={firstPageLabel}\n            className=\"hidden lg:inline-flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronFirstIcon />\n          </ButtonIcon>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={previousPageLabel}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronLeftIcon />\n          </ButtonIcon>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={nextPageLabel}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronRightIcon />\n          </ButtonIcon>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={lastPageLabel}\n            className=\"hidden lg:inline-flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronLastIcon />\n          </ButtonIcon>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["DataTablePagination","table","pageSizeOptions","rowsPerPageLabel","firstPageLabel","previousPageLabel","nextPageLabel","lastPageLabel","pageLabel","page","count","summaryLabel","selected","total","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","ButtonIcon","ChevronFirstIcon","ChevronLeftIcon","ChevronRightIcon","ChevronLastIcon"],"mappings":"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"}
+{"version":3,"file":"data-table-pagination.js","names":[],"sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\nimport {\n  ChevronFirstIcon,\n  ChevronLastIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\n\nimport { ButtonIcon } from '../button-icon';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../select';\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>;\n  /** Page-size options offered in the rows-per-page select. */\n  pageSizeOptions?: number[];\n  /** Label of the rows-per-page select (also its accessible name). */\n  rowsPerPageLabel?: string;\n  /** Accessible name of the first-page control. */\n  firstPageLabel?: string;\n  /** Accessible name of the previous-page control. */\n  previousPageLabel?: string;\n  /** Accessible name of the next-page control. */\n  nextPageLabel?: string;\n  /** Accessible name of the last-page control. */\n  lastPageLabel?: string;\n  /** Builds the page indicator from the 1-based page number and page count. */\n  pageLabel?: (page: number, pageCount: number) => string;\n  /** Builds the leading selection summary from the selected and total counts. */\n  summaryLabel?: (selectedRows: number, totalRows: number) => string;\n}\n\nexport function DataTablePagination<TData>({\n  table,\n  pageSizeOptions = [10, 20, 30, 40, 50],\n  rowsPerPageLabel = 'Rows per page',\n  firstPageLabel = 'Go to first page',\n  previousPageLabel = 'Go to previous page',\n  nextPageLabel = 'Go to next page',\n  lastPageLabel = 'Go to last page',\n  pageLabel = (page, count) => `Page ${page} of ${count}`,\n  summaryLabel = (selected, total) => `${selected} of ${total} row(s) selected.`,\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {summaryLabel(\n          table.getFilteredSelectedRowModel().rows.length,\n          table.getFilteredRowModel().rows.length\n        )}\n      </div>\n      <div className=\"flex items-center gap-6 lg:gap-8\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"text-sm font-medium\">{rowsPerPageLabel}</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => table.setPageSize(Number(value))}\n          >\n            <SelectTrigger aria-label={rowsPerPageLabel} className=\"h-8 w-[70px]\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {pageSizeOptions.map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          {pageLabel(\n            table.getState().pagination.pageIndex + 1,\n            table.getPageCount()\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={firstPageLabel}\n            className=\"hidden lg:inline-flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronFirstIcon />\n          </ButtonIcon>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={previousPageLabel}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronLeftIcon />\n          </ButtonIcon>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={nextPageLabel}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronRightIcon />\n          </ButtonIcon>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={lastPageLabel}\n            className=\"hidden lg:inline-flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronLastIcon />\n          </ButtonIcon>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAqCA,SAAgB,EAA2B,EACzC,UACA,qBAAkB;CAAC;CAAI;CAAI;CAAI;CAAI;AAAE,GACrC,sBAAmB,iBACnB,oBAAiB,oBACjB,uBAAoB,uBACpB,mBAAgB,mBAChB,mBAAgB,mBAChB,gBAAa,GAAM,MAAU,QAAQ,EAAK,MAAM,KAChD,mBAAgB,GAAU,MAAU,GAAG,EAAS,MAAM,EAAM,sBAC1B;CAClC,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,EACC,EAAM,4BAA4B,CAAC,CAAC,KAAK,QACzC,EAAM,oBAAoB,CAAC,CAAC,KAAK,MACnC;EACG,CAAA,GACL,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;MAAuB,UAAA;KAAoB,CAAA,GACxD,kBAAC,GAAD;MACE,OAAO,GAAG,EAAM,SAAS,CAAC,CAAC,WAAW;MACtC,gBAAgB,MAAU,EAAM,YAAY,OAAO,CAAK,CAAC;MAF3D,UAAA,CAIE,kBAAC,GAAD;OAAe,cAAY;OAAkB,WAAU;OACrD,UAAA,kBAAC,GAAD,CAAc,CAAA;MACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;OAA2B,OAAO,GAAG;OAClC,UAAA;MACS,GAFK,CAEL,CACb,EACY,CAAA,CACT;KACL,CAAA,CAAA;;IACL,kBAAC,OAAD;KAAK,WAAU;KACZ,UAAA,EACC,EAAM,SAAS,CAAC,CAAC,WAAW,YAAY,GACxC,EAAM,aAAa,CACrB;IACG,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,cAAY;OACZ,WAAU;OACV,eAAe,EAAM,aAAa,CAAC;OACnC,UAAU,CAAC,EAAM,mBAAmB;OAEpC,UAAA,kBAAC,GAAD,CAAmB,CAAA;MACT,CAAA;MACZ,kBAAC,GAAD;OACE,SAAQ;OACR,cAAY;OACZ,eAAe,EAAM,aAAa;OAClC,UAAU,CAAC,EAAM,mBAAmB;OAEpC,UAAA,kBAAC,GAAD,CAAkB,CAAA;MACR,CAAA;MACZ,kBAAC,GAAD;OACE,SAAQ;OACR,cAAY;OACZ,eAAe,EAAM,SAAS;OAC9B,UAAU,CAAC,EAAM,eAAe;OAEhC,UAAA,kBAAC,GAAD,CAAmB,CAAA;MACT,CAAA;MACZ,kBAAC,GAAD;OACE,SAAQ;OACR,cAAY;OACZ,WAAU;OACV,eAAe,EAAM,aAAa,EAAM,aAAa,IAAI,CAAC;OAC1D,UAAU,CAAC,EAAM,eAAe;OAEhC,UAAA,kBAAC,GAAD,CAAkB,CAAA;MACR,CAAA;KACT;;GACF;EACF,CAAA,CAAA;;AAET"}

package/dist/components/ui/data-table/data-table-selection.js

@@ -1,7 +1,8 @@
-function t(e) {
-  return e.getSelectedRowModel().rows.length > 0;
+//#region src/components/ui/data-table/data-table-selection.ts
+function e(e) {
+	return e.getSelectedRowModel().rows.length > 0;
 }
-export {
-  t as isBulkSelectionActive
-};
-//# sourceMappingURL=data-table-selection.js.map
+//#endregion
+export { e as isBulkSelectionActive };
+
+//# sourceMappingURL=data-table-selection.js.map

package/dist/components/ui/data-table/data-table-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-selection.js","sources":["../../../../src/components/ui/data-table/data-table-selection.ts"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\n\n/**\n * Whether any row is currently selected — the single threshold that decides\n * between per-row actions and bulk actions, per the design (Figma 5916-10470\n * / 5916-10745 / 5916-11716 / 5916-11286 / 5916-11991): a single selected row\n * already switches to the bulk scope (its own row actions hide, and\n * `DataTableBulkActionsBar` enables), same as two or more. `TableActionsCell`\n * takes this as its `bulkSelectionActive` prop, so the threshold doesn't have\n * to be re-derived per consumer.\n */\nexport function isBulkSelectionActive<TData>(table: Table<TData>): boolean {\n  return table.getSelectedRowModel().rows.length > 0;\n}\n"],"names":["isBulkSelectionActive","table"],"mappings":"AAWO,SAASA,EAA6BC,GAA8B;AACzE,SAAOA,EAAM,oBAAA,EAAsB,KAAK,SAAS;AACnD;"}
+{"version":3,"file":"data-table-selection.js","names":[],"sources":["../../../../src/components/ui/data-table/data-table-selection.ts"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\n\n/**\n * Whether any row is currently selected — the single threshold that decides\n * between per-row actions and bulk actions, per the design (Figma 5916-10470\n * / 5916-10745 / 5916-11716 / 5916-11286 / 5916-11991): a single selected row\n * already switches to the bulk scope (its own row actions hide, and\n * `DataTableBulkActionsBar` enables), same as two or more. `TableActionsCell`\n * takes this as its `bulkSelectionActive` prop, so the threshold doesn't have\n * to be re-derived per consumer.\n */\nexport function isBulkSelectionActive<TData>(table: Table<TData>): boolean {\n  return table.getSelectedRowModel().rows.length > 0;\n}\n"],"mappings":";AAWA,SAAgB,EAA6B,GAA8B;CACzE,OAAO,EAAM,oBAAoB,CAAC,CAAC,KAAK,SAAS;AACnD"}

package/dist/components/ui/data-table/data-table-toolbar.js

@@ -1,79 +1,54 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { TimesIcon as C } from "@acronis-platform/icons-react/stroke-mono";
-import { FilterSearch as v, FilterSearchFilters as x, FilterSearchAppliedFilters as S } from "../filter-search/filter-search.js";
-import { InputSearch as T } from "../input-search/input-search.js";
-import { Button as j } from "../button/button.js";
-function V(t, l) {
-  return Object.fromEntries(
-    t.filter((e) => e.id !== l).map((e) => [e.id, e.value])
-  );
+import { Button as e } from "../button/button.js";
+import { FilterSearch as t, FilterSearchAppliedFilters as n, FilterSearchFilters as r } from "../filter-search/filter-search.js";
+import { InputSearch as i } from "../input-search/input-search.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { TimesIcon as s } from "@acronis-platform/icons-react/stroke-mono";
+//#region src/components/ui/data-table/data-table-toolbar.tsx
+function c(e, t) {
+	return Object.fromEntries(e.filter((e) => e.id !== t).map((e) => [e.id, e.value]));
 }
-function N(t) {
-  return Object.entries(t).map(([l, e]) => ({ id: l, value: e }));
+function l(e) {
+	return Object.entries(e).map(([e, t]) => ({
+		id: e,
+		value: t
+	}));
 }
-function k({
-  table: t,
-  leading: l,
-  searchKey: e,
-  searchPlaceholder: c = "Filter…",
-  children: m,
-  filtersLabel: p = "Filters",
-  getFilterChipLabel: d
-}) {
-  var f;
-  const o = t.getState().columnFilters, n = !!m, g = o.length > 0, u = V(o, e), F = (a) => {
-    const r = e ? o.filter((h) => h.id === e) : [];
-    t.setColumnFilters([...r, ...N(a)]);
-  };
-  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ s(v, { children: [
-      l,
-      e && /* @__PURE__ */ i(
-        T,
-        {
-          placeholder: c,
-          "aria-label": c,
-          value: ((f = t.getColumn(e)) == null ? void 0 : f.getFilterValue()) ?? "",
-          onChange: (a) => {
-            var r;
-            return (r = t.getColumn(e)) == null ? void 0 : r.setFilterValue(a.target.value);
-          },
-          className: "w-56"
-        }
-      ),
-      n && /* @__PURE__ */ i(
-        x,
-        {
-          value: u,
-          onValueChange: F,
-          label: p,
-          children: m
-        }
-      ),
-      !n && g && /* @__PURE__ */ s(
-        j,
-        {
-          variant: "ghost",
-          onClick: () => t.resetColumnFilters(),
-          className: "h-8 gap-2",
-          children: [
-            "Reset",
-            /* @__PURE__ */ i(C, {})
-          ]
-        }
-      )
-    ] }),
-    n && /* @__PURE__ */ i(
-      S,
-      {
-        filters: u,
-        onValueChange: F,
-        getFilterChipLabel: d
-      }
-    )
-  ] });
+function u({ table: u, leading: d, searchKey: f, searchPlaceholder: p = "Filter…", children: m, filtersLabel: h = "Filters", getFilterChipLabel: g }) {
+	let _ = u.getState().columnFilters, v = !!m, y = _.length > 0, b = c(_, f), x = (e) => {
+		let t = f ? _.filter((e) => e.id === f) : [];
+		u.setColumnFilters([...t, ...l(e)]);
+	};
+	return /* @__PURE__ */ o("div", {
+		className: "flex flex-col gap-3",
+		children: [/* @__PURE__ */ o(t, { children: [
+			d,
+			f && /* @__PURE__ */ a(i, {
+				placeholder: p,
+				"aria-label": p,
+				value: u.getColumn(f)?.getFilterValue() ?? "",
+				onChange: (e) => u.getColumn(f)?.setFilterValue(e.target.value),
+				className: "w-56"
+			}),
+			v && /* @__PURE__ */ a(r, {
+				value: b,
+				onValueChange: x,
+				label: h,
+				children: m
+			}),
+			!v && y && /* @__PURE__ */ o(e, {
+				variant: "ghost",
+				onClick: () => u.resetColumnFilters(),
+				className: "h-8 gap-2",
+				children: ["Reset", /* @__PURE__ */ a(s, {})]
+			})
+		] }), v && /* @__PURE__ */ a(n, {
+			filters: b,
+			onValueChange: x,
+			getFilterChipLabel: g
+		})]
+	});
 }
-export {
-  k as DataTableToolbar
-};
-//# sourceMappingURL=data-table-toolbar.js.map
+//#endregion
+export { u as DataTableToolbar };
+
+//# sourceMappingURL=data-table-toolbar.js.map

package/dist/components/ui/data-table/data-table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ColumnFiltersState, Table } from '@tanstack/react-table';\nimport { TimesIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { Button } from '../button';\nimport {\n  FilterSearch,\n  FilterSearchAppliedFilters,\n  FilterSearchFilters,\n} from '../filter-search';\nimport { InputSearch } from '../input-search';\n\n// Convert between TanStack's `ColumnFiltersState` (an array of `{ id, value }`,\n// keyed by column id) and `FilterSearchFilters`'s `Record<string, unknown>`\n// (keyed by the same column id). The plain text search filter (`searchKey`) is a\n// separate concern and is excluded from the per-column filter record.\nfunction filtersToRecord(\n  columnFilters: ColumnFiltersState,\n  excludeKey?: string\n): Record<string, unknown> {\n  return Object.fromEntries(\n    columnFilters\n      .filter((filter) => filter.id !== excludeKey)\n      .map((filter) => [filter.id, filter.value])\n  );\n}\n\nfunction recordToFilters(\n  record: Record<string, unknown>\n): ColumnFiltersState {\n  return Object.entries(record).map(([id, value]) => ({ id, value }));\n}\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>;\n  /**\n   * Rendered as the leading element of the toolbar row, before the search\n   * box — e.g. a tenant/scope `Select` (matches the Figma \"FilterSearch\"\n   * anatomy, which places a scope switcher ahead of search).\n   */\n  leading?: ReactNode;\n  /** Column id to wire the search box to (client-side text filter). */\n  searchKey?: string;\n  searchPlaceholder?: string;\n  /**\n   * Filter field children rendered inside the `FilterSearchFilters` popover.\n   * Wire each field to a column via `useFilterSearchFilters()` keyed by column\n   * id. When provided, the toolbar renders the filter popover + an applied-filter\n   * chip row below it.\n   */\n  children?: ReactNode;\n  /** Label for the filters trigger button. */\n  filtersLabel?: ReactNode;\n  /** Format an applied-filter chip's label (defaults to `\"<id>: <value>\"`). */\n  getFilterChipLabel?: (key: string, value: unknown) => ReactNode;\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  leading,\n  searchKey,\n  searchPlaceholder = 'Filter…',\n  children,\n  filtersLabel = 'Filters',\n  getFilterChipLabel,\n}: DataTableToolbarProps<TData>) {\n  const columnFilters = table.getState().columnFilters;\n  const hasFilterFields = Boolean(children);\n  const isFiltered = columnFilters.length > 0;\n\n  const filterRecord = filtersToRecord(columnFilters, searchKey);\n\n  // Commit the per-column filter record back to TanStack, preserving the\n  // separate text-search filter (`searchKey`) untouched.\n  const handleFiltersChange = (next: Record<string, unknown>) => {\n    const searchFilter = searchKey\n      ? columnFilters.filter((filter) => filter.id === searchKey)\n      : [];\n    table.setColumnFilters([...searchFilter, ...recordToFilters(next)]);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <FilterSearch>\n        {leading}\n        {searchKey && (\n          <InputSearch\n            placeholder={searchPlaceholder}\n            aria-label={searchPlaceholder}\n            value={\n              (table.getColumn(searchKey)?.getFilterValue() as string) ?? ''\n            }\n            onChange={(event) =>\n              table.getColumn(searchKey)?.setFilterValue(event.target.value)\n            }\n            className=\"w-56\"\n          />\n        )}\n        {hasFilterFields && (\n          <FilterSearchFilters\n            value={filterRecord}\n            onValueChange={handleFiltersChange}\n            label={filtersLabel}\n          >\n            {children}\n          </FilterSearchFilters>\n        )}\n        {!hasFilterFields && isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 gap-2\"\n          >\n            Reset\n            <TimesIcon />\n          </Button>\n        )}\n      </FilterSearch>\n      {hasFilterFields && (\n        <FilterSearchAppliedFilters\n          filters={filterRecord}\n          onValueChange={handleFiltersChange}\n          getFilterChipLabel={getFilterChipLabel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["filtersToRecord","columnFilters","excludeKey","filter","recordToFilters","record","id","value","DataTableToolbar","table","leading","searchKey","searchPlaceholder","children","filtersLabel","getFilterChipLabel","hasFilterFields","isFiltered","filterRecord","handleFiltersChange","next","searchFilter","jsxs","FilterSearch","jsx","InputSearch","_a","event","FilterSearchFilters","Button","TimesIcon","FilterSearchAppliedFilters"],"mappings":";;;;;AAgBA,SAASA,EACPC,GACAC,GACyB;AACzB,SAAO,OAAO;AAAA,IACZD,EACG,OAAO,CAACE,MAAWA,EAAO,OAAOD,CAAU,EAC3C,IAAI,CAACC,MAAW,CAACA,EAAO,IAAIA,EAAO,KAAK,CAAC;AAAA,EAAA;AAEhD;AAEA,SAASC,EACPC,GACoB;AACpB,SAAO,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,GAAIC,CAAK,OAAO,EAAE,IAAAD,GAAI,OAAAC,IAAQ;AACpE;AA0BO,SAASC,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,oBAAAC;AACF,GAAiC;;AAC/B,QAAMd,IAAgBQ,EAAM,SAAA,EAAW,eACjCO,IAAkB,EAAQH,GAC1BI,IAAahB,EAAc,SAAS,GAEpCiB,IAAelB,EAAgBC,GAAeU,CAAS,GAIvDQ,IAAsB,CAACC,MAAkC;AAC7D,UAAMC,IAAeV,IACjBV,EAAc,OAAO,CAACE,MAAWA,EAAO,OAAOQ,CAAS,IACxD,CAAA;AACJ,IAAAF,EAAM,iBAAiB,CAAC,GAAGY,GAAc,GAAGjB,EAAgBgB,CAAI,CAAC,CAAC;AAAA,EACpE;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAA,gBAAAA,EAACC,GAAA,EACE,UAAA;AAAA,MAAAb;AAAA,MACAC,KACC,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAab;AAAA,UACb,cAAYA;AAAA,UACZ,SACGc,IAAAjB,EAAM,UAAUE,CAAS,MAAzB,gBAAAe,EAA4B,qBAA+B;AAAA,UAE9D,UAAU,CAACC,MAAA;;AACT,oBAAAD,IAAAjB,EAAM,UAAUE,CAAS,MAAzB,gBAAAe,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAE1D,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbX,KACC,gBAAAQ;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAOV;AAAA,UACP,eAAeC;AAAA,UACf,OAAOL;AAAA,UAEN,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,CAACG,KAAmBC,KACnB,gBAAAK;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMpB,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,8BAEEqB,GAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,GAEJ;AAAA,IACCd,KACC,gBAAAQ;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,SAASb;AAAA,QACT,eAAeC;AAAA,QACf,oBAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"data-table-toolbar.js","names":[],"sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ColumnFiltersState, Table } from '@tanstack/react-table';\nimport { TimesIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { Button } from '../button';\nimport {\n  FilterSearch,\n  FilterSearchAppliedFilters,\n  FilterSearchFilters,\n} from '../filter-search';\nimport { InputSearch } from '../input-search';\n\n// Convert between TanStack's `ColumnFiltersState` (an array of `{ id, value }`,\n// keyed by column id) and `FilterSearchFilters`'s `Record<string, unknown>`\n// (keyed by the same column id). The plain text search filter (`searchKey`) is a\n// separate concern and is excluded from the per-column filter record.\nfunction filtersToRecord(\n  columnFilters: ColumnFiltersState,\n  excludeKey?: string\n): Record<string, unknown> {\n  return Object.fromEntries(\n    columnFilters\n      .filter((filter) => filter.id !== excludeKey)\n      .map((filter) => [filter.id, filter.value])\n  );\n}\n\nfunction recordToFilters(\n  record: Record<string, unknown>\n): ColumnFiltersState {\n  return Object.entries(record).map(([id, value]) => ({ id, value }));\n}\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>;\n  /**\n   * Rendered as the leading element of the toolbar row, before the search\n   * box — e.g. a tenant/scope `Select` (matches the Figma \"FilterSearch\"\n   * anatomy, which places a scope switcher ahead of search).\n   */\n  leading?: ReactNode;\n  /** Column id to wire the search box to (client-side text filter). */\n  searchKey?: string;\n  searchPlaceholder?: string;\n  /**\n   * Filter field children rendered inside the `FilterSearchFilters` popover.\n   * Wire each field to a column via `useFilterSearchFilters()` keyed by column\n   * id. When provided, the toolbar renders the filter popover + an applied-filter\n   * chip row below it.\n   */\n  children?: ReactNode;\n  /** Label for the filters trigger button. */\n  filtersLabel?: ReactNode;\n  /** Format an applied-filter chip's label (defaults to `\"<id>: <value>\"`). */\n  getFilterChipLabel?: (key: string, value: unknown) => ReactNode;\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  leading,\n  searchKey,\n  searchPlaceholder = 'Filter…',\n  children,\n  filtersLabel = 'Filters',\n  getFilterChipLabel,\n}: DataTableToolbarProps<TData>) {\n  const columnFilters = table.getState().columnFilters;\n  const hasFilterFields = Boolean(children);\n  const isFiltered = columnFilters.length > 0;\n\n  const filterRecord = filtersToRecord(columnFilters, searchKey);\n\n  // Commit the per-column filter record back to TanStack, preserving the\n  // separate text-search filter (`searchKey`) untouched.\n  const handleFiltersChange = (next: Record<string, unknown>) => {\n    const searchFilter = searchKey\n      ? columnFilters.filter((filter) => filter.id === searchKey)\n      : [];\n    table.setColumnFilters([...searchFilter, ...recordToFilters(next)]);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <FilterSearch>\n        {leading}\n        {searchKey && (\n          <InputSearch\n            placeholder={searchPlaceholder}\n            aria-label={searchPlaceholder}\n            value={\n              (table.getColumn(searchKey)?.getFilterValue() as string) ?? ''\n            }\n            onChange={(event) =>\n              table.getColumn(searchKey)?.setFilterValue(event.target.value)\n            }\n            className=\"w-56\"\n          />\n        )}\n        {hasFilterFields && (\n          <FilterSearchFilters\n            value={filterRecord}\n            onValueChange={handleFiltersChange}\n            label={filtersLabel}\n          >\n            {children}\n          </FilterSearchFilters>\n        )}\n        {!hasFilterFields && isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 gap-2\"\n          >\n            Reset\n            <TimesIcon />\n          </Button>\n        )}\n      </FilterSearch>\n      {hasFilterFields && (\n        <FilterSearchAppliedFilters\n          filters={filterRecord}\n          onValueChange={handleFiltersChange}\n          getFilterChipLabel={getFilterChipLabel}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgBA,SAAS,EACP,GACA,GACyB;CACzB,OAAO,OAAO,YACZ,EACG,QAAQ,MAAW,EAAO,OAAO,CAAU,CAAC,CAC5C,KAAK,MAAW,CAAC,EAAO,IAAI,EAAO,KAAK,CAAC,CAC9C;AACF;AAEA,SAAS,EACP,GACoB;CACpB,OAAO,OAAO,QAAQ,CAAM,CAAC,CAAC,KAAK,CAAC,GAAI,QAAY;EAAE;EAAI;CAAM,EAAE;AACpE;AA0BA,SAAgB,EAAwB,EACtC,UACA,YACA,cACA,uBAAoB,WACpB,aACA,kBAAe,WACf,yBAC+B;CAC/B,IAAM,IAAgB,EAAM,SAAS,CAAC,CAAC,eACjC,IAAkB,EAAQ,GAC1B,IAAa,EAAc,SAAS,GAEpC,IAAe,EAAgB,GAAe,CAAS,GAIvD,KAAuB,MAAkC;EAC7D,IAAM,IAAe,IACjB,EAAc,QAAQ,MAAW,EAAO,OAAO,CAAS,IACxD,CAAC;EACL,EAAM,iBAAiB,CAAC,GAAG,GAAc,GAAG,EAAgB,CAAI,CAAC,CAAC;CACpE;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;GACG;GACA,KACC,kBAAC,GAAD;IACE,aAAa;IACb,cAAY;IACZ,OACG,EAAM,UAAU,CAAS,CAAC,EAAE,eAAe,KAAgB;IAE9D,WAAW,MACT,EAAM,UAAU,CAAS,CAAC,EAAE,eAAe,EAAM,OAAO,KAAK;IAE/D,WAAU;GACX,CAAA;GAEF,KACC,kBAAC,GAAD;IACE,OAAO;IACP,eAAe;IACf,OAAO;IAEN;GACkB,CAAA;GAEtB,CAAC,KAAmB,KACnB,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,EAAM,mBAAmB;IACxC,WAAU;IAHZ,UAAA,CAIC,SAEC,kBAAC,GAAD,CAAY,CAAA,CACN;;EAEE,EAAA,CAAA,GACb,KACC,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;GACK;EACrB,CAAA,CAEA;;AAET"}

package/dist/components/ui/data-table/data-table-view-options.js

@@ -1,29 +1,22 @@
-import { jsx as n } from "react/jsx-runtime";
-import { TableViewOptions as l } from "../table/table-view-options.js";
-function d({
-  table: t,
-  ...o
-}) {
-  const s = t.getAllColumns().filter(
-    (e) => typeof e.accessorFn < "u" && e.getCanHide()
-  ).map((e) => ({
-    id: e.id,
-    label: e.id,
-    hidden: !e.getIsVisible()
-  }));
-  return /* @__PURE__ */ n(
-    l,
-    {
-      columns: s,
-      onToggle: (e) => {
-        const i = t.getColumn(e);
-        i == null || i.toggleVisibility(!i.getIsVisible());
-      },
-      ...o
-    }
-  );
+import { TableViewOptions as e } from "../table/table-view-options.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/data-table/data-table-view-options.tsx
+function n({ table: n, ...r }) {
+	let i = n.getAllColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => ({
+		id: e.id,
+		label: e.id,
+		hidden: !e.getIsVisible()
+	}));
+	return /* @__PURE__ */ t(e, {
+		columns: i,
+		onToggle: (e) => {
+			let t = n.getColumn(e);
+			t?.toggleVisibility(!t.getIsVisible());
+		},
+		...r
+	});
 }
-export {
-  d as DataTableViewOptions
-};
-//# sourceMappingURL=data-table-view-options.js.map
+//#endregion
+export { n as DataTableViewOptions };
+
+//# sourceMappingURL=data-table-view-options.js.map

package/dist/components/ui/data-table/data-table-view-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\n\nimport { TableViewOptions, type TableViewOptionsProps } from '../table';\n\ninterface DataTableViewOptionsProps<TData>\n  extends Pick<\n    TableViewOptionsProps,\n    'triggerLabel' | 'iconOnly' | 'triggerAriaLabel'\n  > {\n  table: Table<TData>;\n}\n\n// Thin TanStack adapter over the primitive-only `TableViewOptions`: maps\n// `table.getAllColumns()` onto the plain `{ id, label, hidden }[]` shape and\n// routes `onToggle` back through `column.toggleVisibility()`.\nexport function DataTableViewOptions<TData>({\n  table,\n  ...triggerProps\n}: DataTableViewOptionsProps<TData>) {\n  const columns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== 'undefined' && column.getCanHide()\n    )\n    .map((column) => ({\n      id: column.id,\n      label: column.id,\n      hidden: !column.getIsVisible(),\n    }));\n\n  return (\n    <TableViewOptions\n      columns={columns}\n      onToggle={(id) => {\n        const column = table.getColumn(id);\n        column?.toggleVisibility(!column.getIsVisible());\n      }}\n      {...triggerProps}\n    />\n  );\n}\n"],"names":["DataTableViewOptions","table","triggerProps","columns","column","jsx","TableViewOptions","id"],"mappings":";;AAeO,SAASA,EAA4B;AAAA,EAC1C,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqC;AACnC,QAAMC,IAAUF,EACb,cAAA,EACA;AAAA,IACC,CAACG,MACC,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA;AAAA,EAAW,EAEjE,IAAI,CAACA,OAAY;AAAA,IAChB,IAAIA,EAAO;AAAA,IACX,OAAOA,EAAO;AAAA,IACd,QAAQ,CAACA,EAAO,aAAA;AAAA,EAAa,EAC7B;AAEJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAH;AAAA,MACA,UAAU,CAACI,MAAO;AAChB,cAAMH,IAASH,EAAM,UAAUM,CAAE;AACjC,QAAAH,KAAA,QAAAA,EAAQ,iBAAiB,CAACA,EAAO,aAAA;AAAA,MACnC;AAAA,MACC,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"data-table-view-options.js","names":[],"sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\n\nimport { TableViewOptions, type TableViewOptionsProps } from '../table';\n\ninterface DataTableViewOptionsProps<TData>\n  extends Pick<\n    TableViewOptionsProps,\n    'triggerLabel' | 'iconOnly' | 'triggerAriaLabel'\n  > {\n  table: Table<TData>;\n}\n\n// Thin TanStack adapter over the primitive-only `TableViewOptions`: maps\n// `table.getAllColumns()` onto the plain `{ id, label, hidden }[]` shape and\n// routes `onToggle` back through `column.toggleVisibility()`.\nexport function DataTableViewOptions<TData>({\n  table,\n  ...triggerProps\n}: DataTableViewOptionsProps<TData>) {\n  const columns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== 'undefined' && column.getCanHide()\n    )\n    .map((column) => ({\n      id: column.id,\n      label: column.id,\n      hidden: !column.getIsVisible(),\n    }));\n\n  return (\n    <TableViewOptions\n      columns={columns}\n      onToggle={(id) => {\n        const column = table.getColumn(id);\n        column?.toggleVisibility(!column.getIsVisible());\n      }}\n      {...triggerProps}\n    />\n  );\n}\n"],"mappings":";;;AAeA,SAAgB,EAA4B,EAC1C,UACA,GAAG,KACgC;CACnC,IAAM,IAAU,EACb,cAAc,CAAC,CACf,QACE,MACQ,EAAO,eAAe,UAAe,EAAO,WAAW,CAClE,CAAC,CACA,KAAK,OAAY;EAChB,IAAI,EAAO;EACX,OAAO,EAAO;EACd,QAAQ,CAAC,EAAO,aAAa;CAC/B,EAAE;CAEJ,OACE,kBAAC,GAAD;EACW;EACT,WAAW,MAAO;GAChB,IAAM,IAAS,EAAM,UAAU,CAAE;GACjC,GAAQ,iBAAiB,CAAC,EAAO,aAAa,CAAC;EACjD;EACA,GAAI;CACL,CAAA;AAEL"}