@jakubmazanec/ui 0.1.0-next.070f0f6

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

@@ -0,0 +1,190 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { Button } from "../../Button.js";
+import { Container } from "../../Container.js";
+import { Icon } from "../../Icon.js";
+import { Input } from "../../Input.js";
+import { Listbox } from "../../Listbox.js";
+import { ListboxOption } from "../../ListboxOption.js";
+import { Text } from "../../Text.js";
+import { MAX_PAGE_BUTTONS_COUNT, PAGE_SIZES } from "./constants.js";
+import { DataTablePageButton } from "./DataTablePageButton.js";
+export const DataTablePagination = memo(
+  ({
+    table,
+    page,
+    pageSize,
+    pageCount,
+    clientPagination,
+    onPagination
+  }) => {
+    let isFirstPage = page === 1;
+    let isLastPage = page >= pageCount;
+    let handlePageClick = useCallback(
+      (newPage) => {
+        if (clientPagination) {
+          table.setPageIndex(Math.max(0, Math.min(newPage - 1, pageCount)));
+        }
+        if (onPagination) {
+          onPagination({
+            page: Math.max(1, Math.min(newPage, pageCount))
+          });
+        }
+      },
+      [clientPagination, onPagination, pageCount, table]
+    );
+    let handleFirstPageClick = useCallback(() => {
+      if (clientPagination) {
+        table.firstPage();
+      }
+      if (onPagination) {
+        onPagination({
+          page: 1
+        });
+      }
+    }, [clientPagination, onPagination, table]);
+    let handleLastPageClick = useCallback(() => {
+      if (clientPagination) {
+        table.lastPage();
+      }
+      if (onPagination) {
+        onPagination({
+          page: pageCount
+        });
+      }
+    }, [clientPagination, onPagination, pageCount, table]);
+    let handlePreviousPageClick = useCallback(() => {
+      if (clientPagination) {
+        table.previousPage();
+      }
+      if (onPagination) {
+        onPagination({
+          page: Math.max(1, Math.min(page - 1, pageCount))
+        });
+      }
+    }, [clientPagination, onPagination, page, pageCount, table]);
+    let handleNextPageClick = useCallback(() => {
+      if (clientPagination) {
+        table.nextPage();
+      }
+      if (onPagination) {
+        onPagination({
+          page: Math.max(1, Math.min(page + 1, pageCount))
+        });
+      }
+    }, [clientPagination, onPagination, page, pageCount, table]);
+    let handlePageChange = useCallback(
+      (event) => {
+        let pageIndex = event.target.value ? Number(event.target.value) - 1 : 0;
+        if (clientPagination) {
+          table.setPageIndex(pageIndex);
+        }
+        if (onPagination) {
+          onPagination({
+            page: Math.max(1, Math.min(pageIndex + 1, pageCount))
+          });
+        }
+      },
+      [clientPagination, onPagination, pageCount, table]
+    );
+    let handlePageSizeChange = useCallback(
+      (pageSize2) => {
+        if (clientPagination) {
+          table.setPageSize(Number(pageSize2));
+        }
+        if (onPagination) {
+          onPagination({
+            pageSize: Number(pageSize2)
+          });
+        }
+      },
+      [clientPagination, onPagination, table]
+    );
+    return /* @__PURE__ */ jsxs(Container, { justify: "center", align: "center", children: [
+      /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            "aria-label": "First page",
+            disabled: isFirstPage,
+            onClick: handleFirstPageClick,
+            children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDoubleLeft" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            "aria-label": "Previous page",
+            disabled: isFirstPage,
+            onClick: handlePreviousPageClick,
+            children: /* @__PURE__ */ jsx(Icon, { name: "ChevronLeft" })
+          }
+        ),
+        pageCount <= MAX_PAGE_BUTTONS_COUNT ? Array.from({ length: pageCount }).map((_, index) => /* @__PURE__ */ jsx(
+          DataTablePageButton,
+          {
+            page: index + 1,
+            isSelected: page === index + 1,
+            onClick: handlePageClick
+          },
+          index
+        )) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            "aria-label": "Next page",
+            disabled: isLastPage,
+            onClick: handleNextPageClick,
+            children: /* @__PURE__ */ jsx(Icon, { name: "ChevronRight" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            "aria-label": "Last page",
+            disabled: isLastPage,
+            onClick: handleLastPageClick,
+            children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDoubleRight" })
+          }
+        )
+      ] }),
+      pageCount > MAX_PAGE_BUTTONS_COUNT ? /* @__PURE__ */ jsx(Container, { spacing: "extra-small", children: /* @__PURE__ */ jsxs(Text, { children: [
+        "Page ",
+        page,
+        " of ",
+        pageCount
+      ] }) }) : null,
+      pageCount > MAX_PAGE_BUTTONS_COUNT ? /* @__PURE__ */ jsxs(Container, { spacing: "extra-small", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { children: "Go to page:" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            pattern: "[0-9]*",
+            className: "w-12",
+            defaultValue: page,
+            onChange: handlePageChange
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
+        Listbox,
+        {
+          value: String(pageSize),
+          className: "w-auto min-w-min",
+          onChange: handlePageSizeChange,
+          children: PAGE_SIZES.map((pageSize2) => /* @__PURE__ */ jsxs(ListboxOption, { value: String(pageSize2), children: [
+            "Show ",
+            pageSize2
+          ] }, pageSize2))
+        }
+      ) })
+    ] });
+  }
+);
+//# sourceMappingURL=DataTablePagination.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/DataTablePagination.tsx"],
+  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, memo, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {Listbox} from '../../Listbox.js';\nimport {ListboxOption} from '../../ListboxOption.js';\nimport {Text} from '../../Text.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {MAX_PAGE_BUTTONS_COUNT, PAGE_SIZES} from './constants.js';\nimport {DataTablePageButton} from './DataTablePageButton.js';\n\ntype PageSize = (typeof PAGE_SIZES)[number];\n\nexport type DataTablePaginationProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  page: number;\n  pageSize: number;\n  pageCount: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientPagination: DataTableProps<any, any>['clientPagination'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onPagination: DataTableProps<any, any>['onPaginationChange'];\n};\n\nexport const DataTablePagination = memo(\n  ({\n    table,\n    page,\n    pageSize,\n    pageCount,\n    clientPagination,\n    onPagination,\n  }: DataTablePaginationProps) => {\n    let isFirstPage = page === 1;\n    let isLastPage = page >= pageCount;\n\n    let handlePageClick = useCallback(\n      (newPage: number) => {\n        if (clientPagination) {\n          table.setPageIndex(Math.max(0, Math.min(newPage - 1, pageCount)));\n        }\n\n        if (onPagination) {\n          onPagination({\n            page: Math.max(1, Math.min(newPage, pageCount)),\n          });\n        }\n      },\n      [clientPagination, onPagination, pageCount, table],\n    );\n\n    let handleFirstPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.firstPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: 1,\n        });\n      }\n    }, [clientPagination, onPagination, table]);\n\n    let handleLastPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.lastPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: pageCount,\n        });\n      }\n    }, [clientPagination, onPagination, pageCount, table]);\n\n    let handlePreviousPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.previousPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: Math.max(1, Math.min(page - 1, pageCount)),\n        });\n      }\n    }, [clientPagination, onPagination, page, pageCount, table]);\n\n    let handleNextPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.nextPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: Math.max(1, Math.min(page + 1, pageCount)),\n        });\n      }\n    }, [clientPagination, onPagination, page, pageCount, table]);\n\n    let handlePageChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        let pageIndex = event.target.value ? Number(event.target.value) - 1 : 0;\n\n        if (clientPagination) {\n          table.setPageIndex(pageIndex);\n        }\n\n        if (onPagination) {\n          onPagination({\n            page: Math.max(1, Math.min(pageIndex + 1, pageCount)),\n          });\n        }\n      },\n      [clientPagination, onPagination, pageCount, table],\n    );\n\n    let handlePageSizeChange = useCallback(\n      (pageSize: string) => {\n        if (clientPagination) {\n          table.setPageSize(Number(pageSize));\n        }\n\n        if (onPagination) {\n          onPagination({\n            pageSize: Number(pageSize) as PageSize,\n          });\n        }\n      },\n      [clientPagination, onPagination, table],\n    );\n\n    return (\n      <Container justify=\"center\" align=\"center\">\n        <Container spacing=\"small\">\n          <Button\n            variant=\"outline\"\n            aria-label=\"First page\"\n            disabled={isFirstPage}\n            onClick={handleFirstPageClick}\n          >\n            <Icon name=\"ChevronDoubleLeft\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            aria-label=\"Previous page\"\n            disabled={isFirstPage}\n            onClick={handlePreviousPageClick}\n          >\n            <Icon name=\"ChevronLeft\" />\n          </Button>\n\n          {pageCount <= MAX_PAGE_BUTTONS_COUNT ?\n            Array.from({length: pageCount}).map((_, index) => (\n              <DataTablePageButton\n                // eslint-disable-next-line react/no-array-index-key -- needed, there is no other value\n                key={index}\n                page={index + 1}\n                isSelected={page === index + 1}\n                onClick={handlePageClick}\n              />\n            ))\n          : null}\n\n          <Button\n            variant=\"outline\"\n            aria-label=\"Next page\"\n            disabled={isLastPage}\n            onClick={handleNextPageClick}\n          >\n            <Icon name=\"ChevronRight\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            aria-label=\"Last page\"\n            disabled={isLastPage}\n            onClick={handleLastPageClick}\n          >\n            <Icon name=\"ChevronDoubleRight\" />\n          </Button>\n        </Container>\n        {pageCount > MAX_PAGE_BUTTONS_COUNT ?\n          <Container spacing=\"extra-small\">\n            <Text>\n              Page {page} of {pageCount}\n            </Text>\n          </Container>\n        : null}\n        {pageCount > MAX_PAGE_BUTTONS_COUNT ?\n          <Container spacing=\"extra-small\" align=\"center\">\n            <Text>Go to page:</Text>\n            <Input\n              type=\"text\"\n              pattern=\"[0-9]*\"\n              className=\"w-12\"\n              defaultValue={page}\n              onChange={handlePageChange}\n            />\n          </Container>\n        : null}\n        <Container>\n          <Listbox\n            value={String(pageSize)}\n            className=\"w-auto min-w-min\"\n            onChange={handlePageSizeChange}\n          >\n            {PAGE_SIZES.map((pageSize) => (\n              <ListboxOption key={pageSize} value={String(pageSize)}>\n                Show {pageSize}\n              </ListboxOption>\n            ))}\n          </Listbox>\n        </Container>\n      </Container>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["pageSize"]
+}

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

