@jakubmazanec/ui 0.4.2 → 0.5.0-unstable.5f3ffbeb

package/build/components/data-table/internals/DataTableHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/DataTableHeader.tsx"],
-  "sourcesContent": ["import {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {flexRender, type Header, type Table} from '@tanstack/react-table';\nimport {type CSSProperties, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Field} from '../../Field.js';\nimport {Icon} from '../../Icon.js';\nimport {Popover} from '../../Popover.js';\nimport {PopoverButton} from '../../PopoverButton.js';\nimport {PopoverPanel} from '../../PopoverPanel.js';\nimport {TableHeader} from '../../TableHeader.js';\nimport {Text} from '../../Text.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {DataTableHeaderColumnCheckbox} from './DataTableHeaderColumnCheckbox.js';\nimport {DataTableHeaderFilter} from './DataTableHeaderFilter.js';\nimport {getCommonPinningClasses} from './getCommonPinningClasses.js';\nimport {getCommonPinningStyles} from './getCommonPinningStyles.js';\nimport {normalizeSorting} from './normalizeSorting.js';\n\nexport type DataTableHeaderProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  header: Header<any, any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientSorting: DataTableProps<any, any>['clientSorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideSorting: DataTableProps<any, any>['hideSorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  sorting: DataTableProps<any, any>['sorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSorting: DataTableProps<any, any>['onSortingChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFilters: DataTableProps<any, any>['clientFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideFilters: DataTableProps<any, any>['hideFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onFiltering: DataTableProps<any, any>['onFiltersChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFaceting: DataTableProps<any, any>['clientFaceting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  faceting: DataTableProps<any, any>['faceting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnResizing: DataTableProps<any, any>['hideColumnResizing'];\n};\n\nexport function DataTableHeader({\n  table,\n  header,\n  clientSorting,\n  hideSorting = false,\n  sorting: controlledSorting,\n  onSorting,\n  clientFilters,\n  hideFilters = false,\n  filters: controlledFilters,\n  onFiltering,\n  clientFaceting,\n  faceting,\n  hideColumnVisibility = false,\n  hideColumnOrder = false,\n  hideColumnPinning = false,\n  hideColumnResizing = false,\n}: DataTableHeaderProps) {\n  let {attributes, isDragging, listeners, setNodeRef, transform} = useSortable({\n    id: header.column.id,\n  });\n\n  let sorting =\n    clientSorting ? normalizeSorting(header) : normalizeSorting(header, controlledSorting);\n\n  let style: CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    transition: 'width transform 0.2s ease-in-out',\n    zIndex: isDragging ? 20 : undefined,\n    ...getCommonPinningStyles(header.column),\n  };\n\n  let contentElement = null;\n\n  if (!header.isPlaceholder) {\n    contentElement = flexRender(header.column.columnDef.header, header.getContext());\n  }\n\n  let sortElement;\n\n  if (!sorting) {\n    sortElement = <Icon name=\"ArrowsUpDown\" size=\"small\" variant=\"light\" />;\n  } else if (sorting.direction === 'ascending') {\n    sortElement = <Icon name=\"ArrowUp\" size=\"small\" />;\n  } else {\n    sortElement = <Icon name=\"ArrowDown\" size=\"small\" />;\n  }\n\n  let title: string | undefined;\n\n  if (!sorting) {\n    title = 'Sort ascending';\n  } else if (sorting.direction === 'ascending') {\n    title = 'Sort descending';\n  } else {\n    title = 'Clear sort';\n  }\n\n  let handleSortClick = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let newSorting: DataTableProps<any, any>['sorting'];\n\n    if (!sorting) {\n      newSorting = {\n        column: header.column.id,\n        direction: 'ascending',\n      };\n    } else if (sorting.direction === 'ascending') {\n      newSorting = {\n        column: header.column.id,\n        direction: 'descending',\n      };\n    } else {\n      newSorting = null;\n    }\n\n    if (clientSorting) {\n      if (!sorting) {\n        header.column.toggleSorting(false);\n      } else if (sorting.direction === 'ascending') {\n        header.column.toggleSorting(true);\n      } else {\n        header.column.clearSorting();\n      }\n    }\n\n    if (onSorting) {\n      onSorting(newSorting);\n    }\n  }, [sorting, clientSorting, onSorting, header.column]);\n\n  let handleWidthReset = useCallback(() => {\n    header.column.resetSize();\n  }, [header.column]);\n\n  let handlePinLeftClick = useCallback(() => {\n    header.column.pin('left');\n  }, [header.column]);\n\n  let handlePinRightClick = useCallback(() => {\n    header.column.pin('right');\n  }, [header.column]);\n\n  let handleUnpinClick = useCallback(() => {\n    header.column.pin(false);\n  }, [header.column]);\n\n  let resolvedHideFilters = hideFilters || !header.column.getCanFilter();\n  let resolvedHideSorting = hideSorting || !header.column.getCanSort();\n  let resolvedHideColumnPinning = hideColumnPinning || !header.column.getCanPin();\n\n  return (\n    <TableHeader\n      ref={setNodeRef}\n      className={getCommonPinningClasses(header.column)}\n      colSpan={header.colSpan}\n      style={style}\n    >\n      <span\n        className={\n          hideColumnResizing ?\n            'relative block overflow-hidden'\n          : 'relative mr-6 block overflow-hidden'\n        }\n      >\n        <Container align=\"center\" justify=\"end\" spacing=\"extra-small\">\n          {resolvedHideSorting && hideColumnOrder ?\n            contentElement\n          : <Button\n              className={hideColumnOrder ? 'inline-flex' : 'inline-flex cursor-move'}\n              size=\"small\"\n              title={title}\n              variant=\"text\"\n              onClick={resolvedHideSorting ? undefined : handleSortClick}\n              {...(hideColumnOrder ? {} : attributes)}\n              {...(hideColumnOrder ? {} : listeners)}\n            >\n              {resolvedHideSorting ? null : sortElement}\n              {contentElement}\n            </Button>\n          }\n          {resolvedHideColumnPinning && resolvedHideFilters && hideColumnVisibility ? null : (\n            <Popover>\n              <PopoverButton>\n                <Button aria-label=\"Settings\" size=\"small\" variant=\"text\">\n                  <Icon name=\"Cog6Tooth\" size=\"small\" />\n                </Button>\n              </PopoverButton>\n              <PopoverPanel anchor=\"right start\">\n                <Container direction=\"column\" spacing=\"large\">\n                  {resolvedHideColumnPinning ? null : (\n                    <Container direction=\"row\" spacing=\"small\">\n                      <Text>Pin column</Text>\n\n                      <Field>\n                        <Container spacing=\"small\">\n                          {header.column.getIsPinned() === 'left' ? null : (\n                            <Button\n                              aria-label=\"Pin to left\"\n                              variant=\"outline\"\n                              onClick={handlePinLeftClick}\n                            >\n                              <Icon name=\"ArrowLeftEndOnRectangle\" size=\"large\" />\n                            </Button>\n                          )}\n                          {header.column.getIsPinned() ?\n                            <Button aria-label=\"Unpin\" variant=\"outline\" onClick={handleUnpinClick}>\n                              <Icon name=\"XMark\" size=\"large\" />\n                            </Button>\n                          : null}\n                          {header.column.getIsPinned() === 'right' ? null : (\n                            <Button\n                              aria-label=\"Pin to right\"\n                              variant=\"outline\"\n                              onClick={handlePinRightClick}\n                            >\n                              <Icon name=\"ArrowRightEndOnRectangle\" size=\"large\" />\n                            </Button>\n                          )}\n                        </Container>\n                      </Field>\n                    </Container>\n                  )}\n\n                  {resolvedHideFilters ? null : (\n                    <Container direction=\"column\" spacing=\"small\">\n                      <Text>Filter</Text>\n\n                      <Field>\n                        <DataTableHeaderFilter\n                          clientFaceting={clientFaceting}\n                          clientFilters={clientFilters}\n                          column={header.column}\n                          faceting={faceting}\n                          filters={controlledFilters}\n                          table={table}\n                          onFiltering={onFiltering}\n                        />\n                      </Field>\n                    </Container>\n                  )}\n\n                  {hideColumnVisibility ? null : (\n                    <Container direction=\"column\" spacing=\"small\">\n                      <Text>Visible columns</Text>\n\n                      {table.getAllLeafColumns().map((column) => (\n                        <DataTableHeaderColumnCheckbox\n                          key={column.id}\n                          column={column}\n                          table={table}\n                        />\n                      ))}\n                    </Container>\n                  )}\n                </Container>\n              </PopoverPanel>\n            </Popover>\n          )}\n        </Container>\n      </span>\n      {hideColumnResizing ? null : (\n        <Button\n          aria-label=\"Resize\"\n          // className=\"absolute right-1 top-2.5 cursor-col-resize\"\n          className=\"absolute top-1/2 right-1 -mt-2.5 cursor-col-resize\"\n          size=\"small\"\n          variant=\"invisible\"\n          onDoubleClick={handleWidthReset}\n          onMouseDown={header.getResizeHandler()}\n          onTouchStart={header.getResizeHandler()}\n        >\n          <Icon name=\"ArrowsRightLeft\" size=\"small\" />\n        </Button>\n      )}\n    </TableHeader>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {flexRender, type Header} from '@tanstack/react-table';\nimport {type CSSProperties, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Icon} from '../../Icon.js';\nimport {TableHeader} from '../../TableHeader.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {getCommonPinningClasses} from './getCommonPinningClasses.js';\nimport {getCommonPinningStyles} from './getCommonPinningStyles.js';\nimport {normalizeSorting} from './normalizeSorting.js';\n\nexport type DataTableHeaderProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  header: Header<any, any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientSorting: DataTableProps<any, any>['clientSorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideSorting: DataTableProps<any, any>['hideSorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  sorting: DataTableProps<any, any>['sorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSorting: DataTableProps<any, any>['onSortingChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnResizing: DataTableProps<any, any>['hideColumnResizing'];\n};\n\nexport function DataTableHeader({\n  header,\n  clientSorting,\n  hideSorting = false,\n  sorting: controlledSorting,\n  onSorting,\n  hideColumnOrder = false,\n  hideColumnResizing = false,\n}: DataTableHeaderProps) {\n  let sorting =\n    clientSorting ? normalizeSorting(header) : normalizeSorting(header, controlledSorting);\n\n  let contentElement = null;\n\n  if (!header.isPlaceholder) {\n    contentElement = flexRender(header.column.columnDef.header, header.getContext());\n  }\n\n  let sortElement;\n\n  if (!sorting) {\n    sortElement = <Icon name=\"ArrowsUpDown\" size=\"small\" variant=\"light\" />;\n  } else if (sorting.direction === 'ascending') {\n    sortElement = <Icon name=\"ArrowUp\" size=\"small\" />;\n  } else {\n    sortElement = <Icon name=\"ArrowDown\" size=\"small\" />;\n  }\n\n  let title: string | undefined;\n\n  if (!sorting) {\n    title = 'Sort ascending';\n  } else if (sorting.direction === 'ascending') {\n    title = 'Sort descending';\n  } else {\n    title = 'Clear sort';\n  }\n\n  let handleSortClick = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let newSorting: DataTableProps<any, any>['sorting'];\n\n    if (!sorting) {\n      newSorting = {\n        column: header.column.id,\n        direction: 'ascending',\n      };\n    } else if (sorting.direction === 'ascending') {\n      newSorting = {\n        column: header.column.id,\n        direction: 'descending',\n      };\n    } else {\n      newSorting = null;\n    }\n\n    if (clientSorting) {\n      if (!sorting) {\n        header.column.toggleSorting(false);\n      } else if (sorting.direction === 'ascending') {\n        header.column.toggleSorting(true);\n      } else {\n        header.column.clearSorting();\n      }\n    }\n\n    if (onSorting) {\n      onSorting(newSorting);\n    }\n  }, [sorting, clientSorting, onSorting, header.column]);\n\n  let handleWidthReset = useCallback(() => {\n    header.column.resetSize();\n  }, [header.column]);\n\n  let resolvedHideSorting = hideSorting || !header.column.getCanSort();\n\n  let style: CSSProperties = {\n    transition: 'width transform 0.2s ease-in-out',\n    ...getCommonPinningStyles(header.column),\n  };\n\n  return (\n    <TableHeader\n      className={getCommonPinningClasses(header.column)}\n      colSpan={header.colSpan}\n      style={style}\n    >\n      <span\n        className={\n          hideColumnResizing ?\n            'relative block overflow-hidden'\n          : 'relative mr-6 block overflow-hidden'\n        }\n      >\n        <Container align=\"center\" justify=\"end\" spacing=\"extra-small\">\n          {resolvedHideSorting && hideColumnOrder ?\n            contentElement\n          : <Button\n              className=\"inline-flex\"\n              size=\"small\"\n              title={title}\n              variant=\"text\"\n              onClick={resolvedHideSorting ? undefined : handleSortClick}\n            >\n              {resolvedHideSorting ? null : sortElement}\n              {contentElement}\n            </Button>\n          }\n        </Container>\n      </span>\n      {hideColumnResizing ? null : (\n        <Button\n          aria-label=\"Resize\"\n          className=\"absolute top-1/2 right-1 -mt-2.5 cursor-col-resize\"\n          size=\"small\"\n          variant=\"invisible\"\n          onDoubleClick={handleWidthReset}\n          onMouseDown={header.getResizeHandler()}\n          onTouchStart={header.getResizeHandler()}\n        >\n          <Icon name=\"ArrowsRightLeft\" size=\"small\" />\n        </Button>\n      )}\n    </TableHeader>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,11 @@
+import { type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export type DataTableMenuProps = {
+    table: Table<any>;
+    hideFilters: DataTableProps<any, any>['hideFilters'];
+    hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];
+    hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];
+    hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];
+    toggleFilters: () => void;
+};
+export declare function DataTableMenu({ table, hideFilters, hideColumnVisibility, hideColumnOrder, hideColumnPinning, toggleFilters, }: DataTableMenuProps): import("react/jsx-runtime").JSX.Element;

