@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/table/helpers/columns.js

@@ -0,0 +1,198 @@
+import { jsx as o, Fragment as z } from "react/jsx-runtime";
+import E from "@emotion/styled";
+import { ActionIcon as N, Checkbox as v } from "@mantine/core";
+import { IconChevronDown as W, IconChevronRight as A } from "@tabler/icons-react";
+import { isValid as h, format as p } from "date-fns";
+import { round as a, assignWith as D, get as c, isNil as R } from "lodash-es";
+import { EXPAND_COLUMN_FIELD as g, SELECT_COLUMN_FIELD as m } from "../constants.js";
+import { useTableStore as I } from "../hooks/useTableStore.js";
+import { selectionReselect as T } from "../selectors.js";
+import { Numbers as s } from "./formatters.js";
+const C = (e) => ({
+  render: (t, r) => {
+    const n = new Date(r);
+    return h(n) ? p(n, e?.format ?? "MMM dd, yyyy") : null;
+  },
+  exportSettings: {
+    value: (t, r) => {
+      const n = new Date(r);
+      return h(n) ? p(n, e?.format ?? "yyyy-MM-dd") : null;
+    }
+  }
+}), S = (e = { decimal: !0 }) => ({
+  align: "right",
+  render: (t, r) => s.format(r, e),
+  exportSettings: {
+    value: (t, r) => a(s.parse(r), e.decimal ? 2 : 0).toString()
+  }
+}), x = (e = { decimal: !0 }) => ({
+  align: "right",
+  render: (t, r) => r ? "x" + s.format(r, e) : "",
+  exportSettings: {
+    value: (t, r) => a(s.parse(r), 2).toString()
+  }
+}), b = (e = { decimal: !0 }) => ({
+  align: "right",
+  render: (t, r) => s.formatPercents(r, e),
+  exportSettings: {
+    value: (t, r) => a(s.parse(r), e.decimal ? 2 : 0).toString()
+  }
+}), y = (e) => ({
+  align: "right",
+  render: (t, r) => s.formatCurrency(r, e),
+  exportSettings: {
+    value: (t, r) => a(s.parse(r), 2).toString()
+  }
+}), _ = (e) => {
+  let t = 2166136261;
+  for (let r = 0; r < e.length; r++)
+    t ^= e.charCodeAt(r), t += (t << 1) + (t << 4) + (t << 7) + (t << 8) + (t << 24);
+  return ("0000000" + (t >>> 0).toString(16)).slice(-8);
+}, w = (e) => {
+  let t = {};
+  return typeof e == "object" ? e.type === "number" ? t = S(e) : e.type === "currency" ? t = y(e) : e.type === "percent" ? t = b(e) : e.type === "ratio" ? t = x(e) : e.type === "date" && (t = C(e)) : e === "number" ? t = S() : e === "currency" ? t = y() : e === "percent" ? t = b() : e === "ratio" ? t = x() : e === "date" && (t = C()), t;
+}, G = (e) => e === g || e === m;
+function J(e, t) {
+  return e.filter((r) => r.pinned === t);
+}
+const L = {
+  resizable: !0,
+  exportable: !0,
+  sortable: !0,
+  management: {
+    show: !0
+  }
+}, K = (e, t) => ({
+  ...L,
+  ...w(t?.type ?? e.type),
+  ...D(
+    {},
+    e,
+    t,
+    (r, n) => n === void 0 ? r : n
+  ),
+  computedWidth: t?.computedWidth,
+  setWidth: t?.setWidth,
+  get finalWidth() {
+    return this.setWidth ?? this.computedWidth;
+  },
+  get id() {
+    return _(this.field);
+  }
+}), Q = (e) => ({
+  gridTemplateColumns: e.map((r) => `var(--col-${_(r.field)})`).join(" "),
+  "--col-count": e.length
+}), Y = ({
+  expanded: e,
+  api: t,
+  pinned: r
+}) => ({
+  id: g,
+  field: g,
+  width: 40,
+  headerStyle: {
+    padding: 0
+  },
+  cellStyle: {
+    padding: 0
+  },
+  pinned: r ? "left" : void 0,
+  align: "center",
+  exportable: !1,
+  sortable: !1,
+  resizable: !1,
+  header: null,
+  render: (i) => {
+    if (!Array.isArray(i.__children)) return /* @__PURE__ */ o(z, {});
+    const l = e?.includes(i.id);
+    return /* @__PURE__ */ o(
+      N,
+      {
+        onClick: () => t.toggleRowExpand(i.id),
+        size: "xs",
+        variant: "subtle",
+        children: l ? /* @__PURE__ */ o(W, { size: 16 }) : /* @__PURE__ */ o(A, { size: 16 })
+      }
+    );
+  }
+}), Z = ({
+  selected: e,
+  api: t,
+  pinned: r
+}) => ({
+  id: m,
+  field: m,
+  width: 40,
+  headerStyle: {
+    padding: 0
+  },
+  cellStyle: {
+    padding: 0
+  },
+  pinned: r ? "left" : void 0,
+  align: "center",
+  exportable: !1,
+  sortable: !1,
+  resizable: !1,
+  header: /* @__PURE__ */ o(P, {}),
+  render: (i) => {
+    const l = e.includes(i.id);
+    return /* @__PURE__ */ o(
+      v,
+      {
+        size: "xs",
+        checked: l,
+        onChange: () => {
+          l ? t.unselectRow(i.id) : t.selectRow(i.id);
+        }
+      }
+    );
+  }
+}), P = () => {
+  const { useStore: e, api: t } = I(), { allSelected: r, hasSelected: n } = e(T);
+  return /* @__PURE__ */ o(
+    v,
+    {
+      size: "xs",
+      checked: n,
+      indeterminate: n && !r,
+      onChange: () => {
+        n ? t.unselectVisibleRows() : t.selectVisibleRows();
+      }
+    }
+  );
+}, ee = (e, t, r) => e.map((n) => {
+  const { aggregation: i, field: l, type: M } = n;
+  return {
+    ...n,
+    render: () => {
+      if (!i) return null;
+      if (i.render)
+        return /* @__PURE__ */ o(u, { children: i.render?.(r) });
+      const d = c(t, l), f = w(M);
+      return f.render ? /* @__PURE__ */ o(u, { children: f.render(t, d) }) : typeof d == "object" ? null : /* @__PURE__ */ o(u, { children: d });
+    }
+  };
+}), te = (e, t) => {
+  const r = e.aggregation;
+  if (!r || r.render) return null;
+  const n = t.map((i) => c(i, e.field)).map(s.parse).filter((i) => !isNaN(i));
+  return r.type === "sum" ? n.reduce((i, l) => i + l, 0) : r.type === "avg" ? n.reduce((i, l) => i + l, 0) / n.length : r.type === "min" ? Math.min(...n) : r.type === "max" ? Math.max(...n) : r.type === "count" ? t.map((l) => c(l, e.field)).filter((l) => !R(l)).length : null;
+}, u = E.div``;
+export {
+  J as filterPinnedColumns,
+  te as getAggregateValue,
+  ee as getAggregationColumns,
+  _ as getColumnId,
+  w as getColumnsProps,
+  y as getCurrencyColumn,
+  C as getDateColumn,
+  Y as getExpandingColumn,
+  Q as getHeaderStyles,
+  S as getNumberColumn,
+  b as getPercentColumn,
+  x as getRatioColumn,
+  Z as getSelectionColumn,
+  G as isTechnicalColumn,
+  K as mergeColumn
+};

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