@@ -0,0 +1,9 @@
+import { type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export type DataTableSearchProps = {
+    table: Table<any>;
+    clientSearch: DataTableProps<any, any>['clientSearch'];
+    search: DataTableProps<any, any>['search'];
+    onSearch: DataTableProps<any, any>['onSearchChange'];
+};
+export declare function DataTableSearch({ table, clientSearch, search: controlledSearch, onSearch, }: DataTableSearchProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,73 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Button } from "../../Button.js";
+import { Container } from "../../Container.js";
+import { Form } from "../../Form.js";
+import { Icon } from "../../Icon.js";
+import { Input } from "../../Input.js";
+export function DataTableSearch({
+  table,
+  clientSearch,
+  search: controlledSearch,
+  onSearch
+}) {
+  let currentSearch = clientSearch ? table.getState().globalFilter ?? null : controlledSearch ?? null;
+  let [search, setSearch] = useState(currentSearch ?? "");
+  let handleSearchChange = useCallback((event) => {
+    setSearch(event.target.value);
+  }, []);
+  let handleSearchClick = useCallback(() => {
+    if (search) {
+      if (clientSearch) {
+        table.setGlobalFilter(search);
+      }
+      if (onSearch) {
+        onSearch(search);
+      }
+    } else {
+      if (clientSearch) {
+        table.setGlobalFilter(void 0);
+      }
+      if (onSearch) {
+        onSearch(null);
+      }
+    }
+  }, [clientSearch, onSearch, search, table]);
+  let handleSearchSubmit = useCallback(
+    (event) => {
+      event.preventDefault();
+      if (search) {
+        if (clientSearch) {
+          table.setGlobalFilter(search);
+        }
+        if (onSearch) {
+          onSearch(search);
+        }
+      } else {
+        if (clientSearch) {
+          table.setGlobalFilter(void 0);
+        }
+        if (onSearch) {
+          onSearch(null);
+        }
+      }
+    },
+    [clientSearch, onSearch, search, table]
+  );
+  let handleResetClick = useCallback(() => {
+    setSearch("");
+    if (clientSearch) {
+      table.setGlobalFilter(void 0);
+    }
+    if (onSearch) {
+      onSearch(null);
+    }
+  }, [clientSearch, onSearch, table]);
+  return /* @__PURE__ */ jsx(Form, { onSubmit: handleSearchSubmit, children: /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
+    /* @__PURE__ */ jsx(Input, { value: search, onChange: handleSearchChange }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Filter", onClick: handleSearchClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "MagnifyingGlass" }) }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Cancel", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) })
+  ] }) });
+}
+//# sourceMappingURL=DataTableSearch.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/DataTableSearch.tsx"],
+  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, type FormEvent, useCallback, useState} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Form} from '../../Form.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {type DataTableProps} from '../DataTable.js';\n\nexport type DataTableSearchProps = {\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  clientSearch: DataTableProps<any, any>['clientSearch'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  search: DataTableProps<any, any>['search'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSearch: DataTableProps<any, any>['onSearchChange'];\n};\n\nexport function DataTableSearch({\n  table,\n  clientSearch,\n  search: controlledSearch,\n  onSearch,\n}: DataTableSearchProps) {\n  let currentSearch =\n    clientSearch ?\n      (table.getState().globalFilter as string | undefined) ?? null\n    : controlledSearch ?? null;\n\n  let [search, setSearch] = useState(currentSearch ?? '');\n\n  let handleSearchChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  }, []);\n\n  let handleSearchClick = useCallback(() => {\n    if (search) {\n      if (clientSearch) {\n        table.setGlobalFilter(search);\n      }\n\n      if (onSearch) {\n        onSearch(search);\n      }\n    } else {\n      if (clientSearch) {\n        table.setGlobalFilter(undefined);\n      }\n\n      if (onSearch) {\n        onSearch(null);\n      }\n    }\n  }, [clientSearch, onSearch, search, table]);\n\n  let handleSearchSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n\n      if (search) {\n        if (clientSearch) {\n          table.setGlobalFilter(search);\n        }\n\n        if (onSearch) {\n          onSearch(search);\n        }\n      } else {\n        if (clientSearch) {\n          table.setGlobalFilter(undefined);\n        }\n\n        if (onSearch) {\n          onSearch(null);\n        }\n      }\n    },\n    [clientSearch, onSearch, search, table],\n  );\n\n  let handleResetClick = useCallback(() => {\n    setSearch('');\n\n    if (clientSearch) {\n      table.setGlobalFilter(undefined);\n    }\n\n    if (onSearch) {\n      onSearch(null);\n    }\n  }, [clientSearch, onSearch, table]);\n\n  return (\n    <Form onSubmit={handleSearchSubmit}>\n      <Container spacing=\"small\">\n        <Input value={search} onChange={handleSearchChange} />\n        <Button variant=\"outline\" aria-label=\"Filter\" onClick={handleSearchClick}>\n          <Icon size=\"large\" name=\"MagnifyingGlass\" />\n        </Button>\n        <Button variant=\"outline\" aria-label=\"Cancel\" onClick={handleResetClick}>\n          <Icon size=\"large\" name=\"XMark\" />\n        </Button>\n      </Container>\n    </Form>\n  );\n}\n"],
+  "mappings": ";AAiGM,SACE,KADF;AAhGN,SAA0C,aAAa,gBAAe;AAEtE,SAAQ,cAAa;AACrB,SAAQ,iBAAgB;AACxB,SAAQ,YAAW;AACnB,SAAQ,YAAW;AACnB,SAAQ,aAAY;AAcb,gBAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAyB;AACvB,MAAI,gBACF,eACG,MAAM,SAAS,EAAE,gBAAuC,OACzD,oBAAoB;AAExB,MAAI,CAAC,QAAQ,SAAS,IAAI,SAAS,iBAAiB,EAAE;AAEtD,MAAI,qBAAqB,YAAY,CAAC,UAAyC;AAC7E,cAAU,MAAM,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,MAAI,oBAAoB,YAAY,MAAM;AACxC,QAAI,QAAQ;AACV,UAAI,cAAc;AAChB,cAAM,gBAAgB,MAAM;AAAA,MAC9B;AAEA,UAAI,UAAU;AACZ,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,OAAO;AACL,UAAI,cAAc;AAChB,cAAM,gBAAgB,MAAS;AAAA,MACjC;AAEA,UAAI,UAAU;AACZ,iBAAS,IAAI;AAAA,MACf;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,QAAQ,KAAK,CAAC;AAE1C,MAAI,qBAAqB;AAAA,IACvB,CAAC,UAAsC;AACrC,YAAM,eAAe;AAErB,UAAI,QAAQ;AACV,YAAI,cAAc;AAChB,gBAAM,gBAAgB,MAAM;AAAA,QAC9B;AAEA,YAAI,UAAU;AACZ,mBAAS,MAAM;AAAA,QACjB;AAAA,MACF,OAAO;AACL,YAAI,cAAc;AAChB,gBAAM,gBAAgB,MAAS;AAAA,QACjC;AAEA,YAAI,UAAU;AACZ,mBAAS,IAAI;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,UAAU,QAAQ,KAAK;AAAA,EACxC;AAEA,MAAI,mBAAmB,YAAY,MAAM;AACvC,cAAU,EAAE;AAEZ,QAAI,cAAc;AAChB,YAAM,gBAAgB,MAAS;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,KAAK,CAAC;AAElC,SACE,oBAAC,QAAK,UAAU,oBACd,+BAAC,aAAU,SAAQ,SACjB;AAAA,wBAAC,SAAM,OAAO,QAAQ,UAAU,oBAAoB;AAAA,IACpD,oBAAC,UAAO,SAAQ,WAAU,cAAW,UAAS,SAAS,mBACrD,8BAAC,QAAK,MAAK,SAAQ,MAAK,mBAAkB,GAC5C;AAAA,IACA,oBAAC,UAAO,SAAQ,WAAU,cAAW,UAAS,SAAS,kBACrD,8BAAC,QAAK,MAAK,SAAQ,MAAK,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,5 @@
+import { type DataTableProps } from '../DataTable.js';
+export declare function addFilter(filters: DataTableProps<any, any>['filters'], column: string, newFilter: unknown): {
+    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
+    column: string;
+}[];

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

