@m4l/components 9.58.0 → 9.59.0

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/ListView/ListView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAOxC;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACtE,KAAK,EAAE,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,2DA0L9C"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/ListView/ListView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAOxC;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACtE,KAAK,EAAE,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,2DAiM9C"}

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

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

package/components/datagrids/views/ListView/hooks/useListVirtualizer/types.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from 'react';
+import { RowKey } from '../../../../types';
 export interface UseListVirtualizerProps {
     /**
      * Total number of rows to virtualize.
@@ -23,5 +24,9 @@ export interface UseListVirtualizerProps {
      * @default 120
      */
     estimateSize?: number;
+    /**
+     * Resolve the stable row identity used to cache each measured item size.
+     */
+    getItemKey?: (index: number) => RowKey;
 }
 //# sourceMappingURL=types.d.ts.map

package/components/datagrids/views/ListView/hooks/useListVirtualizer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/hooks/useListVirtualizer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/hooks/useListVirtualizer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC"}

package/components/datagrids/views/ListView/hooks/useListVirtualizer/useListVirtualizer.d.ts

@@ -11,7 +11,7 @@ import { UseListVirtualizerProps } from './types';
  * - `virtualItems` — array of items to render (each has `index`, `start` offset, and `size`)
  * - `totalSize` — total scrollable height in pixels (set on the virtual container)
  */
-export declare function useListVirtualizer({ count, scrollElementRef, overscan, estimateSize, }: UseListVirtualizerProps): {
+export declare function useListVirtualizer({ count, scrollElementRef, overscan, estimateSize, getItemKey, }: UseListVirtualizerProps): {
     virtualizer: import('@tanstack/virtual-core').Virtualizer<HTMLDivElement, Element>;
     virtualItems: import('@tanstack/virtual-core').VirtualItem[];
     totalSize: number;

package/components/datagrids/views/ListView/hooks/useListVirtualizer/useListVirtualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useListVirtualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/hooks/useListVirtualizer/useListVirtualizer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AASlD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,gBAAgB,EAChB,QAAY,EACZ,YAAoC,GACrC,EAAE,uBAAuB;;;;EAazB"}
+{"version":3,"file":"useListVirtualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/hooks/useListVirtualizer/useListVirtualizer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AASlD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,gBAAgB,EAChB,QAAY,EACZ,YAAoC,EACpC,UAAU,GACX,EAAE,uBAAuB;;;;EAczB"}

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

@@ -1,15 +1,17 @@
-import { useVirtualizer as u } from "@tanstack/react-virtual";
-const o = 50;
-function s({
+import { useVirtualizer as o } from "@tanstack/react-virtual";
+const a = 50;
+function n({
   count: e,
   scrollElementRef: r,
   overscan: i = 5,
-  estimateSize: l = o
+  estimateSize: l = a,
+  getItemKey: u
 }) {
-  const t = u({
+  const t = o({
     count: e,
     getScrollElement: () => r.current,
     estimateSize: () => l,
+    getItemKey: u,
     overscan: i
   });
   return {
@@ -19,5 +21,5 @@ function s({
   };
 }
 export {
-  s as useListVirtualizer
+  n as useListVirtualizer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.58.0",
+  "version": "9.59.0",
   "publishConfig": {
     "access": "public"
   },
@@ -53,22 +53,22 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
-    "react-dropzone": "14.4.1",
+    "@tanstack/react-virtual": "3.13.23",
     "react-rnd": "10.5.2",
+    "react-color": "2.19.3",
     "@mui/x-date-pickers": "6.20.2",
-    "@tanstack/react-virtual": "3.13.23",
     "react-draggable": "4.5.0",
-    "react-color": "2.19.3",
+    "react-dropzone": "14.4.1",
     "react-spinners": "0.13.8",
     "simplebar-react": "3.2.6",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
+    "react-simple-code-editor": "0.14.1",
     "react-resizable-panels": "2.1.9",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-simple-code-editor": "0.14.1",
     "date-fns": "2.30.0",
     "react-window": "1.8.11",
     "react-resizable": "3.1.3"