package/build/components/data-table/internals/DataTableMenu.js

@@ -0,0 +1,35 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../Button.js";
+import { Container } from "../../Container.js";
+import { Icon } from "../../Icon.js";
+import { Popover } from "../../Popover.js";
+import { PopoverButton } from "../../PopoverButton.js";
+import { PopoverPanel } from "../../PopoverPanel.js";
+import { DataTableSettings } from "./DataTableSettings.js";
+export function DataTableMenu({
+  table,
+  hideFilters = false,
+  hideColumnVisibility = false,
+  hideColumnOrder = false,
+  hideColumnPinning = false,
+  // TODO: this probablu should be passed via some context
+  toggleFilters
+}) {
+  return /* @__PURE__ */ jsxs(Container, { justify: "spaced", spacing: "small", children: [
+    hideFilters ? null : /* @__PURE__ */ jsx(Button, { "aria-label": "Filter", variant: "outline", onClick: toggleFilters, children: /* @__PURE__ */ jsx(Icon, { name: "Funnel", size: "large" }) }),
+    /* @__PURE__ */ jsxs(Popover, { className: "ml-auto", children: [
+      /* @__PURE__ */ jsx(PopoverButton, { children: /* @__PURE__ */ jsx(Button, { "aria-label": "Settings", variant: "outline", children: /* @__PURE__ */ jsx(Icon, { name: "Cog6Tooth", size: "large" }) }) }),
+      /* @__PURE__ */ jsx(PopoverPanel, { anchor: "bottom end", children: /* @__PURE__ */ jsx(
+        DataTableSettings,
+        {
+          hideColumnOrder,
+          hideColumnPinning,
+          hideColumnVisibility,
+          table
+        }
+      ) })
+    ] })
+  ] });
+}
+//# sourceMappingURL=DataTableMenu.js.map