@@ -0,0 +1,31 @@
+"use strict";
+export function addFilter(filters, column, newFilter) {
+  let newFilters = [];
+  if (filters) {
+    let wasUpdated = false;
+    for (let filter of filters) {
+      if (filter.column === column) {
+        newFilters.push({
+          column,
+          filter: newFilter
+        });
+        wasUpdated = true;
+      } else {
+        newFilters.push(filter);
+      }
+    }
+    if (!wasUpdated) {
+      newFilters.push({
+        column,
+        filter: newFilter
+      });
+    }
+  } else {
+    newFilters.push({
+      column,
+      filter: newFilter
+    });
+  }
+  return newFilters;
+}
+//# sourceMappingURL=addFilter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/addFilter.ts"],
+  "sourcesContent": ["import {type DataTableProps} from '../DataTable.js';\n\nexport function addFilter(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'],\n  column: string,\n  newFilter: unknown,\n) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  let newFilters: DataTableProps<any, any>['filters'] = [];\n\n  if (filters) {\n    let wasUpdated = false;\n\n    for (let filter of filters) {\n      if (filter.column === column) {\n        newFilters.push({\n          column,\n          filter: newFilter as string | [number, number],\n        });\n\n        wasUpdated = true;\n      } else {\n        newFilters.push(filter);\n      }\n    }\n\n    if (!wasUpdated) {\n      newFilters.push({\n        column,\n        filter: newFilter as string | [number, number],\n      });\n    }\n  } else {\n    newFilters.push({\n      column,\n      filter: newFilter as string | [number, number],\n    });\n  }\n\n  return newFilters;\n}\n"],
+  "mappings": ";AAEO,gBAAS,UAEd,SACA,QACA,WACA;AAEA,MAAI,aAAkD,CAAC;AAEvD,MAAI,SAAS;AACX,QAAI,aAAa;AAEjB,aAAS,UAAU,SAAS;AAC1B,UAAI,OAAO,WAAW,QAAQ;AAC5B,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,QAAQ;AAAA,QACV,CAAC;AAED,qBAAa;AAAA,MACf,OAAO;AACL,mBAAW,KAAK,MAAM;AAAA,MACxB;AAAA,IACF;AAEA,QAAI,CAAC,YAAY;AACf,iBAAW,KAAK;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF,OAAO;AACL,eAAW,KAAK;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +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;

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

