@vendorflow/components 2.0.76 → 2.0.79

package/lib/components/material-ui/DataTable/DataTable.js

@@ -119,21 +119,22 @@ function DataTable(_a) {
     var columnNameById = (0, react_2.useMemo)(function () {
         var result = {};
         function addNamesToMap(cols, result) {
-            cols.forEach(function (col) {
+            cols.forEach(function (col, index) {
                 var id = col.id != null ? col.id : typeof col.accessor === 'string' ? col.accessor : null;
-                if (id) {
-                    if (col.filterName) {
-                        result[id] = col.filterName;
-                    }
-                    else if (typeof col.Header === 'string') {
-                        result[id] = col.Header;
-                    }
-                    else if (!col.name) {
-                        throw new Error("Please provide a name for column with id = " + col.id + ".");
-                    }
-                    else {
-                        result[id] = col.name;
-                    }
+                if (!id) {
+                    throw new Error("Please provide an id for column " + (typeof col.Header === 'string' && !!col.Header ? col.Header : col.name ? col.name : "at index " + index));
+                }
+                if (col.filterName) {
+                    result[id] = col.filterName;
+                }
+                else if (typeof col.Header === 'string') {
+                    result[id] = col.Header;
+                }
+                else if (!col.name) {
+                    throw new Error("Please provide a name for column with id = " + col.id + ".");
+                }
+                else {
+                    result[id] = col.name;
                 }
                 if (Array.isArray(col === null || col === void 0 ? void 0 : col.columns)) {
                     addNamesToMap(col.columns, result);

package/lib/components/material-ui/DataTable/DataTable.story.js

@@ -46,12 +46,12 @@ function DataTable() {
             enabled: true,
         },
         pagination: {
-            enabled: true,
+            enabled: false,
             rowsPerPageOptions: [5, 10, 20],
             pageSize: 10,
         },
         virtualize: {
-            enabled: false,
+            enabled: true,
         },
         rowSelect: {
             enabled: true,
@@ -68,7 +68,8 @@ function DataTable() {
         columns: columns,
         data: data,
         options: options,
-        defaultColumn: { minWidth: 50, width: 150, maxWidth: 200 },
+        defaultColumn: { minWidth: 50, width: 150 },
+        initialState: { hiddenColumns: ['firstName'] },
     });
     return (react_1.default.createElement(material_1.ThemeProvider, { theme: (0, material_1.createTheme)() },
         react_1.default.createElement("div", { style: { height: '700px', width: '640px' } },

package/lib/components/material-ui/DataTable/TablePieces/TableBodyContent.js

@@ -28,6 +28,16 @@ var react_2 = require("react");
 function TableBodyContent(_a) {
     var defaultRowHeight = _a.defaultRowHeight, ExpandedComponent = _a.ExpandedComponent, hasScrollbarRefCallback = _a.hasScrollbarRefCallback, height = _a.height, isVirtualizeEnabled = _a.isVirtualizeEnabled, noMatchLabel = _a.noMatchLabel, prepareRow = _a.prepareRow, scrollContainerRef = _a.scrollContainerRef, setScrollLeft = _a.setScrollLeft, tableBodyRef = _a.tableBodyRef, tableBodyMeasureRefCallback = _a.tableBodyMeasureRefCallback, tableRows = _a.tableRows, totalColumnsWidth = _a.totalColumnsWidth, width = _a.width;
     var cache = (0, react_2.useRef)(new react_virtualized_1.CellMeasurerCache({ fixedWidth: true, defaultHeight: defaultRowHeight, defaultWidth: totalColumnsWidth }));
+    (0, react_2.useEffect)(function () {
+        if (isVirtualizeEnabled) {
+            cache.current = new react_virtualized_1.CellMeasurerCache({
+                fixedWidth: true,
+                defaultHeight: defaultRowHeight,
+                defaultWidth: totalColumnsWidth,
+            });
+            cache.current.clearAll();
+        }
+    }, [totalColumnsWidth]);
     function renderRow(_a) {
         var columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, key = _a.key, parent = _a.parent, style = _a.style;
         var row = tableRows[rowIndex];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.0.76",
+  "version": "2.0.79",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",