mig-schema-table 3.0.99 → 3.0.100

package/dist/SchemaTable/ColumnResizers/index.js

@@ -5,16 +5,14 @@ const ColumnResizers = ({ columnWidths, setColumnWidths, tableBodyHeight, }) =>
     const [dragColumnIndex, setDragColumnIndex] = React.useState(-1);
     const [dragStartX, setDragStartX] = React.useState(0);
     const setColumnDelta = React.useCallback((columnDelta) => {
-        if (!columnWidths) {
-            throw new Error("Missing column widths?");
-        }
         const newColumnWidths = columnWidths.map((columnWidth, columnWidthIndex) => {
             if (columnWidthIndex === dragColumnIndex) {
                 return Math.max(columnWidth + columnDelta, MINIMUM_COLUMN_WIDTH);
             }
-            if (columnWidthIndex - 1 === dragColumnIndex) {
-                return Math.max(columnWidth - columnDelta, MINIMUM_COLUMN_WIDTH);
-            }
+            // Do not allow oversized tables?
+            // if (columnWidthIndex - 1 === dragColumnIndex) {
+            //   return Math.max(columnWidth - columnDelta, MINIMUM_COLUMN_WIDTH);
+            // }
             return columnWidth;
         });
         setColumnWidths(newColumnWidths);
@@ -35,7 +33,7 @@ const ColumnResizers = ({ columnWidths, setColumnWidths, tableBodyHeight, }) =>
             if (columnIndex === dragColumnIndex) {
                 classNames.push("schema-table__column_resizer--dragged");
             }
-            return columnIndex === columnWidths.length - 1 ? null : (_jsx("div", { style: { left: pointer, bottom: tableBodyHeight }, className: classNames.join(" "), draggable: "true", "data-column-index": columnIndex, onDragStart: onDragStart, onDragEnd: onDragEnd }, columnIndex));
+            return (_jsx("div", { style: { left: pointer, bottom: tableBodyHeight }, className: classNames.join(" "), draggable: "true", "data-column-index": columnIndex, onDragStart: onDragStart, onDragEnd: onDragEnd }, columnIndex));
         }) }));
 };
 export default ColumnResizers;

package/dist/SchemaTable/index.js

@@ -23,6 +23,7 @@ import ThMenu from "./ThMenu";
 import { saveAs } from "file-saver";
 import { unparse } from "papaparse";
 import ColumnResizers from "./ColumnResizers";
+import { sum } from "lodash";
 const startOfTheWorldDate = new Date("1000-01-01 00:00:00Z");
 const numberFormatter = new Intl.NumberFormat("nl-NL");
 const currencyFormatter = new Intl.NumberFormat("nl-NL", {
@@ -498,7 +499,7 @@ function SchemaTable({ Heading = VariableSizeList, checkedIndexes, config, custo
         }
     }, [isDirty, searchQuery, onSearchEnter, refreshData]);
     const getRowHeight = React.useCallback(() => rowHeight, [rowHeight]);
-    const rowWidth = dynamicWidthColumnCount ? width : fixedWidthColumnsWidth;
+    const rowWidth = React.useMemo(() => sum(columnWidths), [columnWidths]);
     const rowCount = React.useMemo(() => (sortedRenderData ? sortedRenderData.length : 0), [sortedRenderData]);
     const tableBodyHeight = React.useMemo(() => {
         const rowsHeight = rowHeight * rowCount;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "3.0.99",
+  "version": "3.0.100",
   "main": "dist/index.js",
   "files": [
     "dist/"