@af-utils/react-mobx-table - npm Package Compare versions

Comparing version 0.0.11 to 0.0.13

lib/bundlesize.index.js

@@ -1,4 +0,4 @@
-export const raw = 14580;
-export const min = 8451;
-export const minGz = 3206;
-export const minBrotli = 2923;
+export const raw = 14702;
+export const min = 8536;
+export const minGz = 3240;
+export const minBrotli = 2960;

lib/index.js

@@ -7,3 +7,3 @@ import { Fragment as e, memo as t, useEffect as r, useMemo as o } from "react";
 
-import { useVirtualModel as m, useOnce as h, areItemPropsEqual as d } from "@af-utils/react-virtual-headless";
+import { useVirtualModel as m, useOnce as d, areItemPropsEqual as h } from "@af-utils/react-virtual-headless";
 
@@ -255,3 +255,3 @@ import { DefaultTableComponents as g, Table as p } from "@af-utils/react-table";
         if (t) {
-            const i = t.length - 1, l = r.groupKeys[i], {getGroupLabel: u, label: a, format: c} = r.columns.find((e => e.key === l)), m = t[i], h = o.filter((e => !!e.totals));
+            const i = t.length - 1, l = r.groupKeys[i], {getGroupLabel: u, label: a, format: c} = r.columns.find((e => e.key === l)), m = t[i], d = o.filter((e => !!e.totals));
             /*#__PURE__*/
@@ -269,5 +269,5 @@ return v(C, {
                     children: [ a, ": ", c ? c(m) : "" + m ]
-                }), h.length ? /*#__PURE__*/ G("span", {
+                }), d.length ? /*#__PURE__*/ G("span", {
                     className: L,
-                    children: h.map(((o, n, s) => {
+                    children: d.map(((o, n, s) => {
                         /*#__PURE__*/ return v(e, {
@@ -315,61 +315,68 @@ children: [ /*#__PURE__*/ v("span", {
 }, P = w("display: flex", "flex-flow: column nowrap", "flex: 1 1 auto"), _ = /*#__PURE__*/ t((e => {
-    let {itemCount: i, getEstimatedItemSize: l, overscanCount: u, estimatedWidgetSize: a, getRowData: f, getKey: x, getTotalsFormattingHelper: w, columns: b, GroupLabel: I = O, className: S, components: D, footer: N, ...F} = e;
-    const A = m({
-        getEstimatedItemSize: l,
-        estimatedWidgetSize: a,
-        overscanCount: u
-    }), k = h((() => {
+    let {i: t, groupI: r, model: o, m: n, data: s} = e;
+    /*#__PURE__*/
+    return G(s.components.Tr, {
+        ref: e => o.el(t, e),
+        children: /*#__PURE__*/ G(s.components.Td, {
+            colSpan: s.columns.length,
+            children: /*#__PURE__*/ G(E, {
+                m: n,
+                i: r,
+                columns: s.columns
+            })
+        })
+    });
+}), h), B = /*#__PURE__*/ t((e => {
+    let {itemCount: t, getEstimatedItemSize: i, overscanCount: l, estimatedWidgetSize: u, getRowData: a, getKey: h, getTotalsFormattingHelper: f, columns: x, GroupLabel: w = O, className: b, components: I, footer: S, ...D} = e;
+    const N = m({
+        getEstimatedItemSize: i,
+        estimatedWidgetSize: u,
+        overscanCount: l
+    }), F = d((() => {
         const e = new R;
         e.merge({
-            itemCount: i,
-            getRowData: f,
-            getTotalsFormattingHelper: w,
-            columns: b
+            itemCount: t,
+            getRowData: a,
+            getTotalsFormattingHelper: f,
+            columns: x
         });
-        const t = e.visibleColumns.filter((e => "number" == typeof e.initialGroupingIndex && e.initialGroupingIndex > 0)).sort(((e, t) => e.initialGroupingIndex - t.initialGroupingIndex)).map((e => e.key));
-        return e.setGrouping(t), A.setItemCount(e.finalIndexesCount, l), e;
+        const r = e.visibleColumns.filter((e => "number" == typeof e.initialGroupingIndex && e.initialGroupingIndex > 0)).sort(((e, t) => e.initialGroupingIndex - t.initialGroupingIndex)).map((e => e.key));
+        return e.setGrouping(r), N.setItemCount(e.finalIndexesCount, i), e;
     }));
-    r((() => c((() => A.setItemCount(k.finalIndexesCount, l)))), [ l ]), r((() => {
-        k.merge({
-            itemCount: i,
-            getRowData: f,
-            getTotalsFormattingHelper: w,
-            columns: b
+    r((() => c((() => N.setItemCount(F.finalIndexesCount, i)))), [ i ]), r((() => {
+        F.merge({
+            itemCount: t,
+            getRowData: a,
+            getTotalsFormattingHelper: f,
+            columns: x
         });
     }));
-    const K = null == D ? void 0 : D.Row, M = o((() => {
-        const e = K || g.Row, r = /*#__PURE__*/ t((e => {
-            let {i: t, data: r} = e;
-            /*#__PURE__*/
-            return G(r.components.Tr, {
-                children: /*#__PURE__*/ G(r.components.Td, {
-                    colSpan: r.columns.length,
-                    children: /*#__PURE__*/ G(E, {
-                        m: k,
-                        i: t,
-                        columns: r.columns
-                    })
-                })
+    const A = null == I ? void 0 : I.Row, k = o((() => {
+        const e = A || g.Row, t = n((e => {
+            let {i: t, model: r, data: o} = e;
+            const n = F.finalIndexes[t];
+            return n < 0 ? /*#__PURE__*/ G(_, {
+                i: t,
+                m: F,
+                groupI: n,
+                data: o,
+                model: r
+            }) : /*#__PURE__*/ G(o.components.PASSED_ROW, {
+                i: t,
+                data: o,
+                model: r
             });
-        }), d), o = n((e => {
-            let {i: t, data: o} = e;
-            const n = k.finalIndexes[t], s = n < 0 ? r : o.components.PASSED_ROW;
-            /*#__PURE__*/
-            return G(s, {
-                i: n,
-                data: o
-            }, t);
-        })), s = n((e => {
+        })), r = n((e => {
             let {column: t} = e;
             /*#__PURE__*/
             return G(q, {
-                m: k,
+                m: F,
                 column: t,
-                rowIndexes: k.filteredIndexes
+                rowIndexes: F.filteredIndexes
             });
         }));
         return {
-            ...D,
+            ...I,
             PASSED_ROW: e,
-            Row: o,
+            Row: t,
             HeaderCell: e => {
@@ -380,7 +387,7 @@ let {column: t, i: r} = e;
                     children: [ /*#__PURE__*/ G(T, {
-                        m: k,
+                        m: F,
                         column: t,
                         i: r
                     }), /*#__PURE__*/ G(z, {
-                        m: k,
+                        m: F,
                         column: t,
@@ -391,20 +398,20 @@ i: r
             },
-            FooterCell: s
+            FooterCell: r
         };
-    }), [ K ]);
+    }), [ A ]);
     /*#__PURE__*/
     return v("div", {
-        className: y(P, S),
+        className: y(P, b),
         children: [ /*#__PURE__*/ G(W, {
-            aggregatorModel: k,
-            GroupLabel: I
+            aggregatorModel: F,
+            GroupLabel: w
         }), /*#__PURE__*/ G(s, {
             children: () => /*#__PURE__*/ G(p, {
-                model: A,
-                columns: k.visibleColumns,
-                getRowData: f,
-                getKey: x,
-                components: M,
-                footer: k.hasTotals,
-                ...F
+                model: N,
+                columns: F.visibleColumns,
+                getRowData: a,
+                getKey: h,
+                components: k,
+                footer: F.hasTotals,
+                ...D
             })
@@ -415,3 +422,3 @@ }) ]
 
-export { _ as Table };
+export { B as Table };
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "@af-utils/react-mobx-table",
     "private": false,
-    "version": "0.0.11",
+    "version": "0.0.13",
     "description": "React components for rendering tables",
@@ -51,9 +51,9 @@ "repository": "https://github.com/nowaalex/af-virtual-scroll.git",
         "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-        "rollup": "^2.75.6",
+        "rollup": "^2.75.7",
         "rollup-plugin-terser": "^7.0.2"
     },
     "peerDependencies": {
-        "@af-utils/react-table": "^0.0.11",
-        "@af-utils/react-virtual-headless": "^0.0.9",
-        "@af-utils/styled": "^0.0.5",
+        "@af-utils/react-table": "^0.0.12",
+        "@af-utils/react-virtual-headless": "^0.0.10",
+        "@af-utils/styled": "^0.0.6",
         "mobx": "^6.3.0",
@@ -60,0 +60,0 @@ "mobx-react-lite": "^3.2.0",

No alert changes

Improved metrics

Total package byte prevSize

52759

increased by0.65%

Lines of code

409

increased by1.74%

No dependency changes