@jakubmazanec/ui 0.4.2 → 0.5.0-next.7fc14073

package/build/components/TableHeader.js

@@ -24,6 +24,6 @@ export function TableHeader({
   return createElement(Component, props, children);
 }
 export const tableHeaderTheme = {
-  className: "relative p-1 text-sm font-medium z-20 font-sans tabular-nums whitespace-nowrap"
+  className: "relative p-1 text-sm font-medium z-20 font-sans tabular-nums whitespace-nowrap empty:p-0"
 };
 //# sourceMappingURL=TableHeader.js.map

package/build/components/TableHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/components/TableHeader.ts"],
-  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\n\nexport const useTableHeaderTheme = createComponentTheme('TableHeader');\n\nconst TABLE_HEADER_ELEMENT = 'th';\n\nexport type TableHeaderProps<T extends ElementType> = ComponentProps<typeof useTableHeaderTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> &\n  PropsWithChildren & {\n    as?: T | undefined;\n    className?: string;\n  };\n\nexport function TableHeader<T extends ElementType = typeof TABLE_HEADER_ELEMENT>({\n  as: Component = TABLE_HEADER_ELEMENT as T,\n  className,\n  ref,\n  children,\n  ...rest\n}: TableHeaderProps<T>) {\n  let theme = useTableHeaderTheme();\n  let props = {\n    ref,\n    className: theme(null, className),\n    'data-component': 'table-header',\n    ...rest,\n  };\n\n  return createElement(Component, props, children);\n}\n\nexport const tableHeaderTheme: ComponentTheme<typeof useTableHeaderTheme> = {\n  className: 'relative p-1 text-sm font-medium z-20 font-sans tabular-nums whitespace-nowrap',\n};\n"],
-  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAGK;AAEP;AAAA,EAGE;AAAA,OACK;AAGA,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,gBAAS,YAAiE;AAAA,EAC/E,IAAI,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,MAAI,QAAQ,oBAAoB;AAChC,MAAI,QAAQ;AAAA,IACV;AAAA,IACA,WAAW,MAAM,MAAM,SAAS;AAAA,IAChC,kBAAkB;AAAA,IAClB,GAAG;AAAA,EACL;AAEA,SAAO,cAAc,WAAW,OAAO,QAAQ;AACjD;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WAAW;AACb;",
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\n\nexport const useTableHeaderTheme = createComponentTheme('TableHeader');\n\nconst TABLE_HEADER_ELEMENT = 'th';\n\nexport type TableHeaderProps<T extends ElementType> = ComponentProps<typeof useTableHeaderTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> &\n  PropsWithChildren & {\n    as?: T | undefined;\n    className?: string;\n  };\n\nexport function TableHeader<T extends ElementType = typeof TABLE_HEADER_ELEMENT>({\n  as: Component = TABLE_HEADER_ELEMENT as T,\n  className,\n  ref,\n  children,\n  ...rest\n}: TableHeaderProps<T>) {\n  let theme = useTableHeaderTheme();\n  let props = {\n    ref,\n    className: theme(null, className),\n    'data-component': 'table-header',\n    ...rest,\n  };\n\n  return createElement(Component, props, children);\n}\n\nexport const tableHeaderTheme: ComponentTheme<typeof useTableHeaderTheme> = {\n  className:\n    'relative p-1 text-sm font-medium z-20 font-sans tabular-nums whitespace-nowrap empty:p-0',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAGK;AAEP;AAAA,EAGE;AAAA,OACK;AAGA,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,gBAAS,YAAiE;AAAA,EAC/E,IAAI,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,MAAI,QAAQ,oBAAoB;AAChC,MAAI,QAAQ;AAAA,IACV;AAAA,IACA,WAAW,MAAM,MAAM,SAAS;AAAA,IAChC,kBAAkB;AAAA,IAClB,GAAG;AAAA,EACL;AAEA,SAAO,cAAc,WAAW,OAAO,QAAQ;AACjD;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WACE;AACJ;",
   "names": []
 }

package/build/components/Textarea.js

@@ -54,8 +54,8 @@ export function Textarea({
 }
 export const textareaTheme = {
   classNames: {
-    root: "group flex w-full items-center rounded border-2 border-neutral-100 hover:border-neutral-200 py-2 px-2.5 min-h-19 bg-white shadow-inner transition-colors",
-    textarea: "min-h-15 p-0 focus-visible:outline-none w-full group-data-[icon]:pl-6 bg-transparent font-sans text-sm",
+    root: "group flex w-full items-center rounded border-2 border-neutral-100 hover:border-neutral-200 py-2 px-2.5 min-h-19 bg-white shadow-inner transition-colors focus-within:outline-solid focus-within:outline-2 focus-within:outline-blue-400/50 focus-within:outline-offset-[calc(var(--spacing)*0.5)]",
+    textarea: "min-h-15 p-0 focus:outline-none w-full group-data-[icon]:pl-6 bg-transparent font-sans text-sm",
     icon: "size-6 left-[0.3125rem] top-[0.3125rem] text-neutral-300"
   },
   variants: {

package/build/components/Textarea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/components/Textarea.tsx"],
-  "sourcesContent": ["import {getTextareaProps} from '@conform-to/react';\nimport {Textarea as HeadlessTextarea} from '@headlessui/react';\nimport {type ComponentPropsWithoutRef, type ComponentType, type ElementType} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\nimport {useField} from './useField.js';\nimport {useFieldName} from './useFieldName.js';\n\nexport const useTextareaTheme = createComponentTheme('Textarea', {\n  variants: {\n    disabled: [true, false],\n  },\n  elements: ['root', 'textarea', 'icon'],\n});\n\nconst TEXTAREA_ELEMENT = 'textarea';\n\nexport type TextareaProps<T extends ElementType> = ComponentProps<typeof useTextareaTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> & {\n    as?: T | undefined;\n    name?: string | undefined;\n    className?: string | undefined;\n    icon?: ComponentType<object> | undefined;\n  };\n\nexport function Textarea<T extends ElementType = typeof TEXTAREA_ELEMENT>({\n  disabled = false,\n  as = TEXTAREA_ELEMENT as T,\n  name,\n  className,\n  icon: Icon,\n  ref,\n  ...rest\n}: TextareaProps<T>) {\n  let theme = useTextareaTheme({disabled});\n  let fieldName = useFieldName();\n  let field = useField();\n\n  let rootProps: Record<string, unknown> = {\n    className: theme.root('relative', className),\n    'data-component': 'textarea',\n  };\n  let textareaProps: Record<string, unknown> = {\n    ref,\n    disabled,\n    name: field?.name ?? fieldName ?? name,\n    className: theme.textarea(null, className),\n    ...rest,\n  };\n  let iconProps: Record<string, unknown> = {\n    className: theme.icon('absolute'),\n  };\n\n  if (Icon) {\n    rootProps['data-icon'] = '';\n  }\n\n  if (field) {\n    let {key, ...restProps} = getTextareaProps(field);\n\n    textareaProps = {...restProps, ...textareaProps};\n  }\n\n  return (\n    <span {...rootProps}>\n      <HeadlessTextarea {...textareaProps} />\n      {Icon ?\n        <Icon {...iconProps} />\n      : null}\n    </span>\n  );\n}\n\nexport const textareaTheme: ComponentTheme<typeof useTextareaTheme> = {\n  classNames: {\n    root: 'group flex w-full items-center rounded border-2 border-neutral-100 hover:border-neutral-200 py-2 px-2.5 min-h-19 bg-white shadow-inner transition-colors',\n    textarea:\n      'min-h-15 p-0 focus-visible:outline-none w-full group-data-[icon]:pl-6 bg-transparent font-sans text-sm',\n    icon: 'size-6 left-[0.3125rem] top-[0.3125rem] text-neutral-300',\n  },\n  variants: {\n    disabled: {\n      true: {\n        root: 'border-neutral-100 text-neutral-200 cursor-not-allowed',\n        textarea: '',\n        icon: '',\n      },\n      false: {\n        root: '',\n        textarea: '',\n        icon: '',\n      },\n    },\n  },\n};\n"],
+  "sourcesContent": ["import {getTextareaProps} from '@conform-to/react';\nimport {Textarea as HeadlessTextarea} from '@headlessui/react';\nimport {type ComponentPropsWithoutRef, type ComponentType, type ElementType} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\nimport {useField} from './useField.js';\nimport {useFieldName} from './useFieldName.js';\n\nexport const useTextareaTheme = createComponentTheme('Textarea', {\n  variants: {\n    disabled: [true, false],\n  },\n  elements: ['root', 'textarea', 'icon'],\n});\n\nconst TEXTAREA_ELEMENT = 'textarea';\n\nexport type TextareaProps<T extends ElementType> = ComponentProps<typeof useTextareaTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> & {\n    as?: T | undefined;\n    name?: string | undefined;\n    className?: string | undefined;\n    icon?: ComponentType<object> | undefined;\n  };\n\nexport function Textarea<T extends ElementType = typeof TEXTAREA_ELEMENT>({\n  disabled = false,\n  as = TEXTAREA_ELEMENT as T,\n  name,\n  className,\n  icon: Icon,\n  ref,\n  ...rest\n}: TextareaProps<T>) {\n  let theme = useTextareaTheme({disabled});\n  let fieldName = useFieldName();\n  let field = useField();\n\n  let rootProps: Record<string, unknown> = {\n    className: theme.root('relative', className),\n    'data-component': 'textarea',\n  };\n  let textareaProps: Record<string, unknown> = {\n    ref,\n    disabled,\n    name: field?.name ?? fieldName ?? name,\n    className: theme.textarea(null, className),\n    ...rest,\n  };\n  let iconProps: Record<string, unknown> = {\n    className: theme.icon('absolute'),\n  };\n\n  if (Icon) {\n    rootProps['data-icon'] = '';\n  }\n\n  if (field) {\n    let {key, ...restProps} = getTextareaProps(field);\n\n    textareaProps = {...restProps, ...textareaProps};\n  }\n\n  return (\n    <span {...rootProps}>\n      <HeadlessTextarea {...textareaProps} />\n      {Icon ?\n        <Icon {...iconProps} />\n      : null}\n    </span>\n  );\n}\n\nexport const textareaTheme: ComponentTheme<typeof useTextareaTheme> = {\n  classNames: {\n    root: 'group flex w-full items-center rounded border-2 border-neutral-100 hover:border-neutral-200 py-2 px-2.5 min-h-19 bg-white shadow-inner transition-colors focus-within:outline-solid focus-within:outline-2 focus-within:outline-blue-400/50 focus-within:outline-offset-[calc(var(--spacing)*0.5)]',\n    textarea:\n      'min-h-15 p-0 focus:outline-none w-full group-data-[icon]:pl-6 bg-transparent font-sans text-sm',\n    icon: 'size-6 left-[0.3125rem] top-[0.3125rem] text-neutral-300',\n  },\n  variants: {\n    disabled: {\n      true: {\n        root: 'border-neutral-100 text-neutral-200 cursor-not-allowed',\n        textarea: '',\n        icon: '',\n      },\n      false: {\n        root: '',\n        textarea: '',\n        icon: '',\n      },\n    },\n  },\n};\n"],
   "mappings": ";AAsEI,SACE,KADF;AAtEJ,SAAQ,wBAAuB;AAC/B,SAAQ,YAAY,wBAAuB;AAG3C;AAAA,EAGE;AAAA,OACK;AAEP,SAAQ,gBAAe;AACvB,SAAQ,oBAAmB;AAEpB,aAAM,mBAAmB,qBAAqB,YAAY;AAAA,EAC/D,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AAAA,EACA,UAAU,CAAC,QAAQ,YAAY,MAAM;AACvC,CAAC;AAED,MAAM,mBAAmB;AAWlB,gBAAS,SAA0D;AAAA,EACxE,WAAW;AAAA,EACX,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,MAAI,QAAQ,iBAAiB,EAAC,SAAQ,CAAC;AACvC,MAAI,YAAY,aAAa;AAC7B,MAAI,QAAQ,SAAS;AAErB,MAAI,YAAqC;AAAA,IACvC,WAAW,MAAM,KAAK,YAAY,SAAS;AAAA,IAC3C,kBAAkB;AAAA,EACpB;AACA,MAAI,gBAAyC;AAAA,IAC3C;AAAA,IACA;AAAA,IACA,MAAM,OAAO,QAAQ,aAAa;AAAA,IAClC,WAAW,MAAM,SAAS,MAAM,SAAS;AAAA,IACzC,GAAG;AAAA,EACL;AACA,MAAI,YAAqC;AAAA,IACvC,WAAW,MAAM,KAAK,UAAU;AAAA,EAClC;AAEA,MAAI,MAAM;AACR,cAAU,WAAW,IAAI;AAAA,EAC3B;AAEA,MAAI,OAAO;AACT,QAAI,EAAC,KAAK,GAAG,UAAS,IAAI,iBAAiB,KAAK;AAEhD,oBAAgB,EAAC,GAAG,WAAW,GAAG,cAAa;AAAA,EACjD;AAEA,SACE,qBAAC,UAAM,GAAG,WACR;AAAA,wBAAC,oBAAkB,GAAG,eAAe;AAAA,IACpC,OACC,oBAAC,QAAM,GAAG,WAAW,IACrB;AAAA,KACJ;AAEJ;AAEO,aAAM,gBAAyD;AAAA,EACpE,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UACE;AAAA,IACF,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/build/components/data-table/DataTable.d.ts

@@ -43,5 +43,6 @@ export type DataTableProps<D, C> = {
     hideSearch?: boolean | undefined;
     search?: DataTableSearch | undefined;
     onSearchChange?: ((search: DataTableSearch) => void) | undefined;
+    showRowSummaryOnClick?: boolean | undefined;
 };
-export declare function DataTable<D extends RowData, C extends Array<ColumnDef<D, any>>>({ data, columns, clientPagination, hidePagination, pagination: controlledPagination, onPaginationChange, clientSorting, sorting: controlledSorting, hideSorting, onSortingChange, columnVisibility: controlledColumnVisibility, hideColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, hideColumnOrder, onColumnOrderChange, columnPinning: controlledColumnPinning, hideColumnPinning, onColumnPinningChange, hideColumnResizing, clientFilters, hideFilters, filters: controlledFilters, onFiltersChange, clientFaceting, faceting, clientSearch, hideSearch, search: controlledSearch, onSearchChange, }: DataTableProps<D, C>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<D extends RowData, C extends Array<ColumnDef<D, any>>>({ data, columns, clientPagination, hidePagination, pagination: controlledPagination, onPaginationChange, clientSorting, sorting: controlledSorting, hideSorting, onSortingChange, columnVisibility: controlledColumnVisibility, hideColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, hideColumnOrder, onColumnOrderChange, columnPinning: controlledColumnPinning, hideColumnPinning, onColumnPinningChange, hideColumnResizing, clientFilters, hideFilters, filters: controlledFilters, onFiltersChange, clientFaceting, faceting, clientSearch, hideSearch, search: controlledSearch, onSearchChange, showRowSummaryOnClick, }: DataTableProps<D, C>): import("react/jsx-runtime").JSX.Element;

package/build/components/data-table/DataTable.js

@@ -1,16 +1,6 @@
 "use strict";
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  closestCenter,
-  DndContext,
-  KeyboardSensor,
-  MouseSensor,
-  TouchSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
-import { arrayMove, horizontalListSortingStrategy, SortableContext } from "@dnd-kit/sortable";
+import { horizontalListSortingStrategy, SortableContext } from "@dnd-kit/sortable";
 import {
   flexRender,
   getCoreRowModel,
@@ -22,7 +12,11 @@ import {
   getSortedRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { useCallback, useId, useState } from "react";
+import { useCallback, useState } from "react";
+import { Button } from "../Button.js";
+import { Container } from "../Container.js";
+import { Dialog } from "../Dialog.js";
+import { DialogPanel } from "../DialogPanel.js";
 import { Table } from "../Table.js";
 import { TableBody } from "../TableBody.js";
 import { TableCell } from "../TableCell.js";
@@ -31,15 +25,16 @@ import { TableHead } from "../TableHead.js";
 import { TableHeader } from "../TableHeader.js";
 import { TableRow } from "../TableRow.js";
 import {
+  DataTableFilters as DataTableFiltersComponent,
   DataTableHeader,
+  DataTableMenu,
   DataTablePagination as DataTablePaginationComponent,
   DataTableSearch as DataTableSearchComponent,
   DEFAULT_PAGE_SIZE,
   fromPinningState,
-  fuzzyFilter,
-  getCommonPinningClasses,
-  getCommonPinningStyles
+  fuzzyFilter
 } from "./internals.js";
+import { DataTableRow } from "./internals/DataTableRow.js";
 export function DataTable({
   data,
   columns,
@@ -70,7 +65,8 @@ export function DataTable({
   clientSearch = false,
   hideSearch = false,
   search: controlledSearch,
-  onSearchChange
+  onSearchChange,
+  showRowSummaryOnClick = false
 }) {
   let [pagination, setPagination] = useState(
     controlledPagination ? {
@@ -118,7 +114,10 @@ export function DataTable({
   );
   let [sorting, setSorting] = useState([]);
   let [columnFilters, setColumnFilters] = useState([]);
+  let [showFilters, setShowFilters] = useState(false);
   let [search, setSearch] = useState("");
+  let [showRowSummary, setShowRowSummary] = useState(false);
+  let [rowSummaryRow, setRowSummaryRow] = useState(null);
   let handleColumnVisibilityChange = useCallback(
     (columnVisibilityState) => {
       setColumnVisibility(columnVisibilityState);
@@ -181,51 +180,56 @@ export function DataTable({
     columnResizeMode: "onChange",
     globalFilterFn: fuzzyFilter
   });
-  let handleDragEnd = useCallback(
-    ({ active, over }) => {
-      if (over && active.id !== over.id) {
-        table.setColumnOrder((previousColumnOrder) => {
-          let oldIndex = previousColumnOrder.indexOf(active.id);
-          let newIndex = previousColumnOrder.indexOf(over.id);
-          return arrayMove(previousColumnOrder, oldIndex, newIndex);
-        });
-      }
-    },
-    [table]
-  );
-  let sensors = useSensors(
-    useSensor(MouseSensor, {
-      activationConstraint: {
-        distance: 5
-      }
-    }),
-    useSensor(TouchSensor, {
-      activationConstraint: {
-        distance: 5
-      }
-    }),
-    useSensor(KeyboardSensor, {})
-  );
-  let id = useId();
   let page = clientPagination ? table.getState().pagination.pageIndex + 1 : controlledPagination?.page ?? 1;
   let pageSize = clientPagination ? table.getState().pagination.pageSize : controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE;
   let pageCount = clientPagination ? table.getPageCount() : controlledPagination?.pageCount ?? 1;
+  let toggleFilters = useCallback(() => {
+    setShowFilters((value) => !value);
+  }, []);
+  let handleRowClick = useCallback((row) => {
+    setRowSummaryRow(row);
+    setShowRowSummary(true);
+  }, []);
+  let handleCloseRowDialog = useCallback(() => {
+    setShowRowSummary(false);
+  }, []);
   return /* @__PURE__ */ jsxs(
-    DndContext,
+    "div",
     {
-      collisionDetection: closestCenter,
-      id,
-      modifiers: [restrictToHorizontalAxis],
-      sensors,
-      onDragEnd: handleDragEnd,
+      className: "group/table grid w-full grid-cols-[100%] grid-rows-[min-content_min-content_1fr] gap-6 sm:gap-4 sm:data-[show-filters]:grid-cols-[1fr_2fr] md:data-[show-filters]:grid-cols-[1fr_3fr] lg:data-[show-filters]:grid-cols-[1fr_4fr]",
+      "data-show-filters": showFilters || void 0,
       children: [
-        hideSearch ? null : /* @__PURE__ */ jsx(
-          DataTableSearchComponent,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          hideSearch ? null : /* @__PURE__ */ jsx(
+            DataTableSearchComponent,
+            {
+              clientSearch,
+              search: controlledSearch,
+              table,
+              onSearch: onSearchChange
+            }
+          ),
+          hideColumnOrder && hideColumnPinning && hideColumnVisibility && hideFilters ? null : /* @__PURE__ */ jsx(
+            DataTableMenu,
+            {
+              hideColumnOrder,
+              hideColumnPinning,
+              hideColumnVisibility,
+              hideFilters,
+              table,
+              toggleFilters
+            }
+          )
+        ] }),
+        hideFilters ? null : /* @__PURE__ */ jsx(
+          DataTableFiltersComponent,
           {
-            clientSearch,
-            search: controlledSearch,
+            clientFaceting,
+            clientFilters,
+            faceting,
+            filters: controlledFilters,
             table,
-            onSearch: onSearchChange
+            onFiltering: onFiltersChange
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-scroll overflow-y-visible [scrollbar-width:thin]", children: /* @__PURE__ */ jsxs(
@@ -239,38 +243,24 @@ export function DataTable({
               /* @__PURE__ */ jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(SortableContext, { items: columnOrder, strategy: horizontalListSortingStrategy, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
                 DataTableHeader,
                 {
-                  clientFaceting,
-                  clientFilters,
                   clientSorting,
-                  faceting,
-                  filters: controlledFilters,
                   header,
                   hideColumnOrder,
-                  hideColumnPinning,
                   hideColumnResizing,
-                  hideColumnVisibility,
-                  hideFilters,
                   hideSorting,
                   sorting: controlledSorting,
-                  table,
-                  onFiltering: onFiltersChange,
                   onSorting: onSortingChange
                 },
                 header.id
               )) }) }, headerGroup.id)) }),
-              /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => {
-                let value = cell.getValue();
-                return /* @__PURE__ */ jsx(
-                  TableCell,
-                  {
-                    className: getCommonPinningClasses(cell.column),
-                    style: { ...getCommonPinningStyles(cell.column) },
-                    title: value === null || value === void 0 ? void 0 : String(value),
-                    children: flexRender(cell.column.columnDef.cell, cell.getContext())
-                  },
-                  cell.id
-                );
-              }) }, row.id)) }),
+              /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
+                DataTableRow,
+                {
+                  row,
+                  onClick: showRowSummaryOnClick ? handleRowClick : void 0
+                },
+                row.id
+              )) }),
               /* @__PURE__ */ jsx(TableFoot, { children: table.getFooterGroups().map((footerGroup) => /* @__PURE__ */ jsx(TableRow, { children: footerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHeader, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext()) }, header.id)) }, footerGroup.id)) })
             ]
           }
