@m4l/components 9.79.1 → 9.80.0

package/components/datagrids/views/ListView/ListView.js

@@ -1,121 +1,132 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { useRef as g, useCallback as v, useEffect as D } from "react";
-import { ListContainerStyled as O, ListVirtualContainerStyled as P, ListRowVirtualizedItemStyled as B } from "../../slots/DataGridSlot.js";
-import { useProcessedColumns as y } from "./hooks/useProcessedColumns/useProcessedColumns.js";
-import { useModalDetail as j } from "./hooks/useModalDetail/useModalDetail.js";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useRef as y, useCallback as u, useEffect as B } from "react";
+import { ListContainerStyled as H, ListVirtualContainerStyled as O, ListRowVirtualizedItemStyled as j } from "../../slots/DataGridSlot.js";
+import { useProcessedColumns as v } from "./hooks/useProcessedColumns/useProcessedColumns.js";
+import { useModalDetail as q } from "./hooks/useModalDetail/useModalDetail.js";
 import { useListVirtualizer as A } from "./hooks/useListVirtualizer/useListVirtualizer.js";
-import { useArrowKeyNavigation as F } from "../../hooks/shared/useArrowKeyNavigation/useArrowKeyNavigation.js";
-import { ListRow as G } from "./subcomponents/ListRow/ListRow.js";
-function X(S) {
+import { useInfiniteScroll as F } from "../../hooks/shared/useInfiniteScroll/useInfiniteScroll.js";
+import { useArrowKeyNavigation as G } from "../../hooks/shared/useArrowKeyNavigation/useArrowKeyNavigation.js";
+import { ListRow as M } from "./subcomponents/ListRow/ListRow.js";
+function $(I) {
   const {
     rows: t,
-    columns: m,
+    columns: w,
     rowKeyGetter: n,
-    selectedRows: f,
+    selectedRows: h,
     onSelectedRowsChange: i,
-    onRowsChange: w,
+    onRowsChange: g,
     focusOnRowKey: r,
-    smoothScroll: h = !0,
-    checkedRows: d,
-    onCheckedRowsChange: p,
+    smoothScroll: p = !0,
+    checkedRows: m,
+    onCheckedRowsChange: R,
     listViewConfig: e
-  } = S, R = g(null), u = g(void 0), x = y(m), C = y(m, {
+  } = I, l = y(null), f = y(void 0), E = u(() => l.current, []), b = u(
+    () => l.current?.querySelector("[data-index]")?.getBoundingClientRect().height,
+    []
+  ), x = v(w), C = v(w, {
     applyVisibilityFilter: !1
-  }), b = j({
+  }), k = q({
     columns: C,
-    onRowsChange: w,
+    onRowsChange: g,
     rows: t
-  }), k = e && "customRender" in e && e.customRender ? e.customRender.minHeight : void 0, E = v(
+  }), K = e && "customRender" in e && e.customRender ? e.customRender.minHeight : void 0, L = u(
     (o) => n(t[o]),
     [n, t]
-  ), { virtualizer: s, virtualItems: I, totalSize: K } = A({
+  ), { virtualizer: s, virtualItems: T, totalSize: S } = A({
     count: t.length,
-    scrollElementRef: R,
-    estimateSize: k,
-    getItemKey: E
-  }), L = v(
+    scrollElementRef: l,
+    estimateSize: K,
+    getItemKey: L
+  });
+  F({
+    getScrollElement: E,
+    contentHeight: S,
+    getItemHeight: b,
+    itemsPerRow: 1
+  });
+  const V = u(
     (o) => {
       s.scrollToIndex(o, { align: "auto", behavior: "auto" });
     },
     [s]
-  ), { onKeyDown: T } = F({
+  ), { onKeyDown: z } = G({
     rows: t,
     rowKeyGetter: n,
-    selectedRows: f,
+    selectedRows: h,
     onSelectedRowsChange: i,
     itemsPerRow: 1,
-    scrollToIndex: L
+    scrollToIndex: V
   });
-  return D(() => {
+  return B(() => {
     if (!r) {
-      u.current = void 0;
+      f.current = void 0;
       return;
     }
-    if (u.current === r)
+    if (f.current === r)
       return;
     const o = t.findIndex(
-      (c) => n(c) === r
+      (a) => n(a) === r
     );
     if (o === -1)
       return;
-    const l = setTimeout(() => {
-      s.scrollToIndex(o, { align: "center", behavior: h ? "smooth" : "auto" }), i && i(/* @__PURE__ */ new Set([r])), u.current = r;
+    const c = setTimeout(() => {
+      s.scrollToIndex(o, { align: "center", behavior: p ? "smooth" : "auto" }), i && i(/* @__PURE__ */ new Set([r])), f.current = r;
     }, 300);
-    return () => clearTimeout(l);
+    return () => clearTimeout(c);
   }, [
     r,
     t,
     n,
     i,
     s,
-    h
-  ]), x.length === 0 ? null : /* @__PURE__ */ a(
-    O,
+    p
+  ]), x.length === 0 ? null : /* @__PURE__ */ d(
+    H,
     {
-      ref: R,
+      ref: l,
       ownerState: {},
       "data-testid": "list-view",
       role: "group",
       "aria-label": "datagrid-view-list",
       tabIndex: 0,
-      onKeyDown: T,
-      children: /* @__PURE__ */ a(P, { ownerState: { totalSize: K }, children: I.map((o) => {
-        const l = t[o.index], c = n(l), V = d?.has(c) ?? !1, z = d !== void 0 && p !== void 0;
-        return /* @__PURE__ */ a(
-          B,
+      onKeyDown: z,
+      children: /* @__PURE__ */ d(O, { ownerState: { totalSize: S }, children: T.map((o) => {
+        const c = t[o.index], a = n(c), D = m?.has(a) ?? !1, P = m !== void 0 && R !== void 0;
+        return /* @__PURE__ */ d(
+          j,
           {
             ref: s.measureElement,
             ownerState: { offsetTop: o.start },
             "data-index": o.index,
-            children: /* @__PURE__ */ a(
-              G,
+            children: /* @__PURE__ */ d(
+              M,
               {
-                row: l,
+                row: c,
                 rows: t,
                 rowIndex: o.index,
                 columns: x,
                 originalColumns: C,
                 rowKeyGetter: n,
-                selectedRows: f,
+                selectedRows: h,
                 onSelectedRowsChange: i,
-                onRowsChange: w,
+                onRowsChange: g,
                 customRender: e && "customRender" in e ? e.customRender : void 0,
-                isChecked: V,
-                showCheckbox: z,
-                checkedRows: d,
-                onCheckedRowsChange: p,
-                onOpenDetail: b,
+                isChecked: D,
+                showCheckbox: P,
+                checkedRows: m,
+                onCheckedRowsChange: R,
+                onOpenDetail: k,
                 showExpandButton: e && "columnsConfig" in e ? e.showExpandButton : void 0,
                 onExpandClick: e && "columnsConfig" in e ? e.onExpandClick : void 0
               }
             )
           },
-          c
+          a
         );
       }) })
     }
   );
 }
 export {
-  X as ListView
+  $ as ListView
 };

package/components/datagrids/views/TableView/TableView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/TableView/TableView.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAmBrD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,oDA2Z/C"}
+{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/TableView/TableView.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAoBrD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,oDA4a/C"}

package/components/datagrids/views/TableView/TableView.js

@@ -1,50 +1,51 @@
-import { jsx as m, jsxs as oe } from "@emotion/react/jsx-runtime";
-import { useMemo as C, useState as W, useRef as q, useEffect as x } from "react";
-import re, { TreeDataGrid as te } from "react-data-grid";
-import { DndProvider as ne } from "react-dnd";
-import { HTML5Backend as le } from "react-dnd-html5-backend";
-import { TableContainerStyled as ie, TableWrapperDataGridStyled as se } from "../../slots/DataGridSlot.js";
-import { useSortColumnsRows as ae } from "./hooks/useSortColumnsRows/useSortColumnsRows.js";
-import { getGroupBy as ce } from "./helpers/getGroupBy/getGroupBy.js";
-import { defaultRowGrouper as ue } from "./helpers/defaultRowGrouper/defaultRowGrouper.js";
-import { createRowCellsBackgroundMap as me, processColumnsWithRowCellsBackground as de } from "./helpers/rowCellsBackground/rowCellsBackground.js";
-import { useHeaderMenuActions as fe } from "./hooks/useHeaderMenuActions/useHeaderMenuActions.js";
-import { filterHeight as z } from "./subcomponents/SelectColumn/SelectColumn.js";
-import { HeaderRenderClick as pe } from "./subcomponents/HeaderRenderClick/HeaderRenderClick.js";
-import { getDefaultAction as he } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
-import { useFilters as Ce } from "../../hooks/shared/useFilters/useFilters.js";
-import { useDataGrid as we } from "../../hooks/shared/useDataGrid/useDataGrid.js";
-import { CheckboxFormatter as ge } from "./subcomponents/CheckboxFormatter/CheckboxFormatter.js";
-function Oe(L) {
+import { jsx as m, jsxs as ne } from "@emotion/react/jsx-runtime";
+import { useMemo as g, useState as W, useRef as q, useCallback as z, useEffect as x } from "react";
+import le, { TreeDataGrid as ie } from "react-data-grid";
+import { DndProvider as se } from "react-dnd";
+import { HTML5Backend as ae } from "react-dnd-html5-backend";
+import { TableContainerStyled as ce, TableWrapperDataGridStyled as ue } from "../../slots/DataGridSlot.js";
+import { useSortColumnsRows as me } from "./hooks/useSortColumnsRows/useSortColumnsRows.js";
+import { getGroupBy as de } from "./helpers/getGroupBy/getGroupBy.js";
+import { defaultRowGrouper as fe } from "./helpers/defaultRowGrouper/defaultRowGrouper.js";
+import { createRowCellsBackgroundMap as pe, processColumnsWithRowCellsBackground as he } from "./helpers/rowCellsBackground/rowCellsBackground.js";
+import { useInfiniteScroll as Ce } from "../../hooks/shared/useInfiniteScroll/useInfiniteScroll.js";
+import { useHeaderMenuActions as ge } from "./hooks/useHeaderMenuActions/useHeaderMenuActions.js";
+import { filterHeight as L } from "./subcomponents/SelectColumn/SelectColumn.js";
+import { HeaderRenderClick as we } from "./subcomponents/HeaderRenderClick/HeaderRenderClick.js";
+import { getDefaultAction as Se } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
+import { useFilters as ye } from "../../hooks/shared/useFilters/useFilters.js";
+import { useDataGrid as xe } from "../../hooks/shared/useDataGrid/useDataGrid.js";
+import { CheckboxFormatter as be } from "./subcomponents/CheckboxFormatter/CheckboxFormatter.js";
+function ze($) {
   const {
-    columns: $,
-    rows: j,
+    columns: j,
+    rows: N,
     onRowsChange: b,
     rowKeyGetter: r,
     selectedRows: n,
     onSelectedRowsChange: t,
-    defaultColumnOptions: N,
-    focusOnRowKey: i,
+    defaultColumnOptions: V,
+    focusOnRowKey: s,
     smoothScroll: R = !0,
     rowCellsBackground: d,
-    treeProps: s,
+    treeProps: a,
     ...v
-  } = L, k = (e) => /* @__PURE__ */ m(
-    ge,
+  } = $, k = (e) => /* @__PURE__ */ m(
+    be,
     {
       ...e,
       tabIndex: e.tabIndex
     }
-  ), { finalColumns: a, finalRows: c } = ae(
-    $,
+  ), { finalColumns: c, finalRows: u } = me(
     j,
-    C(
+    N,
+    g(
       () => ({
         /**
          * Función que abre el menú de acciones para una columna
          */
         openPopover: (e, o) => {
-          e instanceof HTMLDivElement && E({
+          e instanceof HTMLDivElement && D({
             anchorEl: e,
             columnKey: o
           });
@@ -52,150 +53,157 @@ function Oe(L) {
       }),
       []
     )
-  ), { activeFilters: G } = Ce(), {
-    onChangeColumnWidth: V,
-    setRowsCount: _,
-    currentRowHeight: w,
+  ), { activeFilters: H } = ye(), {
+    onChangeColumnWidth: _,
+    setRowsCount: J,
+    currentRowHeight: f,
     currentRowHeaderHeight: p,
-    currentRowHeightVariant: g,
-    size: J,
-    sortColumns: f,
-    setSortColumns: H,
+    currentRowHeightVariant: w,
+    size: Q,
+    sortColumns: h,
+    setSortColumns: G,
     columnsConfig: I,
     rowActionsGetter: B
-  } = we(), Q = C(() => s ? ce(I) : [], [I, s]), U = s?.rowGrouper ?? ue, A = C(() => {
+  } = xe(), U = g(() => a ? de(I) : [], [I, a]), X = a?.rowGrouper ?? fe, E = g(() => {
     if (d)
-      return typeof d == "function" ? d : me(d);
-  }, [d]), D = C(
-    () => de(
-      a,
-      A,
+      return typeof d == "function" ? d : pe(d);
+  }, [d]), A = g(
+    () => he(
+      c,
+      E,
       r,
-      g
+      w
     ),
-    [a, A, r, g]
-  ), u = q(null), [h, E] = W({
+    [c, E, r, w]
+  ), l = q(null), Y = z(() => l.current?.element, []), Z = z(() => f, [f]);
+  Ce({
+    getScrollElement: Y,
+    getItemHeight: Z,
+    itemsPerRow: 1,
+    headerHeight: p
+  });
+  const [C, D] = W({
     anchorEl: null,
     columnKey: null
-  }), S = q(void 0), [X, K] = W(!1), T = (e) => {
-    X && (H(e), K(!1));
-  }, Y = (e) => {
-    K(!0), H(e);
-  }, M = ({ row: e }) => {
+  }), S = q(void 0), [ee, K] = W(!1), T = (e) => {
+    ee && (G(e), K(!1));
+  }, oe = (e) => {
+    K(!0), G(e);
+  }, P = ({ row: e }) => {
     if (n && t) {
       if (n.entries().next().value && n.entries().next().value?.[1] === r(e))
         return;
       const o = /* @__PURE__ */ new Set([r(e)]);
       t(o);
     }
-  }, O = ({ row: e }) => {
+  }, M = ({ row: e }) => {
     if (n && t && e) {
       const o = r(e);
       n.has(o) || t(/* @__PURE__ */ new Set([o]));
     }
-  }, P = ({ row: e }) => {
+  }, O = ({ row: e }) => {
     if (!B)
       return;
-    const o = B(e), l = he(o);
-    l?.disabled || l?.onClick && l.onClick(e);
+    const o = B(e), i = Se(o);
+    i?.disabled || i?.onClick && i.onClick(e);
   };
   x(() => {
     let e = 0;
-    for (const o of a) {
-      const l = f.findIndex(
-        (ee) => o.key === ee.columnKey
+    for (const o of c) {
+      const i = h.findIndex(
+        (te) => o.key === te.columnKey
       );
-      l !== -1 ? u.current?.element?.querySelector(
+      i !== -1 ? l.current?.element?.querySelector(
         `[role="columnheader"][aria-colindex="${e + 1}"]`
-      )?.setAttribute("aria-columnsort", `${f[l].direction}`) : u.current?.element?.querySelector(
+      )?.setAttribute("aria-columnsort", `${h[i].direction}`) : l.current?.element?.querySelector(
         `[role="columnheader"][aria-colindex="${e + 1}"]`
       )?.removeAttribute("aria-columnsort"), e++;
     }
-  }, [f, a]), x(() => {
-    _(c.length);
-  }, [c]), x(() => {
-    if (!i) {
+  }, [h, c]), x(() => {
+    J(u.length);
+  }, [u]), x(() => {
+    if (!s) {
       S.current = void 0;
       return;
     }
-    if (S.current === i)
+    if (S.current === s)
       return;
-    const e = c.findIndex(
-      (o) => r(o) === i
+    const e = u.findIndex(
+      (o) => r(o) === s
     );
     if (e !== -1) {
-      const o = u.current?.element;
-      o?.style && (o.style.scrollBehavior = R ? "smooth" : "auto"), u.current?.scrollToCell({ rowIdx: e }), o?.style && requestAnimationFrame(() => {
+      const o = l.current?.element;
+      o?.style && (o.style.scrollBehavior = R ? "smooth" : "auto"), l.current?.scrollToCell({ rowIdx: e }), o?.style && requestAnimationFrame(() => {
         o.style.scrollBehavior = "";
-      }), t && t(/* @__PURE__ */ new Set([i])), S.current = i;
+      }), t && t(/* @__PURE__ */ new Set([s])), S.current = s;
     }
-  }, [i, c, r, t, R]);
+  }, [s, u, r, t, R]);
   const F = (e, o) => {
-    V(a[e].key, o);
+    _(c[e].key, o);
   }, y = {
     resizable: !0,
     sortable: !0,
-    ...N || {}
-  }, Z = fe(
-    h.columnKey,
-    a,
+    ...V || {}
+  }, re = ge(
+    C.columnKey,
+    c,
     !!y.sortable,
-    Y
+    oe
   );
-  return /* @__PURE__ */ m(ie, { ownerState: {}, id: "WrapperTable", children: /* @__PURE__ */ oe(
-    se,
+  return /* @__PURE__ */ m(ce, { ownerState: {}, id: "WrapperTable", children: /* @__PURE__ */ ne(
+    ue,
     {
-      ownerState: { size: J, currentRowHeightVariant: g, currentRowHeight: w },
+      ownerState: { size: Q, currentRowHeightVariant: w, currentRowHeight: f },
       children: [
-        /* @__PURE__ */ m(ne, { backend: le, context: window, children: s ? /* @__PURE__ */ m(
-          te,
+        /* @__PURE__ */ m(se, { backend: ae, context: window, children: a ? /* @__PURE__ */ m(
+          ie,
           {
             className: "rdg-light",
             "aria-label": "datagrid-view-table",
-            ref: u,
-            headerRowHeight: G ? p + z : p,
-            columns: D,
-            sortColumns: f,
+            ref: l,
+            headerRowHeight: H ? p + L : p,
+            columns: A,
+            sortColumns: h,
             onSortColumnsChange: T,
             onColumnResize: F,
-            rows: c,
+            rows: u,
             onRowsChange: b,
             selectedRows: n,
             onSelectedRowsChange: t,
-            onCellClick: M,
-            onCellDoubleClick: P,
-            onSelectedCellChange: O,
-            rowHeight: w,
+            onCellClick: P,
+            onCellDoubleClick: O,
+            onSelectedCellChange: M,
+            rowHeight: f,
             rowKeyGetter: r,
             renderers: {
               renderCheckbox: k
             },
             defaultColumnOptions: y,
-            groupBy: Q,
-            rowGrouper: U,
-            expandedGroupIds: s.expandedGroupIds,
-            onExpandedGroupIdsChange: s.onExpandedGroupIdsChange,
+            groupBy: U,
+            rowGrouper: X,
+            expandedGroupIds: a.expandedGroupIds,
+            onExpandedGroupIdsChange: a.onExpandedGroupIdsChange,
             ...v
           }
         ) : /* @__PURE__ */ m(
-          re,
+          le,
           {
             className: "rdg-light",
             "aria-label": "datagrid-view-table",
-            ref: u,
-            headerRowHeight: G ? p + z : p,
-            columns: D,
-            sortColumns: f,
+            ref: l,
+            headerRowHeight: H ? p + L : p,
+            columns: A,
+            sortColumns: h,
             onSortColumnsChange: T,
             onColumnResize: F,
-            rows: c,
+            rows: u,
             onRowsChange: b,
             selectedRows: n,
             onSelectedRowsChange: t,
-            onCellClick: M,
-            onCellDoubleClick: P,
-            onSelectedCellChange: O,
-            rowHeight: w,
+            onCellClick: P,
+            onCellDoubleClick: O,
+            onSelectedCellChange: M,
+            rowHeight: f,
             rowKeyGetter: r,
             renderers: {
               renderCheckbox: k
@@ -204,17 +212,17 @@ function Oe(L) {
             ...v
           }
         ) }),
-        h.columnKey && h.anchorEl instanceof HTMLDivElement && /* @__PURE__ */ m(
-          pe,
+        C.columnKey && C.anchorEl instanceof HTMLDivElement && /* @__PURE__ */ m(
+          we,
           {
-            externalOpen: h.anchorEl,
+            externalOpen: C.anchorEl,
             onOpen: (e) => {
-              e || E({
+              e || D({
                 anchorEl: null,
                 columnKey: null
               });
             },
-            menuActions: Z
+            menuActions: re
           }
         )
       ]
@@ -222,5 +230,5 @@ function Oe(L) {
   ) });
 }
 export {
-  Oe as TableView
+  ze as TableView
 };

package/components/datagrids/views/TableView/helpers/getDragHeaderRenderer/getDragHeaderRenderer.d.ts

@@ -6,5 +6,6 @@ import { RenderHeaderCellProps } from 'react-data-grid';
  */
 export declare const getDragHeaderRenderer: <TRow, TSummaryRow>(handleColumnsReorder: (sourceKey: string, targetKey: string) => void, options?: {
     openPopover?: (anchorEl: HTMLElement, columnKey: string) => void;
+    headerClickDeferMs?: number;
 }) => FunctionComponent<RenderHeaderCellProps<TRow, TSummaryRow>>;
 //# sourceMappingURL=getDragHeaderRenderer.d.ts.map

package/components/datagrids/views/TableView/helpers/getDragHeaderRenderer/getDragHeaderRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDragHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/helpers/getDragHeaderRenderer/getDragHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,IAAI,EAAE,WAAW,EACrD,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,EACpE,UAAU;IACR,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE,KACA,iBAAiB,CAAC,qBAAqB,CAAC,IAAI,EAAE,WAAW,CAAC,CAgB5D,CAAC"}
+{"version":3,"file":"getDragHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/helpers/getDragHeaderRenderer/getDragHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,IAAI,EAAE,WAAW,EACrD,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,EACpE,UAAU;IACR,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,KACA,iBAAiB,CAAC,qBAAqB,CAAC,IAAI,EAAE,WAAW,CAAC,CAiB5D,CAAC"}

package/components/datagrids/views/TableView/helpers/getDragHeaderRenderer/getDragHeaderRenderer.js

@@ -1,18 +1,19 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { DraggableHeaderRenderer as d } from "../../subcomponents/DraggableHeaderRenderer/DraggableHeaderRenderer.js";
-const m = (e, r) => {
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { DraggableHeaderRenderer as a } from "../../subcomponents/DraggableHeaderRenderer/DraggableHeaderRenderer.js";
+const f = (r, e) => {
   function o(n) {
-    return /* @__PURE__ */ t(
-      d,
+    return /* @__PURE__ */ d(
+      a,
       {
         ...n,
-        onColumnsReorder: e,
-        openPopover: r?.openPopover
+        onColumnsReorder: r,
+        openPopover: e?.openPopover,
+        headerClickDeferMs: e?.headerClickDeferMs
       }
     );
   }
   return o;
 };
 export {
-  m as getDragHeaderRenderer
+  f as getDragHeaderRenderer
 };

package/components/datagrids/views/TableView/hooks/useColumnSortRules/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useColumnSortRules';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/TableView/hooks/useColumnSortRules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/hooks/useColumnSortRules/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/components/datagrids/views/TableView/hooks/useColumnSortRules/useColumnSortRules.d.ts

@@ -0,0 +1,25 @@
+import { Column, SortColumn } from 'react-data-grid';
+import { SortDirection } from '../../../../types';
+type SortDirectionState = 'none' | Lowercase<SortDirection>;
+interface UseColumnSortRulesProps<TRow, TSummaryRow> {
+    columnKey: string | null;
+    column: Column<TRow, TSummaryRow> | undefined;
+    defaultSortable: boolean;
+    handleSortFromPopover?: (newSortColumns: SortColumn[]) => void;
+}
+interface UseColumnSortRulesResult {
+    canSort: boolean;
+    canSortExternally: boolean;
+    canToggleSort: boolean;
+    direction: SortDirectionState;
+    isRemovable: boolean;
+    toggleSort: () => void;
+    clearLocalSort: () => void;
+    removeSort: () => void;
+    addExternalSort: (direction: Lowercase<SortDirection>) => void;
+    executeSortChange: (newSortColumns: SortColumn[]) => void;
+}
+/** Share the column sort rules and next-direction action used by header interactions. */
+export declare function useColumnSortRules<TRow, TSummaryRow>({ columnKey, column, defaultSortable, handleSortFromPopover, }: UseColumnSortRulesProps<TRow, TSummaryRow>): UseColumnSortRulesResult;
+export {};
+//# sourceMappingURL=useColumnSortRules.d.ts.map

package/components/datagrids/views/TableView/hooks/useColumnSortRules/useColumnSortRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnSortRules.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/hooks/useColumnSortRules/useColumnSortRules.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;AAE5D,UAAU,uBAAuB,CAAC,IAAI,EAAE,WAAW;IACjD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC;IAC9C,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,iBAAiB,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;CAC3D;AAED,yFAAyF;AACzF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,EACpD,SAAS,EACT,MAAM,EACN,eAAe,EACf,qBAAqB,GACtB,EAAE,uBAAuB,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,wBAAwB,CAsLvE"}