@@ -74,3 +74,4 @@ export declare namespace Numbers {
     const formatByType: (type: NumberType, v: AcceptableValue, options?: FormatterProps) => string;
     const getCurrencySymbol: (currency: Intl.NumberFormatOptions["currency"], locale?: Intl.LocalesArgument) => string;
 }
+//# sourceMappingURL=formatters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../../../src/components/table/helpers/formatters.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,yBAAiB,OAAO,CAAC;IACvB,KAAY,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAEjE;;;;OAIG;IACI,MAAM,KAAK,GAAI,OAAO,eAAe,KAAG,MAgB9C,CAAC;IAEF;;;;OAIG;IACI,MAAM,UAAU,GAAI,OAAO,eAAe,YAEhD,CAAC;IAEF;;;;OAIG;IACI,MAAM,UAAU,GAAI,OAAO,eAAe,YAEhD,CAAC;IAEK,MAAM,UAAU,GACrB,GAAG,eAAe,EAClB,SAAS,OAAO,KACf,WAAW,GAAG,IAMhB,CAAC;IAEF;;;;OAIG;IACI,MAAM,QAAQ,GAAI,OAAO,eAAe,KAAG,KAAK,IAAI,MAE1D,CAAC;IAEF;;OAEG;IACH,KAAY,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE3D;;OAEG;IACH,KAAY,cAAc,GAAG,IAAI,CAAC,mBAAmB,GAAG;QACtD,uCAAuC;QACvC,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC;QAC9B,sCAAsC;QACtC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,yCAAyC;QACzC,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,sCAAsC;QACtC,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;IAEF;;;;;OAKG;IACI,MAAM,MAAM,GAAI,GAAG,eAAe,EAAE,WAAU,cAAmB,WAoCvE,CAAC;IAEF;;;;;OAKG;IACI,MAAM,cAAc,GACzB,GAAG,eAAe,EAClB,UAAU,cAAc,WAGzB,CAAC;IAEF;;;;;OAKG;IACI,MAAM,cAAc,GACzB,GAAG,eAAe,EAClB,UAAU,cAAc,WAGzB,CAAC;IAEK,MAAM,gBAAgB,8CAA+C,CAAC;IAC7E,KAAY,WAAW,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAQrD,MAAM,KAAK,GAChB,OAAO,MAAM,GAAG,MAAM,EACtB,YAAQ,EACR,OAAM,OAAO,GAAG,OAAO,GAAG,MAAgB,WAc3C,CAAC;IAEK,MAAM,YAAY,GACvB,MAAM,UAAU,EAChB,GAAG,eAAe,EAClB,UAAU,cAAc,WAGzB,CAAC;IAEK,MAAM,iBAAiB,GAC5B,UAAU,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAC9C,SAAQ,IAAI,CAAC,eAAyB,WAWvC,CAAC;CACH"}