package/build/components/data-table/internals/DataTableMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/DataTableMenu.tsx"],
+  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Icon} from '../../Icon.js';\nimport {Popover} from '../../Popover.js';\nimport {PopoverButton} from '../../PopoverButton.js';\nimport {PopoverPanel} from '../../PopoverPanel.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {DataTableSettings} from './DataTableSettings.js';\n\nexport type DataTableMenuProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideFilters: DataTableProps<any, any>['hideFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];\n\n  // TODO: this probablu should be passed via some context\n  toggleFilters: () => void;\n};\n\nexport function DataTableMenu({\n  table,\n  hideFilters = false,\n  hideColumnVisibility = false,\n  hideColumnOrder = false,\n  hideColumnPinning = false,\n\n  // TODO: this probablu should be passed via some context\n  toggleFilters,\n}: DataTableMenuProps) {\n  return (\n    <Container justify=\"spaced\" spacing=\"small\">\n      {hideFilters ? null : (\n        <Button aria-label=\"Filter\" variant=\"outline\" onClick={toggleFilters}>\n          <Icon name=\"Funnel\" size=\"large\" />\n        </Button>\n      )}\n      <Popover className=\"ml-auto\">\n        <PopoverButton>\n          <Button aria-label=\"Settings\" variant=\"outline\">\n            <Icon name=\"Cog6Tooth\" size=\"large\" />\n          </Button>\n        </PopoverButton>\n        <PopoverPanel anchor=\"bottom end\">\n          <DataTableSettings\n            hideColumnOrder={hideColumnOrder}\n            hideColumnPinning={hideColumnPinning}\n            hideColumnVisibility={hideColumnVisibility}\n            table={table}\n          />\n        </PopoverPanel>\n      </Popover>\n    </Container>\n  );\n}\n"],
+  "mappings": ";AAyCU,cAGJ,YAHI;AAvCV,SAAQ,cAAa;AACrB,SAAQ,iBAAgB;AACxB,SAAQ,YAAW;AACnB,SAAQ,eAAc;AACtB,SAAQ,qBAAoB;AAC5B,SAAQ,oBAAmB;AAE3B,SAAQ,yBAAwB;AAkBzB,gBAAS,cAAc;AAAA,EAC5B;AAAA,EACA,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA;AAAA,EAGpB;AACF,GAAuB;AACrB,SACE,qBAAC,aAAU,SAAQ,UAAS,SAAQ,SACjC;AAAA,kBAAc,OACb,oBAAC,UAAO,cAAW,UAAS,SAAQ,WAAU,SAAS,eACrD,8BAAC,QAAK,MAAK,UAAS,MAAK,SAAQ,GACnC;AAAA,IAEF,qBAAC,WAAQ,WAAU,WACjB;AAAA,0BAAC,iBACC,8BAAC,UAAO,cAAW,YAAW,SAAQ,WACpC,8BAAC,QAAK,MAAK,aAAY,MAAK,SAAQ,GACtC,GACF;AAAA,MACA,oBAAC,gBAAa,QAAO,cACnB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,6 @@
+import { type Row } from '@tanstack/react-table';
+export type DataTableRowProps = {
+    row: Row<any>;
+    onClick?: ((row: Row<any>) => void) | undefined;
+};
+export declare function DataTableRow({ row, onClick }: DataTableRowProps): import("react/jsx-runtime").JSX.Element;