@@ -0,0 +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;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+import { type ColumnPinningState } from '@tanstack/react-table';
+export declare function fromPinningState(pinning: ColumnPinningState): Record<string, "left" | "right">;

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

@@ -0,0 +1,12 @@
+"use strict";
+export function fromPinningState(pinning) {
+  let result = {};
+  for (let left of pinning.left ?? []) {
+    result[left] = "left";
+  }
+  for (let right of pinning.right ?? []) {
+    result[right] = "right";
+  }
+  return result;
+}
+//# sourceMappingURL=fromPinningState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/fromPinningState.ts"],
+  "sourcesContent": ["import {type ColumnPinningState} from '@tanstack/react-table';\n\nimport {type DataTableColumnPinning} from '../DataTableColumnPinning.js';\n\nexport function fromPinningState(pinning: ColumnPinningState) {\n  let result: DataTableColumnPinning = {};\n\n  for (let left of pinning.left ?? []) {\n    result[left] = 'left';\n  }\n\n  for (let right of pinning.right ?? []) {\n    result[right] = 'right';\n  }\n\n  return result;\n}\n"],
+  "mappings": ";AAIO,gBAAS,iBAAiB,SAA6B;AAC5D,MAAI,SAAiC,CAAC;AAEtC,WAAS,QAAQ,QAAQ,QAAQ,CAAC,GAAG;AACnC,WAAO,IAAI,IAAI;AAAA,EACjB;AAEA,WAAS,SAAS,QAAQ,SAAS,CAAC,GAAG;AACrC,WAAO,KAAK,IAAI;AAAA,EAClB;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+import { type FilterMeta, type Row, type RowData } from '@tanstack/react-table';
+export declare function fuzzyFilter<TData extends RowData>(row: Row<TData>, columnId: string, value: unknown, addMeta: (meta: FilterMeta) => void): boolean;

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