package/dist/components/table/helpers/formatters.js

@@ -0,0 +1,65 @@
+import { isNil as N } from "lodash-es";
+var u;
+((r) => {
+  r.parse = (t) => {
+    if (N(t))
+      return NaN;
+    if (typeof t == "number" && !isNaN(t))
+      return t;
+    const n = typeof t == "string" ? parseFloat(t) : NaN;
+    return isNaN(n) ? NaN : n;
+  }, r.isPositive = (t) => (0, r.isNumber)(t) && t > 0, r.isNegative = (t) => (0, r.isNumber)(t) && t < 0, r.getDynamic = (t, n) => {
+    const e = (0, r.parse)(t);
+    return (0, r.isNumber)(e) ? (0, r.isPositive)(e) ? n ? "negative" : "positive" : (0, r.isNegative)(e) ? n ? "positive" : "negative" : "neutral" : null;
+  }, r.isNumber = (t) => typeof t == "number" && !isNaN(t), r.format = (t, n = {}) => {
+    const {
+      locale: e = "en-US",
+      invalidValue: i = "n/a",
+      style: o,
+      currency: a,
+      decimal: c,
+      minimumFractionDigits: s,
+      maximumFractionDigits: p,
+      divide: l,
+      short: y,
+      ...g
+    } = n, m = (0, r.parse)(t);
+    if (isNaN(m)) return i;
+    const d = new Intl.NumberFormat(e, {
+      style: o,
+      ...o === "currency" ? { currency: a || "USD", currencyDisplay: "symbol" } : {},
+      minimumFractionDigits: s ?? (c ? 2 : 0),
+      maximumFractionDigits: p ?? (c ? 2 : 0),
+      notation: y ? "compact" : void 0,
+      compactDisplay: y ? "short" : void 0,
+      ...g
+    });
+    try {
+      return d.format(l ? m / 100 : m);
+    } catch {
+      return i;
+    }
+  }, r.formatCurrency = (t, n) => (0, r.format)(t, { style: "currency", ...n }), r.formatPercents = (t, n) => (0, r.format)(t, { style: "percent", ...n }), r.dynamicTypesList = ["positive", "negative", "neutral"];
+  const f = {
+    currency: r.formatCurrency,
+    number: r.format,
+    percent: r.formatPercents
+  };
+  r.round = (t, n = -2, e = "round") => {
+    if (t = Number(t), n % 1 !== 0 || Number.isNaN(t))
+      return NaN;
+    if (n === 0)
+      return Math[e](t);
+    const [i, o = 0] = t.toString().split("e"), a = Math[e](
+      +`${i}e${Number(o) - n}`
+    ), [c, s = 0] = a.toString().split("e");
+    return +`${c}e${+s + n}`;
+  }, r.formatByType = (t, n, e) => f[t](n, e), r.getCurrencySymbol = (t, n = "en-US") => new Intl.NumberFormat(n, {
+    style: "currency",
+    currency: t,
+    currencyDisplay: "symbol"
+  }).formatToParts(1).find((a) => a.type === "currency")?.value || "";
+})(u || (u = {}));
+export {
+  u as Numbers
+};