package/build/components/data-table/internals/DataTableRow.js

@@ -0,0 +1,26 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+import { useCallback } from "react";
+import { TableCell } from "../../TableCell.js";
+import { TableRow } from "../../TableRow.js";
+import { getCommonPinningClasses, getCommonPinningStyles } from "../internals.js";
+export function DataTableRow({ row, onClick }) {
+  let handleClick = useCallback(() => {
+    onClick?.(row);
+  }, [onClick, row]);
+  return /* @__PURE__ */ jsx(TableRow, { className: onClick ? "cursor-pointer" : void 0, onClick: handleClick, 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
+    );
+  }) });
+}
+//# sourceMappingURL=DataTableRow.js.map

package/build/components/data-table/internals/DataTableRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/DataTableRow.tsx"],
+  "sourcesContent": ["import {flexRender, type Row} from '@tanstack/react-table';\nimport {useCallback} from 'react';\n\nimport {TableCell} from '../../TableCell.js';\nimport {TableRow} from '../../TableRow.js';\nimport {getCommonPinningClasses, getCommonPinningStyles} from '../internals.js';\n\nexport type DataTableRowProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  row: Row<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onClick?: ((row: Row<any>) => void) | undefined;\n};\n\nexport function DataTableRow({row, onClick}: DataTableRowProps) {\n  let handleClick = useCallback(() => {\n    onClick?.(row);\n  }, [onClick, row]);\n\n  return (\n    <TableRow className={onClick ? 'cursor-pointer' : undefined} onClick={handleClick}>\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}\n"],
+  "mappings": ";AAyBU;AAzBV,SAAQ,kBAA2B;AACnC,SAAQ,mBAAkB;AAE1B,SAAQ,iBAAgB;AACxB,SAAQ,gBAAe;AACvB,SAAQ,yBAAyB,8BAA6B;AASvD,gBAAS,aAAa,EAAC,KAAK,QAAO,GAAsB;AAC9D,MAAI,cAAc,YAAY,MAAM;AAClC,cAAU,GAAG;AAAA,EACf,GAAG,CAAC,SAAS,GAAG,CAAC;AAEjB,SACE,oBAAC,YAAS,WAAW,UAAU,mBAAmB,QAAW,SAAS,aACnE,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AACnC,QAAI,QAAQ,KAAK,SAAS;AAE1B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,wBAAwB,KAAK,MAAM;AAAA,QAC9C,OAAO,EAAC,GAAG,uBAAuB,KAAK,MAAM,EAAC;AAAA,QAC9C,OAAO,UAAU,QAAQ,UAAU,SAAY,SAAY,OAAO,KAAK;AAAA,QAEtE,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,MALpD,KAAK;AAAA,IAMZ;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,10 @@
+import { type Column, type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export type DataTableSettingProps = {
+    table: Table<any>;
+    column: Column<any>;
+    hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];
+    hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];
+    hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];
+};
+export declare function DataTableSetting({ table, column, hideColumnVisibility, hideColumnOrder, hideColumnPinning, }: DataTableSettingProps): import("react/jsx-runtime").JSX.Element;

package/build/components/data-table/internals/DataTableSetting.js