@@ -0,0 +1,8 @@
+"use strict";
+import { rankItem } from "@tanstack/match-sorter-utils";
+export function fuzzyFilter(row, columnId, value, addMeta) {
+  let itemRank = rankItem(row.getValue(columnId), value, {});
+  addMeta({ itemRank });
+  return itemRank.passed;
+}
+//# sourceMappingURL=fuzzyFilter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/fuzzyFilter.ts"],
+  "sourcesContent": ["import {rankItem} from '@tanstack/match-sorter-utils';\nimport {type FilterMeta, type Row, type RowData} from '@tanstack/react-table';\n\nexport function fuzzyFilter<TData extends RowData>(\n  row: Row<TData>,\n  columnId: string,\n  value: unknown,\n  addMeta: (meta: FilterMeta) => void,\n) {\n  let itemRank = rankItem(row.getValue(columnId), value as string, {});\n\n  addMeta({itemRank});\n\n  return itemRank.passed;\n}\n"],
+  "mappings": ";AAAA,SAAQ,gBAAe;AAGhB,gBAAS,YACd,KACA,UACA,OACA,SACA;AACA,MAAI,WAAW,SAAS,IAAI,SAAS,QAAQ,GAAG,OAAiB,CAAC,CAAC;AAEnE,UAAQ,EAAC,SAAQ,CAAC;AAElB,SAAO,SAAS;AAClB;",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+import { type Column } from '@tanstack/react-table';
+export declare function getCommonPinningClasses(column: Column<any>): string;

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

