mig-schema-table 3.0.30 → 3.0.32

package/dist/SchemaTable/index.js

@@ -8,7 +8,6 @@ import { SELECT_ALL_COLUMN_NAME, SELECT_ALL_COLUMN_WIDTH } from "./constants";
 import Td from "./Td";
 import { DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT } from "../inc/constant";
 import SchemaColumnFilterPopover from "./SchemaColumnFilterPopover";
-import { sum } from "lodash";
 function SchemaTable({ Heading = VariableSizeList, checkedIndexes, disabledCheckedIndexes, config, customElement, data, defaultSortAsc = false, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isColumnFilterable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight = 36, schema, searchPlaceholder, style, width, }) {
     const [sortColumn, setSortColumn] = React.useState(defaultSortColumn);
     const [sortAsc, setSortAsc] = React.useState(defaultSortAsc);
@@ -129,25 +128,21 @@ function SchemaTable({ Heading = VariableSizeList, checkedIndexes, disabledCheck
     }, [columnNames, config]);
     const columnWidths = React.useMemo(() => {
         const dynamicColumnWidth = Math.floor((width - fixedWidthColumnsWidth) / dynamicWidthColumnCount);
-        const result = columnNames.map((propName) => {
+        let roundingDifference = (width - fixedWidthColumnsWidth) % dynamicWidthColumnCount;
+        return columnNames.map((propName) => {
             if (propName === SELECT_ALL_COLUMN_NAME) {
                 return SELECT_ALL_COLUMN_WIDTH;
             }
             const propConfig = config ? config[propName] : undefined;
-            return (propConfig === null || propConfig === void 0 ? void 0 : propConfig.width) || dynamicColumnWidth;
-        });
-        const totalWidth = sum(result);
-        if (totalWidth < width && dynamicWidthColumnCount) {
-            // find the last dynamic width column and adjust to overcome rounding differences
-            const lastDynamicColumnName = [...columnNames]
-                .reverse()
-                .find((propName) => !config || !config[propName].width);
-            if (lastDynamicColumnName) {
-                const lastDynamicColumnIndex = columnNames.indexOf(lastDynamicColumnName);
-                result[lastDynamicColumnIndex] += width - totalWidth;
+            if (propConfig === null || propConfig === void 0 ? void 0 : propConfig.width) {
+                return propConfig === null || propConfig === void 0 ? void 0 : propConfig.width;
             }
-        }
-        return result;
+            if (roundingDifference) {
+                roundingDifference -= 1;
+                return dynamicColumnWidth + 1;
+            }
+            return dynamicColumnWidth;
+        });
     }, [
         columnNames,
         config,
@@ -309,6 +304,7 @@ function SchemaTable({ Heading = VariableSizeList, checkedIndexes, disabledCheck
         columnNames,
         config,
         data,
+        disabledCheckedIndexes,
         getRowClassName,
         getRowSelected,
         onCheckedIndexesChange,

package/dist/index.css

@@ -36,6 +36,7 @@
   background-color: #eee;
   align-items: center;
   padding-left: 8px;
+  padding-right: 8px;
 }
 .schema-table__th div {
   overflow: hidden;
@@ -58,6 +59,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-left: 8px;
+  padding-right: 8px;
   align-items: center;
 }
 .schema-table__td--odd {

package/package.json

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