@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/plugins/column-sizing/ext-points/decorateColumn.js

@@ -1,44 +1,17 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var decorateColumn_exports = {};
-__export(decorateColumn_exports, {
-  decorateColumn: () => decorateColumn
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_columnMeasurerTransformer = __toESM(require("../columnMeasurerTransformer"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsUtilities = require('@elliemae/ds-utilities');
+var columnMeasurerTransformer = require('../columnMeasurerTransformer.js');
+
 function decorateColumn(column, grid, index) {
-  const transformsPath = ["header", "transforms"];
-  const transforms = (0, import_ds_utilities.get)(column, transformsPath, []);
-  transforms.push((0, import_columnMeasurerTransformer.columnMeasurerTransformer)(grid.columnSizeService, grid));
+  const transformsPath = ['header', 'transforms'];
+  const transforms = dsUtilities.get(column, transformsPath, []);
+  transforms.push(columnMeasurerTransformer.columnMeasurerTransformer(grid.columnSizeService));
   column.index = index;
-  (0, import_ds_utilities.set)(column, transformsPath, transforms);
+  dsUtilities.set(column, transformsPath, transforms);
   return column;
 }
-module.exports = __toCommonJS(decorateColumn_exports);
-//# sourceMappingURL=decorateColumn.js.map
+
+exports.decorateColumn = decorateColumn;

package/cjs/plugins/column-sizing/ext-points/getTableProps.js

@@ -1,64 +1,63 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getTableProps_exports = {};
-__export(getTableProps_exports, {
-  getTableProps: () => getTableProps
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_utils = __toESM(require("../utils"));
-function getTableProps(tableProps, { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns }) {
-  const [tableNode, tableRefCallback] = (0, import_react.useState)();
-  (0, import_ds_utilities.useResizeObserver)(({ width }) => {
-    if (!refs.header.current)
-      return;
-    if (typeof scrollbarWidth.current !== "number")
-      scrollbarWidth.current = (0, import_utils.getScrollbarSizeFromHeaderAndBody)(refs, width);
-    if (typeof bodyWidth.current !== "number")
-      bodyWidth.current = refs.body.offsetWidth;
-    if (isDragging.current)
-      return;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var utils = require('../utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function getTableProps(tableProps, _ref) {
+  let {
+    refs,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    isDragging,
+    columnSizeService,
+    updateRowWidth,
+    columns
+  } = _ref;
+  const [tableNode, tableRefCallback] = React.useState();
+  dsUtilities.useResizeObserver(_ref2 => {
+    let {
+      width
+    } = _ref2;
+    if (!refs.header.current) return;
+    if (typeof scrollbarWidth.current !== 'number') scrollbarWidth.current = utils.getScrollbarSizeFromHeaderAndBody(refs);
+    if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.offsetWidth; // DataGrid: header with width 0 after redirect from details page (https://jira.elliemae.io/browse/PUI-2162)
+    // if (scrollbarWidth.current !== 0 && width - scrollbarWidth.current > 0) {
+    //   refs.header.current.style.width = `${width - scrollbarWidth.current}px`
+    // }
+
+    if (isDragging.current) return;
     columnSizeService.updateMissingWidths(width);
     updateRowWidth(width);
   }, tableNode);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     if (tableNode) {
       columnSizeService.updateMissingWidths(tableNode.clientWidth);
       updateRowWidth(tableNode.clientWidth);
     }
-    if (typeof bodyWidth.current !== "number")
-      bodyWidth.current = refs.body.clientWidth;
+
+    if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.clientWidth;
   }, [columns, tableNode]);
-  return {
-    ...tableProps,
-    innerRef: (0, import_ds_utilities.mergeRefs)(tableRefCallback, tableProps.innerRef, tableRef)
-  };
+  return _objectSpread(_objectSpread({}, tableProps), {}, {
+    innerRef: dsUtilities.mergeRefs(tableRefCallback, tableProps.innerRef, tableRef)
+  });
 }
-module.exports = __toCommonJS(getTableProps_exports);
-//# sourceMappingURL=getTableProps.js.map
+
+exports.getTableProps = getTableProps;

package/cjs/plugins/column-sizing/getColumnNameFromProperty.js

@@ -1,37 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getColumnNameFromProperty_exports = {};
-__export(getColumnNameFromProperty_exports, {
-  default: () => getColumnNameFromProperty_default,
-  getColumnNameFromProperty: () => getColumnNameFromProperty
-});
-var React = __toESM(require("react"));
-const getColumnNameFromProperty = (property) => property && property.replace(/\./g, "-");
-var getColumnNameFromProperty_default = getColumnNameFromProperty;
-module.exports = __toCommonJS(getColumnNameFromProperty_exports);
-//# sourceMappingURL=getColumnNameFromProperty.js.map
+'use strict';
+
+require('core-js/modules/es.string.replace.js');
+
+function getColumnFromProperty(property) {
+  return property && property.replace(/\./g, '-');
+}
+
+module.exports = getColumnFromProperty;

package/cjs/plugins/column-sizing/index.js

@@ -1,35 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var column_sizing_exports = {};
-__export(column_sizing_exports, {
-  ColumnSizingPlugin: () => import_ColumnSizingPlugin.ColumnSizingPlugin
-});
-var React = __toESM(require("react"));
-var import_ColumnSizingPlugin = __toESM(require("./ColumnSizingPlugin"));
-module.exports = __toCommonJS(column_sizing_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ColumnSizingPlugin = require('./ColumnSizingPlugin.js');
+
+
+
+exports.ColumnSizingPlugin = ColumnSizingPlugin.ColumnSizingPlugin;

package/cjs/plugins/column-sizing/useColumnSizeService.js

@@ -1,134 +1,149 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useColumnSizeService_exports = {};
-__export(useColumnSizeService_exports, {
-  default: () => useColumnSizeService_default,
-  useColumnSizeService: () => useColumnSizeService
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_utils = __toESM(require("./utils"));
-const useColumnSizeService = (instance) => {
-  const columns = (0, import_react.useRef)({});
-  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = (0, import_react.useState)(0);
-  const [expandableColumnWidth, setExpandableColumnWidth] = (0, import_react.useState)(0);
-  const expandedToContentColumns = (0, import_react.useRef)({});
-  const previousTotalWidth = (0, import_react.useRef)(0);
-  const initialUsedSpace = (0, import_react.useRef)({
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var React = require('react');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function useColumnSizeService(instance) {
+  const columns = React.useRef({});
+  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = React.useState(0);
+  const [expandableColumnWidth, setExpandableColumnWidth] = React.useState(0);
+  const expandedToContentColumns = React.useRef({});
+  const previousTotalWidth = React.useRef(0);
+  const initialUsedSpace = React.useRef({
     space: 0,
     amount: 0,
     percentage: 0
   });
+
   const increaseUsedSpace = (space, columnUuid) => {
-    if (typeof space === "number") {
+    if (typeof space === 'number') {
       initialUsedSpace.current.space += space;
-    } else if (space && space.endsWith("%")) {
+    } else if (space && space.endsWith('%')) {
       initialUsedSpace.current.percentage += Number(space.slice(0, -1));
     }
+
     initialUsedSpace.current.amount += 1;
     initialUsedSpace.current[columnUuid] = true;
-  };
-  const registerColumn = (column) => (node) => columns.current[column.uuid] = { ...column, node };
-  const unregisterColumn = (column) => {
+  }; // eslint-disable-next-line no-return-assign
+
+
+  const registerColumn = column => node => columns.current[column.uuid] = _objectSpread(_objectSpread({}, column), {}, {
+    node
+  });
+
+  const unregisterColumn = column => {
     delete columns.current[column.property];
   };
+
   const setActualColumnsSizesFixed = () => {
     const columnsArray = Object.values(columns.current);
-    columnsArray.forEach((column) => {
+    columnsArray.forEach(column => {
       const columnOffsetWidth = column.node.offsetWidth;
-      column.updateBodyHeaderWidth(`${columnOffsetWidth}px`, `${columnOffsetWidth}px`);
+      column.updateBodyHeaderWidth("".concat(columnOffsetWidth, "px"), "".concat(columnOffsetWidth, "px"));
     });
   };
-  const updateMissingWidths = (totalWidth) => {
+
+  const updateMissingWidths = totalWidth => {
     if (totalWidth) {
       previousTotalWidth.current = totalWidth;
     }
+
     const gridWidth = previousTotalWidth.current - 4;
     const {
-      props: { minColumnWidth, expandable },
+      props: {
+        minColumnWidth,
+        expandable
+      },
       resizedColumns,
       decoratedColumns: columnDefinitions
     } = instance.getInstance();
-    if (!initialUsedSpace.current)
-      return;
-    const columnUuids = columnDefinitions.map((c) => c.uuid);
-    const columnsArray = Object.values(columns.current).filter((c) => columnUuids.includes(c.uuid));
-    initialUsedSpace.current = { space: 0, amount: 0, percentage: 0 };
-    columnsArray.forEach((column) => {
-      if (column.width && column.width !== "string" && !initialUsedSpace[column.uuid]) {
-        increaseUsedSpace((0, import_utils.getColumnWidthSize)(column.width, minColumnWidth, column), column.uuid);
+    if (!initialUsedSpace.current) return;
+    const columnUuids = columnDefinitions.map(c => c.uuid);
+    const columnsArray = Object.values(columns.current).filter(c => columnUuids.includes(c.uuid)); // reset the initial space to the last columns
+
+    initialUsedSpace.current = {
+      space: 0,
+      amount: 0,
+      percentage: 0
+    };
+    columnsArray.forEach(column => {
+      if (column.width && column.width !== 'string' && !initialUsedSpace[column.uuid]) {
+        increaseUsedSpace(utils.getColumnWidthSize(column.width, minColumnWidth, column), column.uuid);
       }
     });
-    const nextColumnDict = {};
-    columnsArray.forEach((column) => {
-      if (typeof column.width === "number") {
+    const nextColumnDict = {}; // eslint-disable-next-line max-statements
+
+    columnsArray.forEach(column => {
+      if (typeof column.width === 'number') {
         nextColumnDict[column.uuid] = column;
         return;
       }
+
       if (resizedColumns.current[column.uuid]) {
         nextColumnDict[column.uuid] = column;
         return;
       }
+
       const {
         space: usedSpace,
         amount: usedAmount,
         percentage: usedPercentage
       } = initialUsedSpace.current;
-      const percentValue = (0, import_utils.getPercentageValue)(column.width);
+      const percentValue = utils.getPercentageValue(column.width); // check if is percentage value
+
       if (percentValue) {
         const pxs = gridWidth * percentValue / 100;
-        const pxWidths = `${(0, import_utils.getColumnWidthSize)(pxs, minColumnWidth, column)}px`;
+        const pxWidths = "".concat(utils.getColumnWidthSize(pxs, minColumnWidth, column), "px");
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
+
         if (expandable && column.expandableColumn) {
           setExpandableColumnWidth(pxs);
         }
       } else {
+        // otherwise the values are auto calculated from the total size
         const columnFixWidth = (gridWidth * (1 - usedPercentage / 100) - usedSpace) / (columnsArray.length - usedAmount);
         const percentWidth = columnFixWidth / gridWidth * 100;
         const pxs = gridWidth * percentWidth / 100;
-        const actualWidthAfterChecks = (0, import_utils.getColumnWidthSize)(pxs, minColumnWidth, column);
-        column.updateBodyHeaderWidth(`${actualWidthAfterChecks}px`, column.minWidth || minColumnWidth ? `${column.minWidth || minColumnWidth}px` : `${pxs}px`);
+        const actualWidthAfterChecks = utils.getColumnWidthSize(pxs, minColumnWidth, column);
+        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(pxs, "px"));
         resizedColumns.current[column.uuid] = actualWidthAfterChecks;
         columns.current[column.uuid].computedWidth = actualWidthAfterChecks;
       }
+
       nextColumnDict[column.uuid] = column;
     });
     columns.current = nextColumnDict;
   };
-  (0, import_react.useLayoutEffect)(() => {
+
+  React.useLayoutEffect(() => {
     const totalWidth = computeColumnsTotalSize();
     setExpandableGridDetailWidth(totalWidth - expandableColumnWidth);
-  }, [expandableColumnWidth]);
+  }, [expandableColumnWidth]); // todo: make this incremental
+
   const computeColumnsTotalSize = () => {
     const columnsArray = Object.values(columns.current);
     return columnsArray.reduce((totalSize, column) => totalSize + column.node.offsetWidth, 0);
   };
+
   return {
     columns: columns.current,
     expandedToContentColumns: expandedToContentColumns.current,
@@ -142,7 +157,6 @@ const useColumnSizeService = (instance) => {
     expandableGridDetailWidth,
     expandableColumnWidth
   };
-};
-var useColumnSizeService_default = useColumnSizeService;
-module.exports = __toCommonJS(useColumnSizeService_exports);
-//# sourceMappingURL=useColumnSizeService.js.map
+}
+
+module.exports = useColumnSizeService;