@@ -0,0 +1,111 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { flexRender } from "@tanstack/react-table";
+import { useCallback } from "react";
+import { Button } from "../../Button.js";
+import { Checkbox } from "../../Checkbox.js";
+import { CheckboxField } from "../../CheckboxField.js";
+import { Container } from "../../Container.js";
+import { Icon } from "../../Icon.js";
+import { Label } from "../../Label.js";
+export function DataTableSetting({
+  table,
+  // header,
+  column,
+  hideColumnVisibility = false,
+  hideColumnOrder = false,
+  hideColumnPinning = false
+}) {
+  let { attributes, isDragging, listeners, setNodeRef, transform, setActivatorNodeRef } = useSortable(
+    {
+      id: column.id
+    }
+  );
+  let handleChange = useCallback(
+    (checked) => {
+      if (!checked && table.getFlatHeaders().length >= 2) {
+        column.toggleVisibility(checked);
+      } else if (checked) {
+        column.toggleVisibility(checked);
+      }
+    },
+    [column, table]
+  );
+  let handlePinLeftClick = useCallback(() => {
+    column.pin("left");
+  }, [column]);
+  let handlePinRightClick = useCallback(() => {
+    column.pin("right");
+  }, [column]);
+  let handleUnpinClick = useCallback(() => {
+    column.pin(false);
+  }, [column]);
+  let resolvedHideColumnPinning = hideColumnPinning || !column.getCanPin();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style: {
+        transform: CSS.Translate.toString(transform),
+        transition: "width transform 0.2s ease-in-out",
+        zIndex: isDragging ? 20 : void 0
+      },
+      className: "flex items-center gap-4",
+      children: [
+        hideColumnOrder ? null : /* @__PURE__ */ jsx(
+          Button,
+          {
+            ref: setActivatorNodeRef,
+            "aria-label": "Resize",
+            className: "cursor-move",
+            size: "small",
+            variant: "invisible",
+            ...attributes,
+            ...listeners,
+            children: /* @__PURE__ */ jsx(Icon, { name: "Bars4", size: "small" })
+          }
+        ),
+        hideColumnVisibility ? /* @__PURE__ */ jsx("span", { className: "mr-auto font-sans text-sm font-medium", children: flexRender(column.columnDef.header, {
+          table,
+          column,
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions -- needed
+          header: { column }
+        }) }) : /* @__PURE__ */ jsxs(CheckboxField, { className: "mr-auto", children: [
+          /* @__PURE__ */ jsx(Checkbox, { checked: column.getIsVisible(), onChange: handleChange }),
+          /* @__PURE__ */ jsx(Label, { className: "flex", children: flexRender(column.columnDef.header, {
+            table,
+            column,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions -- needed
+            header: { column }
+          }) })
+        ] }),
+        resolvedHideColumnPinning ? null : /* @__PURE__ */ jsxs(Container, { spacing: "extra-small", children: [
+          column.getIsPinned() === "left" ? null : /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "Pin to left",
+              size: "small",
+              variant: "outline",
+              onClick: handlePinLeftClick,
+              children: /* @__PURE__ */ jsx(Icon, { name: "ArrowLeftEndOnRectangle", size: "small" })
+            }
+          ),
+          column.getIsPinned() ? /* @__PURE__ */ jsx(Button, { "aria-label": "Unpin", size: "small", variant: "outline", onClick: handleUnpinClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "small" }) }) : null,
+          column.getIsPinned() === "right" ? null : /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "Pin to right",
+              size: "small",
+              variant: "outline",
+              onClick: handlePinRightClick,
+              children: /* @__PURE__ */ jsx(Icon, { name: "ArrowRightEndOnRectangle", size: "small" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+//# sourceMappingURL=DataTableSetting.js.map

package/build/components/data-table/internals/DataTableSetting.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/DataTableSetting.tsx"],
+  "sourcesContent": ["import {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {type Column, flexRender, type Header, type Table} from '@tanstack/react-table';\nimport {useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Checkbox} from '../../Checkbox.js';\nimport {CheckboxField} from '../../CheckboxField.js';\nimport {Container} from '../../Container.js';\nimport {Icon} from '../../Icon.js';\nimport {Label} from '../../Label.js';\nimport {type DataTableProps} from '../DataTable.js';\n\nexport type DataTableSettingProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  column: Column<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];\n};\n\nexport function DataTableSetting({\n  table,\n  // header,\n  column,\n  hideColumnVisibility = false,\n  hideColumnOrder = false,\n  hideColumnPinning = false,\n}: DataTableSettingProps) {\n  let {attributes, isDragging, listeners, setNodeRef, transform, setActivatorNodeRef} = useSortable(\n    {\n      id: column.id,\n    },\n  );\n\n  let handleChange = useCallback(\n    (checked: boolean) => {\n      if (!checked && table.getFlatHeaders().length >= 2) {\n        column.toggleVisibility(checked);\n      } else if (checked) {\n        column.toggleVisibility(checked);\n      }\n    },\n    [column, table],\n  );\n\n  let handlePinLeftClick = useCallback(() => {\n    column.pin('left');\n  }, [column]);\n\n  let handlePinRightClick = useCallback(() => {\n    column.pin('right');\n  }, [column]);\n\n  let handleUnpinClick = useCallback(() => {\n    column.pin(false);\n  }, [column]);\n\n  let resolvedHideColumnPinning = hideColumnPinning || !column.getCanPin();\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Translate.toString(transform),\n        transition: 'width transform 0.2s ease-in-out',\n        zIndex: isDragging ? 20 : undefined,\n      }}\n      className=\"flex items-center gap-4\"\n    >\n      {hideColumnOrder ? null : (\n        <Button\n          ref={setActivatorNodeRef}\n          aria-label=\"Resize\"\n          className=\"cursor-move\"\n          size=\"small\"\n          variant=\"invisible\"\n          {...attributes}\n          {...listeners}\n        >\n          <Icon name=\"Bars4\" size=\"small\" />\n        </Button>\n      )}\n      {hideColumnVisibility ?\n        <span className=\"mr-auto font-sans text-sm font-medium\">\n          {flexRender(column.columnDef.header, {\n            table,\n            column,\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions -- needed\n            header: {column} as Header<any, any>,\n          })}\n        </span>\n      : <CheckboxField className=\"mr-auto\">\n          <Checkbox checked={column.getIsVisible()} onChange={handleChange} />\n          <Label className=\"flex\">\n            {flexRender(column.columnDef.header, {\n              table,\n              column,\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions -- needed\n              header: {column} as Header<any, any>,\n            })}\n          </Label>\n        </CheckboxField>\n      }\n\n      {resolvedHideColumnPinning ? null : (\n        <Container spacing=\"extra-small\">\n          {column.getIsPinned() === 'left' ? null : (\n            <Button\n              aria-label=\"Pin to left\"\n              size=\"small\"\n              variant=\"outline\"\n              onClick={handlePinLeftClick}\n            >\n              <Icon name=\"ArrowLeftEndOnRectangle\" size=\"small\" />\n            </Button>\n          )}\n          {column.getIsPinned() ?\n            <Button aria-label=\"Unpin\" size=\"small\" variant=\"outline\" onClick={handleUnpinClick}>\n              <Icon name=\"XMark\" size=\"small\" />\n            </Button>\n          : null}\n          {column.getIsPinned() === 'right' ? null : (\n            <Button\n              aria-label=\"Pin to right\"\n              size=\"small\"\n              variant=\"outline\"\n              onClick={handlePinRightClick}\n            >\n              <Icon name=\"ArrowRightEndOnRectangle\" size=\"small\" />\n            </Button>\n          )}\n        </Container>\n      )}\n    </div>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,9 @@
+import { type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export type DataTableSettingsProps = {
+    table: Table<any>;
+    hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];
+    hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];
+    hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];
+};
+export declare function DataTableSettings({ table, hideColumnVisibility, hideColumnOrder, hideColumnPinning, }: DataTableSettingsProps): import("react/jsx-runtime").JSX.Element;

package/build/components/data-table/internals/DataTableSettings.js

@@ -0,0 +1,71 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  closestCenter,
+  DndContext,
+  KeyboardSensor,
+  MouseSensor,
+  TouchSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
+import { arrayMove, SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { useCallback, useId } from "react";
+import { Container } from "../../Container.js";
+import { DataTableSetting } from "./DataTableSetting.js";
+export function DataTableSettings({
+  table,
+  hideColumnVisibility = false,
+  hideColumnOrder = false,
+  hideColumnPinning = false
+}) {
+  let sensors = useSensors(
+    useSensor(MouseSensor, {
+      activationConstraint: {
+        distance: 1
+      }
+    }),
+    useSensor(TouchSensor, {
+      activationConstraint: {
+        distance: 1
+      }
+    }),
+    useSensor(KeyboardSensor, {})
+  );
+  let id = useId();
+  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]
+  );
+  return /* @__PURE__ */ jsx(
+    DndContext,
+    {
+      collisionDetection: closestCenter,
+      id,
+      modifiers: [restrictToVerticalAxis],
+      sensors,
+      onDragEnd: handleDragEnd,
+      children: /* @__PURE__ */ jsx(SortableContext, { items: table.getState().columnOrder, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(Container, { direction: "column", spacing: "small", children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ jsx(
+        DataTableSetting,
+        {
+          column,
+          hideColumnOrder,
+          hideColumnPinning,
+          hideColumnVisibility,
+          table
+        },
+        column.id
+      )) }) })
+    }
+  );
+}
+//# sourceMappingURL=DataTableSettings.js.map