@@ -285,7 +275,19 @@ export function DataTable({
             table,
             onPagination: onPaginationChange
           }
-        )
+        ),
+        showRowSummaryOnClick ? /* @__PURE__ */ jsx(Dialog, { open: showRowSummary, onClose: handleCloseRowDialog, children: /* @__PURE__ */ jsxs(DialogPanel, { className: "flex flex-col gap-4", children: [
+          rowSummaryRow ? /* @__PURE__ */ jsx(Table, { className: "w-full", children: /* @__PURE__ */ jsx(TableBody, { children: rowSummaryRow.getVisibleCells().map((cell) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHeader, { className: "px-4", children: flexRender(cell.column.columnDef.header, {
+              table,
+              column: cell.column,
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions -- needed
+              header: { column: cell.column }
+            }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "overflow-visible whitespace-normal", children: flexRender(cell.column.columnDef.cell, cell.getContext()) })
+          ] }, cell.id)) }) }) : null,
+          /* @__PURE__ */ jsx(Container, { align: "center", direction: "column", children: /* @__PURE__ */ jsx(Button, { className: "self-center", onClick: handleCloseRowDialog, children: "Close" }) })
+        ] }) }) : null
       ]
     }
   );

package/build/components/data-table/DataTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/components/data-table/DataTable.tsx"],
-  "sourcesContent": ["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {restrictToHorizontalAxis} from '@dnd-kit/modifiers';\nimport {arrayMove, horizontalListSortingStrategy, SortableContext} from '@dnd-kit/sortable';\nimport {\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type RowData,\n  type SortingState,\n  type Updater,\n  useReactTable,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport {useCallback, useId, useState} from 'react';\n\nimport {Table} from '../Table.js';\nimport {TableBody} from '../TableBody.js';\nimport {TableCell} from '../TableCell.js';\nimport {TableFoot} from '../TableFoot.js';\nimport {TableHead} from '../TableHead.js';\nimport {TableHeader} from '../TableHeader.js';\nimport {TableRow} from '../TableRow.js';\nimport {type DataTableColumnOrder} from './DataTableColumnOrder.js';\nimport {type DataTableColumnPinning} from './DataTableColumnPinning.js';\nimport {type DataTableColumnVisibility} from './DataTableColumnVisibility.js';\nimport {type DataTableFaceting} from './DataTableFaceting.js';\nimport {type DataTableFilters} from './DataTableFilters.js';\nimport {type DataTablePagination} from './DataTablePagination.js';\nimport {type DataTableSearch} from './DataTableSearch.js';\nimport {type DataTableSorting} from './DataTableSorting.js';\nimport {\n  DataTableHeader,\n  DataTablePagination as DataTablePaginationComponent,\n  DataTableSearch as DataTableSearchComponent,\n  DEFAULT_PAGE_SIZE,\n  fromPinningState,\n  fuzzyFilter,\n  getCommonPinningClasses,\n  getCommonPinningStyles,\n} from './internals.js';\n\ndeclare module '@tanstack/react-table' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- false positive\n  interface ColumnMeta<TData extends RowData, TValue> {\n    filterVariant?: 'range' | 'select' | 'text';\n  }\n}\n\nexport type DataTableProps<D, C> = {\n  data: D[];\n  columns: C;\n  clientPagination?: boolean | undefined;\n  hidePagination?: boolean | undefined;\n  pagination?: DataTablePagination | undefined;\n  onPaginationChange?:\n    | ((\n        pagination: Pick<DataTablePagination, 'page'> | Pick<DataTablePagination, 'pageSize'>,\n      ) => void)\n    | undefined;\n  columnVisibility?: DataTableColumnVisibility;\n  hideColumnVisibility?: boolean | undefined;\n  onColumnVisibilityChange?: ((columnVisibility: DataTableColumnVisibility) => void) | undefined;\n  columnOrder?: DataTableColumnOrder;\n  hideColumnOrder?: boolean | undefined;\n  onColumnOrderChange?: ((columnOrder: DataTableColumnOrder) => void) | undefined;\n  columnPinning?: DataTableColumnPinning;\n  hideColumnPinning?: boolean | undefined;\n  onColumnPinningChange?: ((columnPinning: DataTableColumnPinning) => void) | undefined;\n  hideColumnResizing?: boolean | undefined;\n  clientSorting?: boolean | undefined;\n  sorting?: DataTableSorting | undefined;\n  hideSorting?: boolean | undefined;\n  onSortingChange?: ((sorting: DataTableSorting) => void) | undefined;\n  clientFilters?: boolean | undefined;\n  hideFilters?: boolean | undefined;\n  filters?: DataTableFilters | undefined;\n  onFiltersChange?: ((filters: DataTableFilters) => void) | undefined;\n  clientFaceting?: boolean | undefined;\n  faceting?: DataTableFaceting | undefined;\n  clientSearch?: boolean | undefined;\n  hideSearch?: boolean | undefined;\n  search?: DataTableSearch | undefined;\n  onSearchChange?: ((search: DataTableSearch) => void) | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed so the type parameters are useful\nexport function DataTable<D extends RowData, C extends Array<ColumnDef<D, any>>>({\n  data,\n  columns,\n  clientPagination = false,\n  hidePagination = false,\n  pagination: controlledPagination,\n  onPaginationChange,\n  clientSorting = false,\n  sorting: controlledSorting,\n  hideSorting = false,\n  onSortingChange,\n  columnVisibility: controlledColumnVisibility,\n  hideColumnVisibility = false,\n  onColumnVisibilityChange,\n  columnOrder: controlledColumnOrder,\n  hideColumnOrder = false,\n  onColumnOrderChange,\n  columnPinning: controlledColumnPinning,\n  hideColumnPinning = false,\n  onColumnPinningChange,\n  hideColumnResizing = false,\n  clientFilters = false,\n  hideFilters = false,\n  filters: controlledFilters,\n  onFiltersChange,\n  clientFaceting = false,\n  faceting,\n  clientSearch = false,\n  hideSearch = false,\n  search: controlledSearch,\n  onSearchChange,\n}: DataTableProps<D, C>) {\n  let [pagination, setPagination] = useState<PaginationState>(\n    controlledPagination ?\n      {\n        pageIndex: Math.max(0, controlledPagination.page - 1),\n        pageSize: controlledPagination.pageSize,\n      }\n    : {\n        pageIndex: 0,\n        pageSize: DEFAULT_PAGE_SIZE,\n      },\n  );\n  let [columnVisibility, setColumnVisibility] = useState(controlledColumnVisibility ?? {});\n  let [columnOrder, setColumnOrder] = useState<string[]>(\n    controlledColumnOrder ?\n      [\n        ...controlledColumnOrder,\n        ...columns\n          .map((column, index) => {\n            if (column.id) {\n              return column.id;\n            }\n\n            if ('accessorKey' in column) {\n              return String(column.accessorKey);\n            }\n\n            if (typeof column.header === 'string') {\n              return String(column.header);\n            }\n\n            return String(index);\n          })\n          .filter((value) => !controlledColumnOrder.includes(value)),\n      ]\n    : columns.map((column, index) => {\n        if (column.id) {\n          return column.id;\n        }\n\n        if ('accessorKey' in column) {\n          return String(column.accessorKey);\n        }\n\n        if (typeof column.header === 'string') {\n          return String(column.header);\n        }\n\n        return String(index);\n      }),\n  );\n  let [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\n    controlledColumnPinning ?\n      {\n        left: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'left')\n          .map(([column]) => column),\n        right: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'right')\n          .map(([column]) => column),\n      }\n    : {left: [], right: []},\n  );\n  let [sorting, setSorting] = useState<SortingState>([]);\n  let [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  let [search, setSearch] = useState('');\n\n  let handleColumnVisibilityChange = useCallback(\n    (columnVisibilityState: Updater<VisibilityState>) => {\n      setColumnVisibility(columnVisibilityState);\n\n      if (typeof columnVisibilityState === 'function') {\n        onColumnVisibilityChange?.(columnVisibilityState(columnVisibility));\n      } else {\n        onColumnVisibilityChange?.(columnVisibilityState);\n      }\n    },\n    [columnVisibility, onColumnVisibilityChange],\n  );\n  let handleColumnOrderChange = useCallback(\n    (columnOrderState: Updater<ColumnOrderState>) => {\n      setColumnOrder(columnOrderState);\n\n      if (typeof columnOrderState === 'function') {\n        onColumnOrderChange?.(columnOrderState(columnOrder));\n      } else {\n        onColumnOrderChange?.(columnOrderState);\n      }\n    },\n    [columnOrder, onColumnOrderChange],\n  );\n  let handleColumnPinningChange = useCallback(\n    (columnPinningState: Updater<ColumnPinningState>) => {\n      setColumnPinning(columnPinningState);\n\n      if (typeof columnPinningState === 'function') {\n        onColumnPinningChange?.(fromPinningState(columnPinningState(columnPinning)));\n      } else {\n        onColumnPinningChange?.(fromPinningState(columnPinningState));\n      }\n    },\n    [columnPinning, onColumnPinningChange],\n  );\n\n  let table = useReactTable<D>({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: clientPagination ? getPaginationRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getFacetedRowModel: clientFaceting ? getFacetedRowModel() : undefined,\n    getFacetedUniqueValues: clientFaceting ? getFacetedUniqueValues() : undefined,\n    getFacetedMinMaxValues: clientFaceting ? getFacetedMinMaxValues() : undefined,\n    state: {\n      pagination: clientPagination ? pagination : undefined,\n      columnVisibility,\n      columnOrder,\n      columnPinning,\n      sorting: clientSorting ? sorting : undefined,\n      columnFilters: clientFilters ? columnFilters : undefined,\n      globalFilter: clientSearch ? search : undefined,\n    },\n    onPaginationChange: clientPagination ? setPagination : undefined,\n    onColumnVisibilityChange: handleColumnVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    onColumnPinningChange: handleColumnPinningChange,\n    onSortingChange: clientSorting ? setSorting : undefined,\n    onColumnFiltersChange: clientFilters ? setColumnFilters : undefined,\n    onGlobalFilterChange: clientSearch ? setSearch : undefined,\n    columnResizeMode: 'onChange',\n    globalFilterFn: fuzzyFilter,\n  });\n\n  let handleDragEnd = useCallback(\n    ({active, over}: DragEndEvent) => {\n      if (over && active.id !== over.id) {\n        table.setColumnOrder((previousColumnOrder) => {\n          let oldIndex = previousColumnOrder.indexOf(active.id as string);\n          let newIndex = previousColumnOrder.indexOf(over.id as string);\n\n          return arrayMove(previousColumnOrder, oldIndex, newIndex);\n        });\n      }\n    },\n    [table],\n  );\n\n  let sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {}),\n  );\n\n  let id = useId();\n\n  let page =\n    clientPagination ?\n      table.getState().pagination.pageIndex + 1\n    : (controlledPagination?.page ?? 1);\n  let pageSize =\n    clientPagination ?\n      table.getState().pagination.pageSize\n    : (controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE);\n  let pageCount = clientPagination ? table.getPageCount() : (controlledPagination?.pageCount ?? 1);\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      modifiers={[restrictToHorizontalAxis]}\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n    >\n      {hideSearch ? null : (\n        <DataTableSearchComponent\n          clientSearch={clientSearch}\n          search={controlledSearch}\n          table={table}\n          onSearch={onSearchChange}\n        />\n      )}\n      <div className=\"w-full overflow-x-scroll overflow-y-visible [scrollbar-width:thin]\">\n        <Table\n          style={{\n            width: table.getCenterTotalSize(),\n            tableLayout: 'fixed',\n          }}\n        >\n          <TableHead>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                <SortableContext items={columnOrder} strategy={horizontalListSortingStrategy}>\n                  {headerGroup.headers.map((header) => (\n                    <DataTableHeader\n                      key={header.id}\n                      clientFaceting={clientFaceting}\n                      clientFilters={clientFilters}\n                      clientSorting={clientSorting}\n                      faceting={faceting}\n                      filters={controlledFilters}\n                      header={header}\n                      hideColumnOrder={hideColumnOrder}\n                      hideColumnPinning={hideColumnPinning}\n                      hideColumnResizing={hideColumnResizing}\n                      hideColumnVisibility={hideColumnVisibility}\n                      hideFilters={hideFilters}\n                      hideSorting={hideSorting}\n                      sorting={controlledSorting}\n                      table={table}\n                      onFiltering={onFiltersChange}\n                      onSorting={onSortingChange}\n                    />\n                  ))}\n                </SortableContext>\n              </TableRow>\n            ))}\n          </TableHead>\n          <TableBody>\n            {table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id}>\n                {row.getVisibleCells().map((cell) => {\n                  let value = cell.getValue();\n\n                  return (\n                    <TableCell\n                      key={cell.id}\n                      className={getCommonPinningClasses(cell.column)}\n                      style={{...getCommonPinningStyles(cell.column)}}\n                      title={value === null || value === undefined ? undefined : String(value)}\n                    >\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n          <TableFoot>\n            {table.getFooterGroups().map((footerGroup) => (\n              <TableRow key={footerGroup.id}>\n                {footerGroup.headers.map((header) => (\n                  <TableHeader key={header.id}>\n                    {header.isPlaceholder ? null : (\n                      flexRender(header.column.columnDef.footer, header.getContext())\n                    )}\n                  </TableHeader>\n                ))}\n              </TableRow>\n            ))}\n          </TableFoot>\n        </Table>\n      </div>\n      {hidePagination ? null : (\n        <DataTablePaginationComponent\n          clientPagination={clientPagination}\n          page={page}\n          pageCount={pageCount}\n          pageSize={pageSize}\n          table={table}\n          onPagination={onPaginationChange}\n        />\n      )}\n    </DndContext>\n  );\n}\n"],
-  "mappings": ";AA+TQ,cAQA,YARA;AA/TR;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAQ,gCAA+B;AACvC,SAAQ,WAAW,+BAA+B,uBAAsB;AACxE;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAKA;AAAA,OAEK;AACP,SAAQ,aAAa,OAAO,gBAAe;AAE3C,SAAQ,aAAY;AACpB,SAAQ,iBAAgB;AACxB,SAAQ,iBAAgB;AACxB,SAAQ,iBAAgB;AACxB,SAAQ,iBAAgB;AACxB,SAAQ,mBAAkB;AAC1B,SAAQ,gBAAe;AASvB;AAAA,EACE;AAAA,EACA,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA+CA,gBAAS,UAAiE;AAAA,EAC/E;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,cAAc;AAAA,EACd;AAAA,EACA,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB;AAAA,EACA,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AACF,GAAyB;AACvB,MAAI,CAAC,YAAY,aAAa,IAAI;AAAA,IAChC,uBACE;AAAA,MACE,WAAW,KAAK,IAAI,GAAG,qBAAqB,OAAO,CAAC;AAAA,MACpD,UAAU,qBAAqB;AAAA,IACjC,IACA;AAAA,MACE,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,EACJ;AACA,MAAI,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,8BAA8B,CAAC,CAAC;AACvF,MAAI,CAAC,aAAa,cAAc,IAAI;AAAA,IAClC,wBACE;AAAA,MACE,GAAG;AAAA,MACH,GAAG,QACA,IAAI,CAAC,QAAQ,UAAU;AACtB,YAAI,OAAO,IAAI;AACb,iBAAO,OAAO;AAAA,QAChB;AAEA,YAAI,iBAAiB,QAAQ;AAC3B,iBAAO,OAAO,OAAO,WAAW;AAAA,QAClC;AAEA,YAAI,OAAO,OAAO,WAAW,UAAU;AACrC,iBAAO,OAAO,OAAO,MAAM;AAAA,QAC7B;AAEA,eAAO,OAAO,KAAK;AAAA,MACrB,CAAC,EACA,OAAO,CAAC,UAAU,CAAC,sBAAsB,SAAS,KAAK,CAAC;AAAA,IAC7D,IACA,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC7B,UAAI,OAAO,IAAI;AACb,eAAO,OAAO;AAAA,MAChB;AAEA,UAAI,iBAAiB,QAAQ;AAC3B,eAAO,OAAO,OAAO,WAAW;AAAA,MAClC;AAEA,UAAI,OAAO,OAAO,WAAW,UAAU;AACrC,eAAO,OAAO,OAAO,MAAM;AAAA,MAC7B;AAEA,aAAO,OAAO,KAAK;AAAA,IACrB,CAAC;AAAA,EACL;AACA,MAAI,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACtC,0BACE;AAAA,MACE,MAAM,OAAO,QAAQ,uBAAuB,EACzC,OAAO,CAAC,CAAC,EAAE,OAAO,MAAM,YAAY,MAAM,EAC1C,IAAI,CAAC,CAAC,MAAM,MAAM,MAAM;AAAA,MAC3B,OAAO,OAAO,QAAQ,uBAAuB,EAC1C,OAAO,CAAC,CAAC,EAAE,OAAO,MAAM,YAAY,OAAO,EAC3C,IAAI,CAAC,CAAC,MAAM,MAAM,MAAM;AAAA,IAC7B,IACA,EAAC,MAAM,CAAC,GAAG,OAAO,CAAC,EAAC;AAAA,EACxB;AACA,MAAI,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACrD,MAAI,CAAC,eAAe,gBAAgB,IAAI,SAA6B,CAAC,CAAC;AACvE,MAAI,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAErC,MAAI,+BAA+B;AAAA,IACjC,CAAC,0BAAoD;AACnD,0BAAoB,qBAAqB;AAEzC,UAAI,OAAO,0BAA0B,YAAY;AAC/C,mCAA2B,sBAAsB,gBAAgB,CAAC;AAAA,MACpE,OAAO;AACL,mCAA2B,qBAAqB;AAAA,MAClD;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,wBAAwB;AAAA,EAC7C;AACA,MAAI,0BAA0B;AAAA,IAC5B,CAAC,qBAAgD;AAC/C,qBAAe,gBAAgB;AAE/B,UAAI,OAAO,qBAAqB,YAAY;AAC1C,8BAAsB,iBAAiB,WAAW,CAAC;AAAA,MACrD,OAAO;AACL,8BAAsB,gBAAgB;AAAA,MACxC;AAAA,IACF;AAAA,IACA,CAAC,aAAa,mBAAmB;AAAA,EACnC;AACA,MAAI,4BAA4B;AAAA,IAC9B,CAAC,uBAAoD;AACnD,uBAAiB,kBAAkB;AAEnC,UAAI,OAAO,uBAAuB,YAAY;AAC5C,gCAAwB,iBAAiB,mBAAmB,aAAa,CAAC,CAAC;AAAA,MAC7E,OAAO;AACL,gCAAwB,iBAAiB,kBAAkB,CAAC;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,CAAC,eAAe,qBAAqB;AAAA,EACvC;AAEA,MAAI,QAAQ,cAAiB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,IACrC,uBAAuB,mBAAmB,sBAAsB,IAAI;AAAA,IACpE,qBAAqB,oBAAoB;AAAA,IACzC,oBAAoB,iBAAiB,mBAAmB,IAAI;AAAA,IAC5D,wBAAwB,iBAAiB,uBAAuB,IAAI;AAAA,IACpE,wBAAwB,iBAAiB,uBAAuB,IAAI;AAAA,IACpE,OAAO;AAAA,MACL,YAAY,mBAAmB,aAAa;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB,UAAU;AAAA,MACnC,eAAe,gBAAgB,gBAAgB;AAAA,MAC/C,cAAc,eAAe,SAAS;AAAA,IACxC;AAAA,IACA,oBAAoB,mBAAmB,gBAAgB;AAAA,IACvD,0BAA0B;AAAA,IAC1B,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB,iBAAiB,gBAAgB,aAAa;AAAA,IAC9C,uBAAuB,gBAAgB,mBAAmB;AAAA,IAC1D,sBAAsB,eAAe,YAAY;AAAA,IACjD,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,EAClB,CAAC;AAED,MAAI,gBAAgB;AAAA,IAClB,CAAC,EAAC,QAAQ,KAAI,MAAoB;AAChC,UAAI,QAAQ,OAAO,OAAO,KAAK,IAAI;AACjC,cAAM,eAAe,CAAC,wBAAwB;AAC5C,cAAI,WAAW,oBAAoB,QAAQ,OAAO,EAAY;AAC9D,cAAI,WAAW,oBAAoB,QAAQ,KAAK,EAAY;AAE5D,iBAAO,UAAU,qBAAqB,UAAU,QAAQ;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,MAAI,UAAU;AAAA,IACZ,UAAU,aAAa;AAAA,MACrB,sBAAsB;AAAA,QACpB,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,IACD,UAAU,aAAa;AAAA,MACrB,sBAAsB;AAAA,QACpB,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,IACD,UAAU,gBAAgB,CAAC,CAAC;AAAA,EAC9B;AAEA,MAAI,KAAK,MAAM;AAEf,MAAI,OACF,mBACE,MAAM,SAAS,EAAE,WAAW,YAAY,IACvC,sBAAsB,QAAQ;AACnC,MAAI,WACF,mBACE,MAAM,SAAS,EAAE,WAAW,WAC3B,sBAAsB,YAAY;AACvC,MAAI,YAAY,mBAAmB,MAAM,aAAa,IAAK,sBAAsB,aAAa;AAE9F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAoB;AAAA,MACpB;AAAA,MACA,WAAW,CAAC,wBAAwB;AAAA,MACpC;AAAA,MACA,WAAW;AAAA,MAEV;AAAA,qBAAa,OACZ;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA,UAAU;AAAA;AAAA,QACZ;AAAA,QAEF,oBAAC,SAAI,WAAU,sEACb;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,mBAAmB;AAAA,cAChC,aAAa;AAAA,YACf;AAAA,YAEA;AAAA,kCAAC,aACE,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B,oBAAC,YACC,8BAAC,mBAAgB,OAAO,aAAa,UAAU,+BAC5C,sBAAY,QAAQ,IAAI,CAAC,WACxB;AAAA,gBAAC;AAAA;AAAA,kBAEC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,kBACA,aAAa;AAAA,kBACb,WAAW;AAAA;AAAA,gBAhBN,OAAO;AAAA,cAiBd,CACD,GACH,KAvBa,YAAY,EAwB3B,CACD,GACH;AAAA,cACA,oBAAC,aACE,gBAAM,YAAY,EAAE,KAAK,IAAI,CAAC,QAC7B,oBAAC,YACE,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AACnC,oBAAI,QAAQ,KAAK,SAAS;AAE1B,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,WAAW,wBAAwB,KAAK,MAAM;AAAA,oBAC9C,OAAO,EAAC,GAAG,uBAAuB,KAAK,MAAM,EAAC;AAAA,oBAC9C,OAAO,UAAU,QAAQ,UAAU,SAAY,SAAY,OAAO,KAAK;AAAA,oBAEtE,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,kBALpD,KAAK;AAAA,gBAMZ;AAAA,cAEJ,CAAC,KAdY,IAAI,EAenB,CACD,GACH;AAAA,cACA,oBAAC,aACE,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B,oBAAC,YACE,sBAAY,QAAQ,IAAI,CAAC,WACxB,oBAAC,eACE,iBAAO,gBAAgB,OACtB,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAW,CAAC,KAFhD,OAAO,EAIzB,CACD,KAPY,YAAY,EAQ3B,CACD,GACH;AAAA;AAAA;AAAA,QACF,GACF;AAAA,QACC,iBAAiB,OAChB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAc;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import {horizontalListSortingStrategy, SortableContext} from '@dnd-kit/sortable';\nimport {\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type Header,\n  type PaginationState,\n  type Row,\n  type RowData,\n  type SortingState,\n  type Updater,\n  useReactTable,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport {useCallback, useState} from 'react';\n\nimport {Button} from '../Button.js';\nimport {Container} from '../Container.js';\nimport {Dialog} from '../Dialog.js';\nimport {DialogPanel} from '../DialogPanel.js';\nimport {Table} from '../Table.js';\nimport {TableBody} from '../TableBody.js';\nimport {TableCell} from '../TableCell.js';\nimport {TableFoot} from '../TableFoot.js';\nimport {TableHead} from '../TableHead.js';\nimport {TableHeader} from '../TableHeader.js';\nimport {TableRow} from '../TableRow.js';\nimport {type DataTableColumnOrder} from './DataTableColumnOrder.js';\nimport {type DataTableColumnPinning} from './DataTableColumnPinning.js';\nimport {type DataTableColumnVisibility} from './DataTableColumnVisibility.js';\nimport {type DataTableFaceting} from './DataTableFaceting.js';\nimport {type DataTableFilters} from './DataTableFilters.js';\nimport {type DataTablePagination} from './DataTablePagination.js';\nimport {type DataTableSearch} from './DataTableSearch.js';\nimport {type DataTableSorting} from './DataTableSorting.js';\nimport {\n  DataTableFilters as DataTableFiltersComponent,\n  DataTableHeader,\n  DataTableMenu,\n  DataTablePagination as DataTablePaginationComponent,\n  DataTableSearch as DataTableSearchComponent,\n  DEFAULT_PAGE_SIZE,\n  fromPinningState,\n  fuzzyFilter,\n} from './internals.js';\nimport {DataTableRow} from './internals/DataTableRow.js';\n\ndeclare module '@tanstack/react-table' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- false positive\n  interface ColumnMeta<TData extends RowData, TValue> {\n    filterVariant?: 'range' | 'select' | 'text';\n  }\n}\n\nexport type DataTableProps<D, C> = {\n  data: D[];\n  columns: C;\n  clientPagination?: boolean | undefined;\n  hidePagination?: boolean | undefined;\n  pagination?: DataTablePagination | undefined;\n  onPaginationChange?:\n    | ((\n        pagination: Pick<DataTablePagination, 'page'> | Pick<DataTablePagination, 'pageSize'>,\n      ) => void)\n    | undefined;\n  columnVisibility?: DataTableColumnVisibility;\n  hideColumnVisibility?: boolean | undefined;\n  onColumnVisibilityChange?: ((columnVisibility: DataTableColumnVisibility) => void) | undefined;\n  columnOrder?: DataTableColumnOrder;\n  hideColumnOrder?: boolean | undefined;\n  onColumnOrderChange?: ((columnOrder: DataTableColumnOrder) => void) | undefined;\n  columnPinning?: DataTableColumnPinning;\n  hideColumnPinning?: boolean | undefined;\n  onColumnPinningChange?: ((columnPinning: DataTableColumnPinning) => void) | undefined;\n  hideColumnResizing?: boolean | undefined;\n  clientSorting?: boolean | undefined;\n  sorting?: DataTableSorting | undefined;\n  hideSorting?: boolean | undefined;\n  onSortingChange?: ((sorting: DataTableSorting) => void) | undefined;\n  clientFilters?: boolean | undefined;\n  hideFilters?: boolean | undefined;\n  filters?: DataTableFilters | undefined;\n  onFiltersChange?: ((filters: DataTableFilters) => void) | undefined;\n  clientFaceting?: boolean | undefined;\n  faceting?: DataTableFaceting | undefined;\n  clientSearch?: boolean | undefined;\n  hideSearch?: boolean | undefined;\n  search?: DataTableSearch | undefined;\n  onSearchChange?: ((search: DataTableSearch) => void) | undefined;\n  showRowSummaryOnClick?: boolean | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed so the type parameters are useful\nexport function DataTable<D extends RowData, C extends Array<ColumnDef<D, any>>>({\n  data,\n  columns,\n  clientPagination = false,\n  hidePagination = false,\n  pagination: controlledPagination,\n  onPaginationChange,\n  clientSorting = false,\n  sorting: controlledSorting,\n  hideSorting = false,\n  onSortingChange,\n  columnVisibility: controlledColumnVisibility,\n  hideColumnVisibility = false,\n  onColumnVisibilityChange,\n  columnOrder: controlledColumnOrder,\n  hideColumnOrder = false,\n  onColumnOrderChange,\n  columnPinning: controlledColumnPinning,\n  hideColumnPinning = false,\n  onColumnPinningChange,\n  hideColumnResizing = false,\n  clientFilters = false,\n  hideFilters = false,\n  filters: controlledFilters,\n  onFiltersChange,\n  clientFaceting = false,\n  faceting,\n  clientSearch = false,\n  hideSearch = false,\n  search: controlledSearch,\n  onSearchChange,\n  showRowSummaryOnClick = false,\n}: DataTableProps<D, C>) {\n  let [pagination, setPagination] = useState<PaginationState>(\n    controlledPagination ?\n      {\n        pageIndex: Math.max(0, controlledPagination.page - 1),\n        pageSize: controlledPagination.pageSize,\n      }\n    : {\n        pageIndex: 0,\n        pageSize: DEFAULT_PAGE_SIZE,\n      },\n  );\n  let [columnVisibility, setColumnVisibility] = useState(controlledColumnVisibility ?? {});\n  let [columnOrder, setColumnOrder] = useState<string[]>(\n    controlledColumnOrder ?\n      [\n        ...controlledColumnOrder,\n        ...columns\n          .map((column, index) => {\n            if (column.id) {\n              return column.id;\n            }\n\n            if ('accessorKey' in column) {\n              return String(column.accessorKey);\n            }\n\n            if (typeof column.header === 'string') {\n              return String(column.header);\n            }\n\n            return String(index);\n          })\n          .filter((value) => !controlledColumnOrder.includes(value)),\n      ]\n    : columns.map((column, index) => {\n        if (column.id) {\n          return column.id;\n        }\n\n        if ('accessorKey' in column) {\n          return String(column.accessorKey);\n        }\n\n        if (typeof column.header === 'string') {\n          return String(column.header);\n        }\n\n        return String(index);\n      }),\n  );\n  let [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\n    controlledColumnPinning ?\n      {\n        left: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'left')\n          .map(([column]) => column),\n        right: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'right')\n          .map(([column]) => column),\n      }\n    : {left: [], right: []},\n  );\n  let [sorting, setSorting] = useState<SortingState>([]);\n  let [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  let [showFilters, setShowFilters] = useState(false);\n  let [search, setSearch] = useState('');\n  let [showRowSummary, setShowRowSummary] = useState(false);\n  let [rowSummaryRow, setRowSummaryRow] = useState<Row<D> | null>(null);\n\n  let handleColumnVisibilityChange = useCallback(\n    (columnVisibilityState: Updater<VisibilityState>) => {\n      setColumnVisibility(columnVisibilityState);\n\n      if (typeof columnVisibilityState === 'function') {\n        onColumnVisibilityChange?.(columnVisibilityState(columnVisibility));\n      } else {\n        onColumnVisibilityChange?.(columnVisibilityState);\n      }\n    },\n    [columnVisibility, onColumnVisibilityChange],\n  );\n  let handleColumnOrderChange = useCallback(\n    (columnOrderState: Updater<ColumnOrderState>) => {\n      setColumnOrder(columnOrderState);\n\n      if (typeof columnOrderState === 'function') {\n        onColumnOrderChange?.(columnOrderState(columnOrder));\n      } else {\n        onColumnOrderChange?.(columnOrderState);\n      }\n    },\n    [columnOrder, onColumnOrderChange],\n  );\n  let handleColumnPinningChange = useCallback(\n    (columnPinningState: Updater<ColumnPinningState>) => {\n      setColumnPinning(columnPinningState);\n\n      if (typeof columnPinningState === 'function') {\n        onColumnPinningChange?.(fromPinningState(columnPinningState(columnPinning)));\n      } else {\n        onColumnPinningChange?.(fromPinningState(columnPinningState));\n      }\n    },\n    [columnPinning, onColumnPinningChange],\n  );\n\n  let table = useReactTable<D>({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: clientPagination ? getPaginationRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getFacetedRowModel: clientFaceting ? getFacetedRowModel() : undefined,\n    getFacetedUniqueValues: clientFaceting ? getFacetedUniqueValues() : undefined,\n    getFacetedMinMaxValues: clientFaceting ? getFacetedMinMaxValues() : undefined,\n    state: {\n      pagination: clientPagination ? pagination : undefined,\n      columnVisibility,\n      columnOrder,\n      columnPinning,\n      sorting: clientSorting ? sorting : undefined,\n      columnFilters: clientFilters ? columnFilters : undefined,\n      globalFilter: clientSearch ? search : undefined,\n    },\n    onPaginationChange: clientPagination ? setPagination : undefined,\n    onColumnVisibilityChange: handleColumnVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    onColumnPinningChange: handleColumnPinningChange,\n    onSortingChange: clientSorting ? setSorting : undefined,\n    onColumnFiltersChange: clientFilters ? setColumnFilters : undefined,\n    onGlobalFilterChange: clientSearch ? setSearch : undefined,\n    columnResizeMode: 'onChange',\n    globalFilterFn: fuzzyFilter,\n  });\n\n  let page =\n    clientPagination ?\n      table.getState().pagination.pageIndex + 1\n    : (controlledPagination?.page ?? 1);\n  let pageSize =\n    clientPagination ?\n      table.getState().pagination.pageSize\n    : (controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE);\n  let pageCount = clientPagination ? table.getPageCount() : (controlledPagination?.pageCount ?? 1);\n\n  let toggleFilters = useCallback(() => {\n    setShowFilters((value) => !value);\n  }, []);\n\n  let handleRowClick = useCallback((row: Row<D>) => {\n    setRowSummaryRow(row);\n    setShowRowSummary(true);\n  }, []);\n\n  let handleCloseRowDialog = useCallback(() => {\n    setShowRowSummary(false);\n  }, []);\n\n  return (\n    <div\n      className=\"group/table grid w-full grid-cols-[100%] grid-rows-[min-content_min-content_1fr] gap-6 sm:gap-4 sm:data-[show-filters]:grid-cols-[1fr_2fr] md:data-[show-filters]:grid-cols-[1fr_3fr] lg:data-[show-filters]:grid-cols-[1fr_4fr]\"\n      data-show-filters={showFilters || undefined}\n    >\n      <div className=\"flex flex-col gap-2\">\n        {hideSearch ? null : (\n          <DataTableSearchComponent\n            clientSearch={clientSearch}\n            search={controlledSearch}\n            table={table}\n            onSearch={onSearchChange}\n          />\n        )}\n        {hideColumnOrder && hideColumnPinning && hideColumnVisibility && hideFilters ? null : (\n          <DataTableMenu\n            hideColumnOrder={hideColumnOrder}\n            hideColumnPinning={hideColumnPinning}\n            hideColumnVisibility={hideColumnVisibility}\n            hideFilters={hideFilters}\n            table={table}\n            toggleFilters={toggleFilters}\n          />\n        )}\n      </div>\n      {hideFilters ? null : (\n        <DataTableFiltersComponent\n          clientFaceting={clientFaceting}\n          clientFilters={clientFilters}\n          faceting={faceting}\n          filters={controlledFilters}\n          table={table}\n          onFiltering={onFiltersChange}\n        />\n      )}\n      <div className=\"w-full overflow-x-scroll overflow-y-visible [scrollbar-width:thin]\">\n        <Table\n          style={{\n            width: table.getCenterTotalSize(),\n            tableLayout: 'fixed',\n          }}\n        >\n          <TableHead>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                <SortableContext items={columnOrder} strategy={horizontalListSortingStrategy}>\n                  {headerGroup.headers.map((header) => (\n                    <DataTableHeader\n                      key={header.id}\n                      clientSorting={clientSorting}\n                      header={header}\n                      hideColumnOrder={hideColumnOrder}\n                      hideColumnResizing={hideColumnResizing}\n                      hideSorting={hideSorting}\n                      sorting={controlledSorting}\n                      onSorting={onSortingChange}\n                    />\n                  ))}\n                </SortableContext>\n              </TableRow>\n            ))}\n          </TableHead>\n          <TableBody>\n            {table.getRowModel().rows.map((row) => (\n              <DataTableRow\n                key={row.id}\n                row={row}\n                onClick={showRowSummaryOnClick ? handleRowClick : undefined}\n              />\n            ))}\n          </TableBody>\n          <TableFoot>\n            {table.getFooterGroups().map((footerGroup) => (\n              <TableRow key={footerGroup.id}>\n                {footerGroup.headers.map((header) => (\n                  <TableHeader key={header.id}>\n                    {header.isPlaceholder ? null : (\n                      flexRender(header.column.columnDef.footer, header.getContext())\n                    )}\n                  </TableHeader>\n                ))}\n              </TableRow>\n            ))}\n          </TableFoot>\n        </Table>\n      </div>\n      {hidePagination ? null : (\n        <DataTablePaginationComponent\n          clientPagination={clientPagination}\n          page={page}\n          pageCount={pageCount}\n          pageSize={pageSize}\n          table={table}\n          onPagination={onPaginationChange}\n        />\n      )}\n      {showRowSummaryOnClick ?\n        <Dialog open={showRowSummary} onClose={handleCloseRowDialog}>\n          <DialogPanel className=\"flex flex-col gap-4\">\n            {rowSummaryRow ?\n              <Table className=\"w-full\">\n                <TableBody>\n                  {rowSummaryRow.getVisibleCells().map((cell) => (\n                    <TableRow key={cell.id}>\n                      <TableHeader className=\"px-4\">\n                        {flexRender(cell.column.columnDef.header, {\n                          table,\n                          column: cell.column,\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions -- needed\n                          header: {column: cell.column} as Header<any, any>,\n                        })}\n                      </TableHeader>\n                      <TableCell className=\"overflow-visible whitespace-normal\">\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    </TableRow>\n                  ))}\n                </TableBody>\n              </Table>\n            : null}\n            <Container align=\"center\" direction=\"column\">\n              <Button className=\"self-center\" onClick={handleCloseRowDialog}>\n                Close\n              </Button>\n            </Container>\n          </DialogPanel>\n        </Dialog>\n      : null}\n    </div>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build/components/data-table/internals/DataTableFilter.d.ts

@@ -0,0 +1,12 @@
+import { type Column, type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export type DataTableFilterProps = {
+    table: Table<any>;
+    column: Column<any>;
+    clientFilters: DataTableProps<any, any>['clientFilters'];
+    filters: DataTableProps<any, any>['filters'];
+    onFiltering: DataTableProps<any, any>['onFiltersChange'];
+    clientFaceting: DataTableProps<any, any>['clientFaceting'];
+    faceting: DataTableProps<any, any>['faceting'];
+};
+export declare function DataTableFilter({ table, column, clientFilters, filters: controlledFilters, onFiltering, clientFaceting, faceting, }: DataTableFilterProps): import("react/jsx-runtime").JSX.Element;