@@ -0,0 +1,13 @@
+"use strict";
+export function getCommonPinningClasses(column) {
+  let isPinned = column.getIsPinned();
+  let isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
+  let isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
+  let borderClassName = isLastLeftPinnedColumn ? "border-r-2 border-neutral-100" : isFirstRightPinnedColumn ? "border-l-2 border-neutral-100" : void 0;
+  let opacityClassName = isPinned ? "opacity-90" : "opacity-100";
+  let positionClassName = isPinned ? "sticky" : "relative";
+  let zIndexClassName = isPinned ? "z-10" : "z-0";
+  let bgClassName = isPinned ? "bg-white" : "bg-transparent";
+  return `${bgClassName} ${borderClassName} ${opacityClassName} ${positionClassName} ${zIndexClassName} min-w-16`;
+}
+//# sourceMappingURL=getCommonPinningClasses.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/getCommonPinningClasses.ts"],
+  "sourcesContent": ["import {type Column} from '@tanstack/react-table';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\nexport function getCommonPinningClasses(column: Column<any>): string {\n  let isPinned = column.getIsPinned();\n  let isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');\n  let isFirstRightPinnedColumn = isPinned === 'right' && column.getIsFirstColumn('right');\n\n  let borderClassName =\n    isLastLeftPinnedColumn ? 'border-r-2 border-neutral-100'\n    : isFirstRightPinnedColumn ? 'border-l-2 border-neutral-100'\n    : undefined;\n  let opacityClassName = isPinned ? 'opacity-90' : 'opacity-100';\n  let positionClassName = isPinned ? 'sticky' : 'relative';\n  let zIndexClassName = isPinned ? 'z-10' : 'z-0';\n  let bgClassName = isPinned ? 'bg-white' : 'bg-transparent';\n\n  return `${bgClassName} ${borderClassName} ${opacityClassName} ${positionClassName} ${zIndexClassName} min-w-16`;\n}\n"],
+  "mappings": ";AAGO,gBAAS,wBAAwB,QAA6B;AACnE,MAAI,WAAW,OAAO,YAAY;AAClC,MAAI,yBAAyB,aAAa,UAAU,OAAO,gBAAgB,MAAM;AACjF,MAAI,2BAA2B,aAAa,WAAW,OAAO,iBAAiB,OAAO;AAEtF,MAAI,kBACF,yBAAyB,kCACvB,2BAA2B,kCAC3B;AACJ,MAAI,mBAAmB,WAAW,eAAe;AACjD,MAAI,oBAAoB,WAAW,WAAW;AAC9C,MAAI,kBAAkB,WAAW,SAAS;AAC1C,MAAI,cAAc,WAAW,aAAa;AAE1C,SAAO,GAAG,WAAW,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,eAAe;AACtG;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+import { type Column } from '@tanstack/react-table';
+import { type CSSProperties } from 'react';
+export declare function getCommonPinningStyles(column: Column<any>): CSSProperties;

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