package/build/components/data-table/internals/DataTableSettings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/DataTableSettings.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 {restrictToVerticalAxis} from '@dnd-kit/modifiers';\nimport {arrayMove, SortableContext, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {type Table} from '@tanstack/react-table';\nimport {useCallback, useId} from 'react';\n\nimport {Container} from '../../Container.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {DataTableSetting} from './DataTableSetting.js';\n\nexport type DataTableSettingsProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnVisibility: DataTableProps<any, any>['hideColumnVisibility'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnOrder: DataTableProps<any, any>['hideColumnOrder'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  hideColumnPinning: DataTableProps<any, any>['hideColumnPinning'];\n};\n\nexport function DataTableSettings({\n  table,\n  hideColumnVisibility = false,\n  hideColumnOrder = false,\n  hideColumnPinning = false,\n}: DataTableSettingsProps) {\n  let sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 1,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        distance: 1,\n      },\n    }),\n    useSensor(KeyboardSensor, {}),\n  );\n\n  let id = useId();\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  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      modifiers={[restrictToVerticalAxis]}\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n    >\n      <SortableContext items={table.getState().columnOrder} strategy={verticalListSortingStrategy}>\n        <Container direction=\"column\" spacing=\"small\">\n          {table.getAllLeafColumns().map((column) => (\n            <DataTableSetting\n              key={column.id}\n              column={column}\n              hideColumnOrder={hideColumnOrder}\n              hideColumnPinning={hideColumnPinning}\n              hideColumnVisibility={hideColumnVisibility}\n              table={table}\n            />\n          ))}\n        </Container>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],
+  "mappings": ";AA6EY;AA7EZ;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAQ,8BAA6B;AACrC,SAAQ,WAAW,iBAAiB,mCAAkC;AAEtE,SAAQ,aAAa,aAAY;AAEjC,SAAQ,iBAAgB;AAExB,SAAQ,wBAAuB;AAaxB,gBAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB,oBAAoB;AACtB,GAA2B;AACzB,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,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,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAoB;AAAA,MACpB;AAAA,MACA,WAAW,CAAC,sBAAsB;AAAA,MAClC;AAAA,MACA,WAAW;AAAA,MAEX,8BAAC,mBAAgB,OAAO,MAAM,SAAS,EAAE,aAAa,UAAU,6BAC9D,8BAAC,aAAU,WAAU,UAAS,SAAQ,SACnC,gBAAM,kBAAkB,EAAE,IAAI,CAAC,WAC9B;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QALK,OAAO;AAAA,MAMd,CACD,GACH,GACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

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

@@ -1,3 +1,3 @@
 export declare const MAX_PAGE_BUTTONS_COUNT = 10;
 export declare const PAGE_SIZES: readonly [10, 25, 50, 75, 100];
-export declare const DEFAULT_PAGE_SIZE = 50;
+export declare const DEFAULT_PAGE_SIZE: 50;

package/build/components/data-table/internals/constants.js

@@ -1,5 +1,5 @@
 "use strict";
 export const MAX_PAGE_BUTTONS_COUNT = 10;
 export const PAGE_SIZES = [10, 25, 50, 75, 100];
-export const DEFAULT_PAGE_SIZE = 50;
+export const DEFAULT_PAGE_SIZE = PAGE_SIZES[2];
 //# sourceMappingURL=constants.js.map

package/build/components/data-table/internals/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/constants.ts"],
-  "sourcesContent": ["export const MAX_PAGE_BUTTONS_COUNT = 10;\nexport const PAGE_SIZES = [10, 25, 50, 75, 100] as const;\nexport const DEFAULT_PAGE_SIZE = 50;\n"],
-  "mappings": ";AAAO,aAAM,yBAAyB;AAC/B,aAAM,aAAa,CAAC,IAAI,IAAI,IAAI,IAAI,GAAG;AACvC,aAAM,oBAAoB;",
+  "sourcesContent": ["export const MAX_PAGE_BUTTONS_COUNT = 10;\nexport const PAGE_SIZES = [10, 25, 50, 75, 100] as const;\nexport const DEFAULT_PAGE_SIZE = PAGE_SIZES[2];\n"],
+  "mappings": ";AAAO,aAAM,yBAAyB;AAC/B,aAAM,aAAa,CAAC,IAAI,IAAI,IAAI,IAAI,GAAG;AACvC,aAAM,oBAAoB,WAAW,CAAC;",
   "names": []
 }

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