package/dist/components/table/hooks/TableProvider.d.ts

@@ -1,13 +1,13 @@
-import { PropsWithChildren } from 'react';
-import { CreateTableReturn } from '../store';
-import { TableProps, TableRowModel } from '../types';
-export declare const TableContext: import('react').Context<{
-    useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "setState" | "persist"> & {
-        setState(partial: import('../store').Store | Partial<import('../store').Store> | ((state: import('../store').Store) => import('../store').Store | Partial<import('../store').Store>), replace?: false | undefined): unknown;
-        setState(state: import('../store').Store | ((state: import('../store').Store) => import('../store').Store), replace: true): unknown;
+import type { PropsWithChildren } from 'react';
+import type { CreateTableReturn } from '../store';
+import type { TableProps, TableRowModel } from '../types';
+export declare const TableContext: import("react").Context<{
+    useStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<import("../store").Store>, "setState" | "persist"> & {
+        setState(partial: import("../store").Store | Partial<import("../store").Store> | ((state: import("../store").Store) => import("../store").Store | Partial<import("../store").Store>), replace?: false | undefined): unknown;
+        setState(state: import("../store").Store | ((state: import("../store").Store) => import("../store").Store), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                sort: import('../types').TableSortModel | null;
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<import("../store").Store, {
+                sort: import("../types").TableSortModel | null;
                 search: string;
                 pageSize: number;
                 columnsOrder: string[];
@@ -15,10 +15,10 @@ export declare const TableContext: import('react').Context<{
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
             hasHydrated: () => boolean;
-            onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
-            onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
-            getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                sort: import('../types').TableSortModel | null;
+            onHydrate: (fn: (state: import("../store").Store) => void) => () => void;
+            onFinishHydration: (fn: (state: import("../store").Store) => void) => () => void;
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<import("../store").Store, {
+                sort: import("../types").TableSortModel | null;
                 search: string;
                 pageSize: number;
                 columnsOrder: string[];
@@ -28,7 +28,7 @@ export declare const TableContext: import('react').Context<{
     api: {
         setPageSize: (v: number) => void;
         setPage: (v: number) => void;
-        setSort: (v: import('../types').TableSortModel | null) => void;
+        setSort: (v: import("../types").TableSortModel | null) => void;
         downloadCSV: () => void;
         downloadExcel: () => void;
         setSelected: (selected: string[]) => void;
@@ -57,3 +57,4 @@ export declare const TableContext: import('react').Context<{
 export declare const TableProvider: <ITEM extends TableRowModel>({ children, store, rows, columns, loading, pageSizeOptions, rowHeight, headerHeight, rowCount, exportFileName, pagination, virtualization, searching, selection, sorting, expanding, }: PropsWithChildren<{
     store: CreateTableReturn;
 } & TableProps<ITEM>>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableProvider.d.ts.map

package/dist/components/table/hooks/TableProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/TableProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAkB,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE1E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAExB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,IAAI,SAAS,aAAa,EAAE,wLAiBvD,iBAAiB,CAAC;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,4CA0CpE,CAAC"}

package/dist/components/table/hooks/TableProvider.js

@@ -0,0 +1,62 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as S, useLayoutEffect as C } from "react";
+const b = S(
+  null
+), P = ({
+  children: h,
+  store: t,
+  rows: p,
+  columns: s,
+  loading: i,
+  pageSizeOptions: r,
+  rowHeight: e,
+  headerHeight: a,
+  rowCount: n,
+  exportFileName: g,
+  pagination: l,
+  virtualization: u,
+  searching: x,
+  selection: c,
+  sorting: d,
+  expanding: f
+}) => (C(() => {
+  t.useStore.setState((o) => ({
+    ...o,
+    props: {
+      headerHeight: a ?? o.props.headerHeight,
+      loading: i ?? o.props.loading,
+      pageSizeOptions: r ?? o.props.pageSizeOptions,
+      rowCount: n ?? o.props.rowCount,
+      rowHeight: e ?? o.props.rowHeight,
+      exportFileName: g ?? o.props.exportFileName,
+      pagination: l ?? o.props.pagination,
+      searching: x ?? o.props.searching,
+      selection: c ?? o.props.selection,
+      expanding: f ?? o.props.expanding,
+      virtualization: u ?? o.props.virtualization,
+      sorting: d ?? o.props.sorting,
+      columns: s,
+      rows: p
+    }
+  }));
+}, [
+  s,
+  f,
+  g,
+  a,
+  i,
+  r,
+  l,
+  n,
+  e,
+  p,
+  x,
+  c,
+  d,
+  u,
+  t.useStore
+]), /* @__PURE__ */ m(b.Provider, { value: t, children: h }));
+export {
+  b as TableContext,
+  P as TableProvider
+};

package/dist/components/table/hooks/useColumnsResizing.d.ts

@@ -1,5 +1,6 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export declare const useColumnsResizing: (resizing: MutableRefObject<boolean>) => {
     onPointerDown: (...args: any) => any;
-    onDragStart: import('react').DragEventHandler;
+    onDragStart: import("react").DragEventHandler;
 };
+//# sourceMappingURL=useColumnsResizing.d.ts.map

package/dist/components/table/hooks/useColumnsResizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAchC,GAAG;;CAqExC,CAAC"}

package/dist/components/table/hooks/useColumnsResizing.js

@@ -0,0 +1,51 @@
+import { useRef as o } from "react";
+import { useDraggable as S } from "draggable-ui";
+import { clamp as E, isNil as T } from "lodash-es";
+import { TABLE_ATTRIBUTES as i } from "../constants.js";
+import { columnsMapReselect as g } from "../selectors.js";
+import { useTableStore as I } from "./useTableStore.js";
+const $ = (f) => {
+  const { useStore: R, api: d } = I(), s = R(g), c = o(null), r = o(null), l = o(!1), u = o(0), { listeners: p } = S({
+    onStart: ({ event: t }) => {
+      if (!(t.target instanceof HTMLElement) && !(t.target instanceof SVGElement))
+        return;
+      const n = t.target.closest(`[${i.RESIZER}]`);
+      if (!n) return;
+      const e = n.getAttribute(i.RESIZER);
+      if (!e || !s[e]) return;
+      const h = n.getAttribute(i.RESIZER_SIDE) === "right";
+      l.current = h;
+      const a = s[e].finalWidth;
+      if (T(a)) return;
+      const m = t.target.closest(`[${i.INNER}]`);
+      !m || !(m instanceof HTMLElement) || (f.current = !0, c.current = m, r.current = s[e], u.current = a);
+    },
+    onMove: ({ deltaX: t }) => {
+      if (!r.current || !c.current) return;
+      const n = l.current ? t * -1 : t, e = E(
+        u.current + n,
+        r.current.minWidth || 50,
+        r.current.maxWidth || Number.MAX_SAFE_INTEGER
+      );
+      c.current.style.setProperty(
+        `--col-${r.current.id}`,
+        `${e}px`
+      );
+    },
+    onEnd: ({ deltaX: t }) => {
+      if (setTimeout(() => {
+        f.current = !1;
+      }, 0), !r.current || !c.current) return;
+      const n = l.current ? t * -1 : t, e = E(
+        u.current + n,
+        r.current.minWidth || 50,
+        r.current.maxWidth || Number.MAX_SAFE_INTEGER
+      );
+      d.setColumnWidth(r.current.field, e), c.current.style.removeProperty(`--col-${r.current.id}`), u.current = 0, r.current = null;
+    }
+  });
+  return p;
+};
+export {
+  $ as useColumnsResizing
+};

package/dist/components/table/hooks/useCreateTable.d.ts

@@ -1,11 +1,11 @@
-import { CreateTableStoreProps } from '../store';
+import type { CreateTableStoreProps } from '../store';
 export declare const useCreateTable: (props?: CreateTableStoreProps) => {
-    useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "setState" | "persist"> & {
-        setState(partial: import('../store').Store | Partial<import('../store').Store> | ((state: import('../store').Store) => import('../store').Store | Partial<import('../store').Store>), replace?: false | undefined): unknown;
-        setState(state: import('../store').Store | ((state: import('../store').Store) => import('../store').Store), replace: true): unknown;
+    useStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<import("../store").Store>, "setState" | "persist"> & {
+        setState(partial: import("../store").Store | Partial<import("../store").Store> | ((state: import("../store").Store) => import("../store").Store | Partial<import("../store").Store>), replace?: false | undefined): unknown;
+        setState(state: import("../store").Store | ((state: import("../store").Store) => import("../store").Store), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                sort: import('../types').TableSortModel | null;
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<import("../store").Store, {
+                sort: import("../types").TableSortModel | null;
                 search: string;
                 pageSize: number;
                 columnsOrder: string[];
@@ -13,10 +13,10 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
             hasHydrated: () => boolean;
-            onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
-            onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
-            getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                sort: import('../types').TableSortModel | null;
+            onHydrate: (fn: (state: import("../store").Store) => void) => () => void;
+            onFinishHydration: (fn: (state: import("../store").Store) => void) => () => void;
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<import("../store").Store, {
+                sort: import("../types").TableSortModel | null;
                 search: string;
                 pageSize: number;
                 columnsOrder: string[];
@@ -26,7 +26,7 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
     api: {
         setPageSize: (v: number) => void;
         setPage: (v: number) => void;
-        setSort: (v: import('../types').TableSortModel | null) => void;
+        setSort: (v: import("../types").TableSortModel | null) => void;
         downloadCSV: () => void;
         downloadExcel: () => void;
         setSelected: (selected: string[]) => void;
@@ -52,3 +52,4 @@ export declare const useCreateTable: (props?: CreateTableStoreProps) => {
         moveColumnRight: (columnId: string) => void;
     };
 };
+//# sourceMappingURL=useCreateTable.d.ts.map

package/dist/components/table/hooks/useCreateTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateTable.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useCreateTable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAGtD,eAAO,MAAM,cAAc,GAAI,QAAQ,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG3D,CAAC"}

package/dist/components/table/hooks/useCreateTable.js

@@ -0,0 +1,9 @@
+import { useState as r } from "react";
+import { createTableStore as o } from "../store.js";
+const m = (e) => {
+  const [t] = r(() => o(e));
+  return t;
+};
+export {
+  m as useCreateTable
+};

package/dist/components/table/hooks/useSaveRowCount.d.ts

@@ -1 +1,2 @@
 export declare const useSaveRowCount: (total?: number) => number;
+//# sourceMappingURL=useSaveRowCount.d.ts.map

package/dist/components/table/hooks/useSaveRowCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveRowCount.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useSaveRowCount.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,WAS7C,CAAC"}

package/dist/components/table/hooks/useSaveRowCount.js

@@ -0,0 +1,9 @@
+import { isNil as o } from "lodash-es";
+import { useRef as u, useMemo as n } from "react";
+const i = (r) => {
+  const e = u(r || 0);
+  return n(() => (o(r) || (e.current = r), e.current), [r]);
+};
+export {
+  i as useSaveRowCount
+};

package/dist/components/table/hooks/useSorting.d.ts

@@ -1,2 +1,3 @@
-import { MouseEventHandler, MutableRefObject } from 'react';
+import type { MouseEventHandler, MutableRefObject } from 'react';
 export declare const useSorting: (resizing: MutableRefObject<boolean>) => MouseEventHandler<HTMLDivElement>;
+//# sourceMappingURL=useSorting.d.ts.map

package/dist/components/table/hooks/useSorting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSorting.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useSorting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAOjE,eAAO,MAAM,UAAU,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC,sCAiD7D,CAAC"}

package/dist/components/table/hooks/useSorting.js

@@ -0,0 +1,36 @@
+import { useCallback as l } from "react";
+import { TABLE_ATTRIBUTES as n } from "../constants.js";
+import { columnsMapReselect as a } from "../selectors.js";
+import { useTableStore as E } from "./useTableStore.js";
+const L = (c) => {
+  const { useStore: f, api: t } = E(), { sort: r } = f(), e = f(a);
+  return l(
+    (i) => {
+      if (!(i.target instanceof HTMLElement) || i.target.getAttribute(n.RESIZER)) return;
+      const u = i.target.closest(`[${n.HEADER_CELL}]`);
+      if (!u) return;
+      const o = u.getAttribute(n.HEADER_CELL);
+      if (!o || !e[o] || !(u.getAttribute(n.SORTABLE) === "true") || c.current) return;
+      const s = e[o].sortField || e[o].field;
+      if (!r) {
+        t.setSort({ field: s, sort: "desc" });
+        return;
+      }
+      if (r.field === s) {
+        if (r.sort === "desc") {
+          t.setSort({ field: s, sort: "asc" });
+          return;
+        }
+        if (r.sort === "asc") {
+          t.setSort(null);
+          return;
+        }
+      }
+      t.setSort({ field: s, sort: "desc" });
+    },
+    [t, e, c, r]
+  );
+};
+export {
+  L as useSorting
+};

package/dist/components/table/hooks/useTableStore.d.ts

@@ -1,10 +1,10 @@
 export declare const useTableStore: () => {
-    useStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<import('../store').Store>, "setState" | "persist"> & {
-        setState(partial: import('../store').Store | Partial<import('../store').Store> | ((state: import('../store').Store) => import('../store').Store | Partial<import('../store').Store>), replace?: false | undefined): unknown;
-        setState(state: import('../store').Store | ((state: import('../store').Store) => import('../store').Store), replace: true): unknown;
+    useStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<import("../store").Store>, "setState" | "persist"> & {
+        setState(partial: import("../store").Store | Partial<import("../store").Store> | ((state: import("../store").Store) => import("../store").Store | Partial<import("../store").Store>), replace?: false | undefined): unknown;
+        setState(state: import("../store").Store | ((state: import("../store").Store) => import("../store").Store), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                sort: import('../types').TableSortModel | null;
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<import("../store").Store, {
+                sort: import("../types").TableSortModel | null;
                 search: string;
                 pageSize: number;
                 columnsOrder: string[];
@@ -12,10 +12,10 @@ export declare const useTableStore: () => {
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
             hasHydrated: () => boolean;
-            onHydrate: (fn: (state: import('../store').Store) => void) => () => void;
-            onFinishHydration: (fn: (state: import('../store').Store) => void) => () => void;
-            getOptions: () => Partial<import('zustand/middleware').PersistOptions<import('../store').Store, {
-                sort: import('../types').TableSortModel | null;
+            onHydrate: (fn: (state: import("../store").Store) => void) => () => void;
+            onFinishHydration: (fn: (state: import("../store").Store) => void) => () => void;
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<import("../store").Store, {
+                sort: import("../types").TableSortModel | null;
                 search: string;
                 pageSize: number;
                 columnsOrder: string[];
@@ -25,7 +25,7 @@ export declare const useTableStore: () => {
     api: {
         setPageSize: (v: number) => void;
         setPage: (v: number) => void;
-        setSort: (v: import('../types').TableSortModel | null) => void;
+        setSort: (v: import("../types").TableSortModel | null) => void;
         downloadCSV: () => void;
         downloadExcel: () => void;
         setSelected: (selected: string[]) => void;
@@ -51,3 +51,4 @@ export declare const useTableStore: () => {
         moveColumnRight: (columnId: string) => void;
     };
 };
+//# sourceMappingURL=useTableStore.d.ts.map

package/dist/components/table/hooks/useTableStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableStore.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useTableStore.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}

package/dist/components/table/hooks/useTableStore.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { TableContext as t } from "./TableProvider.js";
+const m = () => o(t);
+export {
+  m as useTableStore
+};