@@ -0,0 +1,10 @@
+"use strict";
+export function getCommonPinningStyles(column) {
+  let isPinned = column.getIsPinned();
+  return {
+    left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
+    right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
+    width: column.getSize()
+  };
+}
+//# sourceMappingURL=getCommonPinningStyles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/getCommonPinningStyles.ts"],
+  "sourcesContent": ["import {type Column} from '@tanstack/react-table';\nimport {type CSSProperties} from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  let isPinned = column.getIsPinned();\n\n  return {\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    width: column.getSize(),\n  };\n}\n"],
+  "mappings": ";AAIO,gBAAS,uBAAuB,QAAoC;AACzE,MAAI,WAAW,OAAO,YAAY;AAElC,SAAO;AAAA,IACL,MAAM,aAAa,SAAS,GAAG,OAAO,SAAS,MAAM,CAAC,OAAO;AAAA,IAC7D,OAAO,aAAa,UAAU,GAAG,OAAO,SAAS,OAAO,CAAC,OAAO;AAAA,IAChE,OAAO,OAAO,QAAQ;AAAA,EACxB;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+import { type Column } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export declare function normalizeFilter(column: Column<any>, controlledFilters?: DataTableProps<any, any>['filters']): NonNullable<DataTableProps<any, any>['filters']>[number]['filter'] | null;

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

@@ -0,0 +1,19 @@
+"use strict";
+export function normalizeFilter(column, controlledFilters) {
+  if (controlledFilters === void 0) {
+    let filter2 = column.getFilterValue();
+    if (!filter2) {
+      return null;
+    }
+    return filter2;
+  }
+  if (!controlledFilters) {
+    return null;
+  }
+  let filter = controlledFilters.find((filter2) => filter2.column === column.id);
+  if (!filter) {
+    return null;
+  }
+  return filter.filter;
+}
+//# sourceMappingURL=normalizeFilter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/normalizeFilter.ts"],
+  "sourcesContent": ["import {type Column} from '@tanstack/react-table';\n\nimport {type DataTableProps} from '../DataTable.js';\n\nexport function normalizeFilter(\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  controlledFilters?: DataTableProps<any, any>['filters'],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n): NonNullable<DataTableProps<any, any>['filters']>[number]['filter'] | null {\n  if (controlledFilters === undefined) {\n    let filter = column.getFilterValue();\n\n    if (!filter) {\n      return null;\n    }\n\n    return filter as string;\n  }\n\n  if (!controlledFilters) {\n    return null;\n  }\n\n  let filter = controlledFilters.find((filter) => filter.column === column.id);\n\n  if (!filter) {\n    return null;\n  }\n\n  return filter.filter;\n}\n"],
+  "mappings": ";AAIO,gBAAS,gBAEd,QAEA,mBAE2E;AAC3E,MAAI,sBAAsB,QAAW;AACnC,QAAIA,UAAS,OAAO,eAAe;AAEnC,QAAI,CAACA,SAAQ;AACX,aAAO;AAAA,IACT;AAEA,WAAOA;AAAA,EACT;AAEA,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,SAAS,kBAAkB,KAAK,CAACA,YAAWA,QAAO,WAAW,OAAO,EAAE;AAE3E,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SAAO,OAAO;AAChB;",
+  "names": ["filter"]
+}

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