@@ -1,11 +1,16 @@
 export * from './internals/addFilter.js';
 export * from './internals/constants.js';
+export * from './internals/DataTableFilter.js';
+export * from './internals/DataTableFilters.js';
 export * from './internals/DataTableHeader.js';
 export * from './internals/DataTableHeaderColumnCheckbox.js';
 export * from './internals/DataTableHeaderFilter.js';
+export * from './internals/DataTableMenu.js';
 export * from './internals/DataTablePageButton.js';
 export * from './internals/DataTablePagination.js';
 export * from './internals/DataTableSearch.js';
+export * from './internals/DataTableSetting.js';
+export * from './internals/DataTableSettings.js';
 export * from './internals/fromPinningState.js';
 export * from './internals/fuzzyFilter.js';
 export * from './internals/getCommonPinningClasses.js';

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

@@ -1,12 +1,17 @@
 "use strict";
 export * from "./internals/addFilter.js";
 export * from "./internals/constants.js";
+export * from "./internals/DataTableFilter.js";
+export * from "./internals/DataTableFilters.js";
 export * from "./internals/DataTableHeader.js";
 export * from "./internals/DataTableHeaderColumnCheckbox.js";
 export * from "./internals/DataTableHeaderFilter.js";
+export * from "./internals/DataTableMenu.js";
 export * from "./internals/DataTablePageButton.js";
 export * from "./internals/DataTablePagination.js";
 export * from "./internals/DataTableSearch.js";
+export * from "./internals/DataTableSetting.js";
+export * from "./internals/DataTableSettings.js";
 export * from "./internals/fromPinningState.js";
 export * from "./internals/fuzzyFilter.js";
 export * from "./internals/getCommonPinningClasses.js";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/components/data-table/internals.ts"],
-  "sourcesContent": ["export * from './internals/addFilter.js';\nexport * from './internals/constants.js';\nexport * from './internals/DataTableHeader.js';\nexport * from './internals/DataTableHeaderColumnCheckbox.js';\nexport * from './internals/DataTableHeaderFilter.js';\nexport * from './internals/DataTablePageButton.js';\nexport * from './internals/DataTablePagination.js';\nexport * from './internals/DataTableSearch.js';\nexport * from './internals/fromPinningState.js';\nexport * from './internals/fuzzyFilter.js';\nexport * from './internals/getCommonPinningClasses.js';\nexport * from './internals/getCommonPinningStyles.js';\nexport * from './internals/normalizeFilter.js';\nexport * from './internals/normalizeFilters.js';\nexport * from './internals/normalizeSorting.js';\nexport * from './internals/removeFilter.js';\n"],
-  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from './internals/addFilter.js';\nexport * from './internals/constants.js';\nexport * from './internals/DataTableFilter.js';\nexport * from './internals/DataTableFilters.js';\nexport * from './internals/DataTableHeader.js';\nexport * from './internals/DataTableHeaderColumnCheckbox.js';\nexport * from './internals/DataTableHeaderFilter.js';\nexport * from './internals/DataTableMenu.js';\nexport * from './internals/DataTablePageButton.js';\nexport * from './internals/DataTablePagination.js';\nexport * from './internals/DataTableSearch.js';\nexport * from './internals/DataTableSetting.js';\nexport * from './internals/DataTableSettings.js';\nexport * from './internals/fromPinningState.js';\nexport * from './internals/fuzzyFilter.js';\nexport * from './internals/getCommonPinningClasses.js';\nexport * from './internals/getCommonPinningStyles.js';\nexport * from './internals/normalizeFilter.js';\nexport * from './internals/normalizeFilters.js';\nexport * from './internals/normalizeSorting.js';\nexport * from './internals/removeFilter.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/build/components.d.ts

