@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/table/components/TablePagination.js

@@ -0,0 +1,52 @@
+import { jsxs as i, jsx as o, Fragment as h } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { Flex as p, Menu as r, Tooltip as z, Button as w, ActionIcon as c } from "@mantine/core";
+import { IconChevronLeft as f, IconChevronRight as u } from "@tabler/icons-react";
+import { useTableStore as C } from "../hooks/useTableStore.js";
+import { paginationMetaReselect as S } from "../selectors.js";
+const R = d(() => {
+  const { useStore: t, api: a } = C(), n = t((e) => e.page), s = t((e) => e.pageSize), { rowCount: l, pageCount: g } = t(S), m = t((e) => e.props.pageSizeOptions);
+  return /* @__PURE__ */ i(p, { gap: 8, children: [
+    /* @__PURE__ */ i(r, { children: [
+      /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(z, { label: "Change rows per page", position: "top", withArrow: !0, children: /* @__PURE__ */ o(w, { variant: "light", color: "dark", size: "sm", children: l > 0 ? /* @__PURE__ */ i(h, { children: [
+        "Rows ",
+        n * s + 1,
+        "-",
+        Math.min((n + 1) * s, l),
+        " of ",
+        l
+      ] }) : "No rows" }) }) }),
+      /* @__PURE__ */ i(r.Dropdown, { miw: 100, children: [
+        /* @__PURE__ */ o(r.Label, { children: "Rows per page" }),
+        m?.map((e) => /* @__PURE__ */ o(r.Item, { onClick: () => a.setPageSize(e), children: e }, e))
+      ] })
+    ] }),
+    /* @__PURE__ */ i(p, { children: [
+      /* @__PURE__ */ o(
+        c,
+        {
+          variant: "light",
+          color: "dark",
+          size: "lg",
+          onClick: a.setPrevPage,
+          disabled: n <= 0,
+          children: /* @__PURE__ */ o(f, { size: "1em" })
+        }
+      ),
+      /* @__PURE__ */ o(
+        c,
+        {
+          variant: "light",
+          color: "dark",
+          size: "lg",
+          disabled: n >= g - 1,
+          onClick: a.setNextPage,
+          children: /* @__PURE__ */ o(u, { size: "1em" })
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  R as TablePagination
+};

package/dist/components/table/components/TablePanel.d.ts

@@ -1 +1,2 @@
-export declare const TablePanel: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export declare const TablePanel: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+//# sourceMappingURL=TablePanel.d.ts.map

package/dist/components/table/components/TablePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TablePanel.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,2FA0BrB,CAAC"}

package/dist/components/table/components/TablePanel.js

@@ -0,0 +1,26 @@
+import { jsxs as p, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { memo as g } from "react";
+import { useTableStore as b } from "../hooks/useTableStore.js";
+import { visibleRowsReselect as f, visibleColumnsBySideReselect as d, metaReselect as v } from "../selectors.js";
+import { TableAggregation as R } from "./TableAggregation.js";
+import { TableRows as S } from "./TableRows.js";
+import { TableSkeleton as w } from "./TableSkeleton.js";
+const y = g(() => {
+  const { useStore: e } = b(), l = e((o) => o.selected), i = e((o) => o.pageSize), n = e((o) => o.props.loading), m = e((o) => o.props.virtualization), { rows: s, meta: a } = e(f), r = e(d), { zeroColumns: c } = e(v);
+  return c ? null : s.length ? /* @__PURE__ */ p(u, { children: [
+    /* @__PURE__ */ t(
+      S,
+      {
+        rows: s,
+        virtual: m,
+        columns: r,
+        selected: l,
+        meta: a
+      }
+    ),
+    /* @__PURE__ */ t(R, {})
+  ] }) : n ? /* @__PURE__ */ t(w, { count: i, columns: r }) : null;
+});
+export {
+  y as TablePanel
+};

package/dist/components/table/components/TableRow.d.ts

@@ -1,4 +1,4 @@
-import { RowMeta, TableColumnDef, TableRowModel } from '../types';
+import type { RowMeta, TableColumnDef, TableRowModel } from '../types';
 interface TableRowProps {
     start: number;
     row: TableRowModel;
@@ -10,5 +10,6 @@ interface TableRowProps {
         right: TableColumnDef[];
     };
 }
-export declare const TableRow: import('react').MemoExoticComponent<({ row, meta, columns, selected, start }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableRow: import("react").MemoExoticComponent<({ row, meta, columns, selected, start }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/components/table/components/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableRow.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGvE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IAEnB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACvC,OAAO,EAAE;QACP,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,KAAK,EAAE,cAAc,EAAE,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,QAAQ,gFACuB,aAAa,6CAsCxD,CAAC"}

package/dist/components/table/components/TableRow.js

@@ -0,0 +1,85 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { memo as g } from "react";
+import n from "@emotion/styled";
+import { TABLE_ATTRIBUTES as t } from "../constants.js";
+import { TableCell as a } from "./TableCell.js";
+const L = g(
+  ({ row: r, meta: d, columns: e, selected: h, start: s }) => {
+    const c = !!h?.includes(r.id);
+    return /* @__PURE__ */ m(
+      b,
+      {
+        [t.ROW]: r.id,
+        [t.ROW_SELECTED]: c,
+        [t.ROW_CHILD]: !d[r.id]?.main,
+        style: {
+          "--start": s + "px"
+        },
+        children: [
+          e.left.length > 0 && /* @__PURE__ */ o(l, { [t.PANEL_SIDE]: "left", children: e.left.map((i) => /* @__PURE__ */ o(a, { row: r, column: i }, i.field)) }),
+          /* @__PURE__ */ o(f, { children: e.base.map((i) => /* @__PURE__ */ o(a, { row: r, column: i }, i.field)) }),
+          e.right.length > 0 && /* @__PURE__ */ o(l, { [t.PANEL_SIDE]: "right", children: e.right.map((i) => /* @__PURE__ */ o(a, { row: r, column: i }, i.field)) })
+        ]
+      }
+    );
+  }
+), f = n.div`
+  display: flex;
+  flex: 1;
+  min-width: var(--base-cols-width);
+`, l = n.div`
+  top: 0;
+  min-width: 0;
+  flex-shrink: 0;
+  width: min-content;
+  z-index: 1;
+  height: 100%;
+  display: flex;
+  position: sticky;
+  background-color: var(--mantine-color-body);
+  transition: background-color 0.2s ease;
+
+  &[${t.PANEL_SIDE}='left'] {
+    left: 0;
+
+    [${t.CELL}]:last-of-type {
+      box-shadow: 2px 0 0 0
+        light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
+    }
+  }
+
+  &[${t.PANEL_SIDE}='right'] {
+    right: 0;
+
+    [${t.CELL}]:first-of-type {
+      box-shadow: -2px 0 0 0
+        light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
+    }
+  }
+`, b = n.div`
+  display: flex;
+  width: max-content;
+  min-width: 100%;
+  height: var(--row-height);
+  transition: background-color 0.2s ease;
+
+  &[${t.ROW_SELECTED}='true'] {
+    background-color: light-dark(
+      var(--mantine-color-blue-0),
+      var(--mantine-color-dark-8)
+    );
+
+    ${l} {
+      background-color: light-dark(
+        var(--mantine-color-blue-0),
+        var(--mantine-color-dark-8)
+      );
+    }
+  }
+
+  border-bottom: 1px solid
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
+`;
+export {
+  L as TableRow
+};

package/dist/components/table/components/TableRows.d.ts

@@ -1,4 +1,4 @@
-import { RowMeta, TableColumnDef, TableRowModel } from '../types';
+import type { RowMeta, TableColumnDef, TableRowModel } from '../types';
 type RenderRowsProps = {
     rows: TableRowModel[];
     meta: Partial<Record<string, RowMeta>>;
@@ -10,5 +10,6 @@ type RenderRowsProps = {
         right: TableColumnDef[];
     };
 };
-export declare const TableRows: import('react').MemoExoticComponent<({ rows, meta, columns, selected, virtual }: RenderRowsProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableRows: import("react").MemoExoticComponent<({ rows, meta, columns, selected, virtual }: RenderRowsProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=TableRows.d.ts.map

package/dist/components/table/components/TableRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRows.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableRows.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGvE,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE;QACP,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,KAAK,EAAE,cAAc,EAAE,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,mFACyB,eAAe,6CAiD7D,CAAC"}

package/dist/components/table/components/TableRows.js

@@ -0,0 +1,66 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as h, useCallback as a } from "react";
+import g from "@emotion/styled";
+import { useVirtualizer as u } from "@tanstack/react-virtual";
+import { TABLE_ATTRIBUTES as c } from "../constants.js";
+import { useTableStore as R } from "../hooks/useTableStore.js";
+import { TableRow as d } from "./TableRow.js";
+const k = h(
+  ({ rows: e, meta: n, columns: s, selected: m, virtual: r }) => {
+    const { useStore: l } = R(), p = l((t) => t.scrollRef), o = l((t) => t.props.rowHeight), f = u({
+      count: e.length,
+      enabled: r,
+      getScrollElement: a(() => p, [p]),
+      estimateSize: a(() => o, [o]),
+      getItemKey: a((t) => e[t].id, [e])
+    });
+    return /* @__PURE__ */ i(
+      b,
+      {
+        "data-virtual": r,
+        style: {
+          height: r ? `${f.getTotalSize()}px` : void 0
+        },
+        children: r ? f.getVirtualItems().map((t) => /* @__PURE__ */ i(
+          d,
+          {
+            meta: n,
+            start: t.start,
+            row: e[t.index],
+            columns: s,
+            selected: m
+          },
+          t.key
+        )) : e.map((t, T) => /* @__PURE__ */ i(
+          d,
+          {
+            meta: n,
+            start: T * o,
+            row: t,
+            columns: s,
+            selected: m
+          },
+          t.id
+        ))
+      }
+    );
+  }
+), b = g.div`
+  width: max-content;
+  min-width: 100%;
+  position: relative;
+  flex-shrink: 0;
+  transform: translateY(var(--start));
+
+  &[${c.VIRTUAL_CONTAINER}='true'] {
+    [${c.ROW}] {
+      position: absolute;
+      top: 0;
+      left: 0;
+      transform: translateY(var(--start));
+    }
+  }
+`;
+export {
+  k as TableRows
+};

package/dist/components/table/components/TableSearch.d.ts

@@ -1 +1,2 @@
-export declare const TableSearch: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const TableSearch: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=TableSearch.d.ts.map

package/dist/components/table/components/TableSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableSearch.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,oFA+BtB,CAAC"}

package/dist/components/table/components/TableSearch.js

@@ -0,0 +1,32 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as u, useState as h, useEffect as p, useCallback as f } from "react";
+import { TextInput as i } from "@mantine/core";
+import { useDebouncedCallback as S } from "@mantine/hooks";
+import { IconSearch as b } from "@tabler/icons-react";
+import { useTableStore as T } from "../hooks/useTableStore.js";
+const I = u(() => {
+  const { api: s, useStore: n } = T(), t = n((e) => e.search), [m, r] = h(""), o = S((e) => s.setSearch(e), 800);
+  p(() => {
+    r(t);
+  }, [t]);
+  const l = f(
+    (e) => {
+      const a = e.currentTarget.value;
+      r(a), o(a);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ c(
+    i,
+    {
+      leftSection: /* @__PURE__ */ c(b, { size: "1em" }),
+      value: m,
+      onChange: l,
+      placeholder: "Type to search...",
+      variant: "default"
+    }
+  );
+});
+export {
+  I as TableSearch
+};

package/dist/components/table/components/TableSkeleton.d.ts

@@ -1,4 +1,4 @@
-import { TableColumnDef } from '../types';
+import type { TableColumnDef } from '../types';
 type TableSkeletonProps = {
     count: number;
     columns: {
@@ -7,5 +7,6 @@ type TableSkeletonProps = {
         right: TableColumnDef[];
     };
 };
-export declare const TableSkeleton: import('react').MemoExoticComponent<({ count, columns }: TableSkeletonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableSkeleton: import("react").MemoExoticComponent<({ count, columns }: TableSkeletonProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=TableSkeleton.d.ts.map

package/dist/components/table/components/TableSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableSkeleton.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAW,cAAc,EAAE,MAAM,UAAU,CAAC;AAKxD,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,KAAK,EAAE,cAAc,EAAE,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,2DAA6B,kBAAkB,6CA+DvE,CAAC"}

package/dist/components/table/components/TableSkeleton.js

@@ -0,0 +1,60 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as w, useMemo as h } from "react";
+import g from "@emotion/styled";
+import { Skeleton as d } from "@mantine/core";
+import { SELECT_COLUMN_FIELD as m, EXPAND_COLUMN_FIELD as l } from "../constants.js";
+import { useTableStore as S } from "../hooks/useTableStore.js";
+import { TableRow as _ } from "./TableRow.js";
+const y = [], c = w(({ count: o, columns: r }) => {
+  const { useStore: a } = S(), n = a((e) => e.props.rowHeight), f = h(() => ({
+    left: r.left.map((e) => ({
+      ...e,
+      cellStyle: e.field === m || e.field === l ? { padding: 12, width: "100%" } : { width: "100%" },
+      render: () => /* @__PURE__ */ i(d, { h: 16, w: "100%", flex: 1 })
+    })),
+    base: r.base.map((e) => ({
+      ...e,
+      cellStyle: e.field === m || e.field === l ? { padding: 12, width: "100%" } : { width: "100%" },
+      render: () => /* @__PURE__ */ i(d, { h: 16, w: "100%", flex: 1 })
+    })),
+    right: r.right.map((e) => ({
+      ...e,
+      cellStyle: e.field === m || e.field === l ? { padding: 12, width: "100%" } : { width: "100%" },
+      render: () => /* @__PURE__ */ i(d, { h: 16 })
+    }))
+  }), [r.base, r.left, r.right]), p = h(() => {
+    const e = {};
+    return Array.from({ length: o }, (t, s) => s).forEach((t) => {
+      e[t] = {
+        main: !0
+      };
+    }), e;
+  }, [o]);
+  return /* @__PURE__ */ i(
+    E,
+    {
+      style: {
+        height: `${o * n}px`
+      },
+      children: Array.from({ length: o }, (e, t) => t).map((e, t) => /* @__PURE__ */ i(
+        _,
+        {
+          start: t * n,
+          row: { id: t.toString() },
+          columns: f,
+          meta: p,
+          selected: y
+        },
+        t.toString()
+      ))
+    }
+  );
+}), E = g.div`
+  width: max-content;
+  min-width: 100%;
+  position: relative;
+  flex-shrink: 0;
+`;
+export {
+  c as TableSkeleton
+};

package/dist/components/table/components/TableTitle.d.ts

@@ -1,16 +1,17 @@
-export declare const TableTitle: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+export declare const TableTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableHeader: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableRoot: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableDesc: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableDesc: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=TableTitle.d.ts.map

package/dist/components/table/components/TableTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableTitle.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;yGAAe,CAAC;AAEvC,eAAO,MAAM,WAAW;;;yGAOvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGASrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAErB,CAAC"}

package/dist/components/table/components/TableTitle.js

@@ -0,0 +1,26 @@
+import e from "@emotion/styled";
+const t = e.div``, i = e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 16px;
+  text-transform: none;
+`, n = e.div`
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  flex: 1;
+`, d = e.div`
+  text-transform: none;
+`;
+export {
+  d as TableDesc,
+  i as TableHeader,
+  n as TableRoot,
+  t as TableTitle
+};

package/dist/components/table/constants.d.ts

@@ -23,3 +23,4 @@ export declare const TABLE_ATTRIBUTES: {
 export declare const SELECT_COLUMN_FIELD = "__checkbox__";
 export declare const EXPAND_COLUMN_FIELD = "__expand__";
 export declare const TABLE_AGGREGATION_ROW_ID = "__aggregation__";
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/table/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEX,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAElD,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,wBAAwB,oBAAoB,CAAC"}

package/dist/components/table/constants.js

@@ -0,0 +1,28 @@
+const a = {
+  ROW: "data-row",
+  CELL: "data-cell",
+  ROOT: "data-root",
+  COLUMN_ALIGN: "data-al",
+  SCROLLED: "data-scrolled",
+  SORTABLE: "data-sortable",
+  RESIZER: "data-resizer",
+  RESIZER_SIDE: "data-side",
+  ROW_SELECTED: "data-sel",
+  ROW_CHILD: "data-child",
+  SORTED: "data-sorted",
+  HEADER_CELL: "data-header",
+  INNER: "data-inner",
+  AUTOSIZE: "data-autosize",
+  PANEL_SIDE: "data-side",
+  HEADER_GRID: "data-header-grid",
+  VIRTUAL_CONTAINER: "data-virtual",
+  BASE: "data-base",
+  HEADERS: "data-headers",
+  HEADER_GROUP: "data-header-group"
+}, E = "__checkbox__", d = "__expand__", t = "__aggregation__";
+export {
+  d as EXPAND_COLUMN_FIELD,
+  E as SELECT_COLUMN_FIELD,
+  t as TABLE_AGGREGATION_ROW_ID,
+  a as TABLE_ATTRIBUTES
+};

package/dist/components/table/export.d.ts

@@ -1,4 +1,4 @@
-import { TableColumnDef, TableRowModel } from './types';
+import type { TableColumnDef, TableRowModel } from './types';
 type ExportProps<T extends TableRowModel> = {
     rows: T[];
     columns: TableColumnDef<T>[];
@@ -7,3 +7,4 @@ type ExportProps<T extends TableRowModel> = {
 export declare const exportToExcel: <T extends TableRowModel>({ rows, columns, fileName, }: ExportProps<T>) => Promise<void>;
 export declare const exportToCSV: <T extends TableRowModel>({ rows, columns, fileName, }: ExportProps<T>) => Promise<void>;
 export {};
+//# sourceMappingURL=export.d.ts.map

package/dist/components/table/export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../src/components/table/export.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAElF,KAAK,WAAW,CAAC,CAAC,SAAS,aAAa,IAAI;IAC1C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAsBF,eAAO,MAAM,aAAa,GAAU,CAAC,SAAS,aAAa,EAAE,8BAI1D,WAAW,CAAC,CAAC,CAAC,kBAShB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,CAAC,SAAS,aAAa,EAAE,8BAIxD,WAAW,CAAC,CAAC,CAAC,kBAShB,CAAC"}

package/dist/components/table/export.js

@@ -0,0 +1,58 @@
+import { format as f } from "date-fns";
+import l from "exceljs";
+import { isArray as u, get as b } from "lodash-es";
+const i = async ({
+  rows: a,
+  columns: e,
+  fileName: o
+}) => {
+  const t = new l.Workbook(), r = t.addWorksheet(o), n = p(e);
+  return r.columns = p(e).map((s) => ({
+    key: s.field,
+    header: s.header
+  })), a.map((s) => w(s, n)).forEach((s) => r.addRow(s)), t;
+}, x = async ({
+  rows: a,
+  columns: e,
+  fileName: o
+}) => {
+  const r = await (await i({ rows: a, columns: e, fileName: o })).xlsx.writeBuffer(), n = new Blob([r], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+  });
+  c(n, o);
+}, y = async ({
+  rows: a,
+  columns: e,
+  fileName: o
+}) => {
+  const r = await (await i({ rows: a, columns: e, fileName: o })).csv.writeBuffer(), n = new Blob([r], {
+    type: "text/csv;charset=utf-8;"
+  });
+  c(n, o);
+}, c = (a, e) => {
+  const o = URL.createObjectURL(a), t = document.createElement("a");
+  t.href = o, t.download = [e, f(/* @__PURE__ */ new Date(), "yyyy-MM-dd")].join("_"), t.click(), URL.revokeObjectURL(o);
+}, p = (a) => a.filter((e) => e.exportable).flatMap((e) => {
+  const { exportSettings: o } = e;
+  return o ? (u(o) ? o : [o]).map((r, n) => ({
+    header: r.header ?? (typeof e.header == "string" ? e.header : ""),
+    field: [e.field, n].join("_"),
+    value: r.value,
+    baseField: e.field
+  })) : [{
+    header: typeof e.header == "string" ? e.header : "",
+    field: e.field,
+    value: (n, d) => d,
+    baseField: e.field
+  }];
+}), w = (a, e) => e.reduce(
+  (o, t) => {
+    const r = b(a, t.baseField), n = t?.value ? t.value(a, r) : r;
+    return o[t.field] = n, o;
+  },
+  {}
+);
+export {
+  y as exportToCSV,
+  x as exportToExcel
+};

package/dist/components/table/helpers/columns.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
-import { TableAPI } from '../api';
-import { DateColumnProps, TableColumnDef, TableColumnPin, TableColumnState, TableColumnsProp, TableRowModel } from '../types';
+import type { CSSProperties } from 'react';
+import type { TableAPI } from '../api';
+import type { DateColumnProps, TableColumnDef, TableColumnPin, TableColumnState, TableColumnsProp, TableRowModel } from '../types';
 import { Numbers } from './formatters';
 export declare const getDateColumn: (props?: DateColumnProps) => Partial<TableColumnDef>;
 export declare const getNumberColumn: (props?: Numbers.FormatterProps) => Partial<TableColumnDef>;
@@ -26,3 +26,4 @@ export declare const getSelectionColumn: ({ selected, api, pinned, }: {
 }) => TableColumnState;
 export declare const getAggregationColumns: (columns: TableColumnDef[], aggregatedRow: TableRowModel, rows: TableRowModel[]) => TableColumnDef[];
 export declare const getAggregateValue: (column: TableColumnDef, rows: TableRowModel[]) => number | null;
+//# sourceMappingURL=columns.d.ts.map

package/dist/components/table/helpers/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/table/helpers/columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAIvC,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,eAAO,MAAM,aAAa,GACxB,QAAQ,eAAe,KACtB,OAAO,CAAC,cAAc,CAcvB,CAAC;AAEH,eAAO,MAAM,eAAe,GAC1B,QAAO,OAAO,CAAC,cAAkC,KAChD,OAAO,CAAC,cAAc,CAOvB,CAAC;AAEH,eAAO,MAAM,cAAc,GACzB,QAAO,OAAO,CAAC,cAAkC,KAChD,OAAO,CAAC,cAAc,CAMvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,GAC3B,QAAO,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,OAAO,CAAqB,KAC/D,OAAO,CAAC,cAAc,CAOvB,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,KAC5C,OAAO,CAAC,cAAc,CAMvB,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,WAUtC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EACrD,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,4BA+BhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,yCAE5C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,gBAAgB,EACzB,UAAU,CAAC,EAAE,cAAc,GAC1B,gBAAgB,CAElB;AAWD,eAAO,MAAM,WAAW,GACtB,SAAS,cAAc,EACvB,SAAS,OAAO,CAAC,gBAAgB,CAAC,KACjC,gBAgBF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,cAAc,EAAE,KAQlD,aACN,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,4BAIhC;IACD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,qBAsCA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,4BAIhC;IACD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,qBAoCA,CAAC;AAqBF,eAAO,MAAM,qBAAqB,GAChC,SAAS,cAAc,EAAE,EACzB,eAAe,aAAa,EAC5B,MAAM,aAAa,EAAE,qBA+BtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,cAAc,EACtB,MAAM,aAAa,EAAE,kBAoCtB,CAAC"}