@@ -0,0 +1,3 @@
+import { type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export declare function normalizeFilters(table: Table<any>, controlledFilters?: DataTableProps<any, any>['filters']): DataTableProps<any, any>['filters'];

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

@@ -0,0 +1,18 @@
+"use strict";
+export function normalizeFilters(table, controlledFilters) {
+  if (controlledFilters === void 0) {
+    let filters = table.getState().columnFilters;
+    if (!filters.length) {
+      return null;
+    }
+    return filters.map((filter) => ({ column: filter.id, filter: filter.value }));
+  }
+  if (!controlledFilters) {
+    return null;
+  }
+  if (!controlledFilters.length) {
+    return null;
+  }
+  return controlledFilters;
+}
+//# sourceMappingURL=normalizeFilters.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/normalizeFilters.ts"],
+  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\n\nimport {type DataTableProps} from '../DataTable.js';\n\nexport function normalizeFilters(\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  controlledFilters?: DataTableProps<any, any>['filters'],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n): DataTableProps<any, any>['filters'] {\n  if (controlledFilters === undefined) {\n    let filters = table.getState().columnFilters;\n\n    if (!filters.length) {\n      return null;\n    }\n\n    return filters.map((filter) => ({column: filter.id, filter: filter.value as string}));\n  }\n\n  if (!controlledFilters) {\n    return null;\n  }\n\n  if (!controlledFilters.length) {\n    return null;\n  }\n\n  return controlledFilters;\n}\n"],
+  "mappings": ";AAIO,gBAAS,iBAEd,OAEA,mBAEqC;AACrC,MAAI,sBAAsB,QAAW;AACnC,QAAI,UAAU,MAAM,SAAS,EAAE;AAE/B,QAAI,CAAC,QAAQ,QAAQ;AACnB,aAAO;AAAA,IACT;AAEA,WAAO,QAAQ,IAAI,CAAC,YAAY,EAAC,QAAQ,OAAO,IAAI,QAAQ,OAAO,MAAe,EAAE;AAAA,EACtF;AAEA,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,kBAAkB,QAAQ;AAC7B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+import { type Header } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+import { type DataTableSorting } from '../DataTableSorting.js';
+export declare function normalizeSorting(header: Header<any, any>, controlledSorting?: DataTableProps<any, any>['sorting']): DataTableSorting;

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

@@ -0,0 +1,26 @@
+"use strict";
+export function normalizeSorting(header, controlledSorting) {
+  if (controlledSorting === void 0) {
+    let column2 = header.column.id;
+    let isSorted = header.column.getIsSorted();
+    if (!isSorted) {
+      return null;
+    }
+    return {
+      column: column2,
+      direction: isSorted === "asc" ? "ascending" : "descending"
+    };
+  }
+  let column = header.column.id;
+  if (!controlledSorting) {
+    return null;
+  }
+  if (controlledSorting.column !== column) {
+    return null;
+  }
+  return {
+    column,
+    direction: controlledSorting.direction
+  };
+}
+//# sourceMappingURL=normalizeSorting.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../source/components/data-table/internals/normalizeSorting.ts"],
+  "sourcesContent": ["import {type Header} from '@tanstack/react-table';\n\nimport {type DataTableProps} from '../DataTable.js';\nimport {type DataTableSorting} from '../DataTableSorting.js';\n\nexport function normalizeSorting(\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  controlledSorting?: DataTableProps<any, any>['sorting'],\n): DataTableSorting {\n  if (controlledSorting === undefined) {\n    let column = header.column.id;\n    let isSorted = header.column.getIsSorted();\n\n    if (!isSorted) {\n      return null;\n    }\n\n    return {\n      column,\n      direction: isSorted === 'asc' ? 'ascending' : 'descending',\n    };\n  }\n\n  let column = header.column.id;\n\n  if (!controlledSorting) {\n    return null;\n  }\n\n  if (controlledSorting.column !== column) {\n    return null;\n  }\n\n  return {\n    column,\n    direction: controlledSorting.direction,\n  };\n}\n"],
+  "mappings": ";AAKO,gBAAS,iBAEd,QAEA,mBACkB;AAClB,MAAI,sBAAsB,QAAW;AACnC,QAAIA,UAAS,OAAO,OAAO;AAC3B,QAAI,WAAW,OAAO,OAAO,YAAY;AAEzC,QAAI,CAAC,UAAU;AACb,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,MACL,QAAAA;AAAA,MACA,WAAW,aAAa,QAAQ,cAAc;AAAA,IAChD;AAAA,EACF;AAEA,MAAI,SAAS,OAAO,OAAO;AAE3B,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,kBAAkB,WAAW,QAAQ;AACvC,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA,WAAW,kBAAkB;AAAA,EAC/B;AACF;",
+  "names": ["column"]
+}

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

@@ -0,0 +1,5 @@
+import { type DataTableProps } from '../DataTable.js';
+export declare function removeFilter(filters: DataTableProps<any, any>['filters'], column: string): {
+    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
+    column: string;
+}[] | null;