@@ -14,6 +14,7 @@ export * from './components/Error.js';
 export * from './components/Field.js';
 export * from './components/Fieldset.js';
 export * from './components/Form.js';
+export * from './components/Heading.js';
 export * from './components/Icon.js';
 export * from './components/Input.js';
 export * from './components/Label.js';

package/build/components.js

@@ -15,6 +15,7 @@ export * from "./components/Error.js";
 export * from "./components/Field.js";
 export * from "./components/Fieldset.js";
 export * from "./components/Form.js";
+export * from "./components/Heading.js";
 export * from "./components/Icon.js";
 export * from "./components/Input.js";
 export * from "./components/Label.js";

package/build/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../source/components.ts"],
-  "sourcesContent": ["export * from './components/Button.js';\nexport * from './components/Card.js';\nexport * from './components/Checkbox.js';\nexport * from './components/CheckboxField.js';\nexport * from './components/Combobox.js';\nexport * from './components/ComboboxOption.js';\nexport * from './components/Container.js';\nexport * from './components/data-table.js';\nexport * from './components/Description.js';\nexport * from './components/Dialog.js';\nexport * from './components/DialogPanel.js';\nexport * from './components/DialogTitle.js';\nexport * from './components/Error.js';\nexport * from './components/Field.js';\nexport * from './components/Fieldset.js';\nexport * from './components/Form.js';\nexport * from './components/Icon.js';\nexport * from './components/Input.js';\nexport * from './components/Label.js';\nexport * from './components/Legend.js';\nexport * from './components/Listbox.js';\nexport * from './components/ListboxOption.js';\nexport * from './components/Menu.js';\nexport * from './components/MenuButton.js';\nexport * from './components/MenuHeading.js';\nexport * from './components/MenuItem.js';\nexport * from './components/MenuItems.js';\nexport * from './components/MenuSection.js';\nexport * from './components/MenuSeparator.js';\nexport * from './components/Popover.js';\nexport * from './components/PopoverBackdrop.js';\nexport * from './components/PopoverButton.js';\nexport * from './components/PopoverGroup.js';\nexport * from './components/PopoverPanel.js';\nexport * from './components/Radio.js';\nexport * from './components/RadioField.js';\nexport * from './components/RadioGroup.js';\nexport * from './components/Spinner.js';\nexport * from './components/Table.js';\nexport * from './components/TableBody.js';\nexport * from './components/TableCaption.js';\nexport * from './components/TableCell.js';\nexport * from './components/TableFoot.js';\nexport * from './components/TableHead.js';\nexport * from './components/TableHeader.js';\nexport * from './components/TableRow.js';\nexport * from './components/Text.js';\nexport * from './components/Textarea.js';\nexport * from './components/useField.js';\nexport * from './components/useFieldName.js';\nexport * from './components/useForm.js';\n"],
-  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from './components/Button.js';\nexport * from './components/Card.js';\nexport * from './components/Checkbox.js';\nexport * from './components/CheckboxField.js';\nexport * from './components/Combobox.js';\nexport * from './components/ComboboxOption.js';\nexport * from './components/Container.js';\nexport * from './components/data-table.js';\nexport * from './components/Description.js';\nexport * from './components/Dialog.js';\nexport * from './components/DialogPanel.js';\nexport * from './components/DialogTitle.js';\nexport * from './components/Error.js';\nexport * from './components/Field.js';\nexport * from './components/Fieldset.js';\nexport * from './components/Form.js';\nexport * from './components/Heading.js';\nexport * from './components/Icon.js';\nexport * from './components/Input.js';\nexport * from './components/Label.js';\nexport * from './components/Legend.js';\nexport * from './components/Listbox.js';\nexport * from './components/ListboxOption.js';\nexport * from './components/Menu.js';\nexport * from './components/MenuButton.js';\nexport * from './components/MenuHeading.js';\nexport * from './components/MenuItem.js';\nexport * from './components/MenuItems.js';\nexport * from './components/MenuSection.js';\nexport * from './components/MenuSeparator.js';\nexport * from './components/Popover.js';\nexport * from './components/PopoverBackdrop.js';\nexport * from './components/PopoverButton.js';\nexport * from './components/PopoverGroup.js';\nexport * from './components/PopoverPanel.js';\nexport * from './components/Radio.js';\nexport * from './components/RadioField.js';\nexport * from './components/RadioGroup.js';\nexport * from './components/Spinner.js';\nexport * from './components/Table.js';\nexport * from './components/TableBody.js';\nexport * from './components/TableCaption.js';\nexport * from './components/TableCell.js';\nexport * from './components/TableFoot.js';\nexport * from './components/TableHead.js';\nexport * from './components/TableHeader.js';\nexport * from './components/TableRow.js';\nexport * from './components/Text.js';\nexport * from './components/Textarea.js';\nexport * from './components/useField.js';\nexport * from './components/useFieldName.js';\nexport * from './components/useForm.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }