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

package/cjs/plugins/column-dnd/DndColumnsPlugin.js

@@ -1,155 +1,134 @@
-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 DndColumnsPlugin_exports = {};
-__export(DndColumnsPlugin_exports, {
-  DndColumnsPlugin: () => DndColumnsPlugin
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_sortable_hoc = __toESM(require("react-sortable-hoc"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_createInstancePlugin = __toESM(require("@elliemae/ds-shared/createDataInstance/createInstancePlugin"));
-var import_decorateGridWithDndColumns = __toESM(require("./decorateGridWithDndColumns"));
-const keysToOmit = [
-  "axis",
-  "contentWindow",
-  "disableAutoscroll",
-  "distance",
-  "getContainer",
-  "getHelperDimensions",
-  "helperClass",
-  "helperContainer",
-  "hideSortableGhost",
-  "keyboardSortingTransitionDuration",
-  "lockAxis",
-  "lockOffset",
-  "lockToContainerEdges",
-  "onSortEnd",
-  "onSortMove",
-  "onSortOver",
-  "onSortStart",
-  "pressDelay",
-  "pressThreshold",
-  "shouldCancelStart",
-  "transitionDuration",
-  "updateBeforeSortStart",
-  "useDragHandle",
-  "useWindowAsScrollContainer"
-];
-const decorateColumn = (column, grid) => column.isUserColumn ? (0, import_decorateGridWithDndColumns.addDragAndDropToColumn)(grid, column) : column;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var reactSortableHoc = require('react-sortable-hoc');
+var dsUtilities = require('@elliemae/ds-utilities');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var decorateGridWithDndColumns = require('./decorateGridWithDndColumns.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+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; }
+const keysToOmit = ['axis', 'contentWindow', 'disableAutoscroll', 'distance', 'getContainer', 'getHelperDimensions', 'helperClass', 'helperContainer', 'hideSortableGhost', 'keyboardSortingTransitionDuration', 'lockAxis', 'lockOffset', 'lockToContainerEdges', 'onSortEnd', 'onSortMove', 'onSortOver', 'onSortStart', 'pressDelay', 'pressThreshold', 'shouldCancelStart', 'transitionDuration', 'updateBeforeSortStart', 'useDragHandle', 'useWindowAsScrollContainer'];
+
+const decorateColumn = (column, grid) => column.isUserColumn ? decorateGridWithDndColumns.addDragAndDropToColumn(grid, column) : column;
+
 const getHeaderRowProps = (props, grid) => {
-  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;
-  const headerRowRef = (0, import_react.useRef)();
-  const columnDraggingOffset = (0, import_react.useRef)(0);
-  const sortedColumns = (0, import_react.useRef)(grid.getInstance().decoratedColumns);
-  const nodeRef = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
+  const {
+    onMoveColumnStart,
+    onMoveColumnEnd,
+    onMoveColumnOver
+  } = grid.props;
+  const headerRowRef = React.useRef();
+  const columnDraggingOffset = React.useRef(0);
+  const sortedColumns = React.useRef(grid.getInstance().decoratedColumns);
+  const nodeRef = React.useRef();
+  React.useEffect(() => {
     sortedColumns.current = grid.getInstance().decoratedColumns;
   });
-  const onSortOver = (params) => {
-    const { index, newIndex, oldIndex } = params;
+
+  const onSortOver = params => {
+    const {
+      index,
+      newIndex,
+      oldIndex
+    } = params;
     const oldColumn = sortedColumns.current[oldIndex];
     const newColumn = sortedColumns.current[newIndex];
-    if (!newColumn.isUserColumn || !oldColumn.isUserColumn)
-      return;
+    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;
     const columnWidth = nodeRef.current.offsetWidth;
     const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;
-    const forward = newIndex > oldIndex;
+    const forward = newIndex > oldIndex; // eslint-disable-next-line no-nested-ternary
+
     const columnTranslate = forward ? newIndex > index ? columnWidth * -1 : 0 : newIndex < index ? columnWidth : 0;
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
-      transitionDuration: "300ms",
-      transform: `translate3d(${columnTranslate}px, 0, 0)`
+      transitionDuration: '300ms',
+      transform: "translate3d(".concat(columnTranslate, "px, 0, 0)")
     });
     oldColumn.updateStyle({
-      transitionDuration: "300ms",
-      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
+      transitionDuration: '300ms',
+      transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
     });
-    sortedColumns.current = (0, import_ds_utilities.arrayMove)(sortedColumns.current, oldIndex, newIndex);
+    sortedColumns.current = dsUtilities.arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);
   };
-  const onSortStart = (params) => {
-    const { node } = params;
+
+  const onSortStart = params => {
+    const {
+      node
+    } = params;
     grid.disableEvents();
     nodeRef.current = node;
     onMoveColumnStart(params);
   };
-  const onSortEnd = (params) => {
-    const { oldIndex, newIndex } = params;
+
+  const onSortEnd = params => {
+    const {
+      oldIndex,
+      newIndex
+    } = params;
     grid.enableEvents();
     columnDraggingOffset.current = 0;
     sortedColumns.current = grid.decoratedColumns;
-    grid.decoratedColumns.forEach((column) => {
-      if (!column.updateStyle)
-        return;
+    grid.decoratedColumns.forEach(column => {
+      if (!column.updateStyle) return;
       column.updateStyle({
         transitionDuration: null,
         transform: null
       });
     });
-    const originalOldColumnIndex = grid.columns.findIndex((column) => column.property === grid.decoratedColumns[oldIndex].property);
-    const originalNewColumnIndex = grid.columns.findIndex((column) => column.property === grid.decoratedColumns[newIndex].property);
+    const originalOldColumnIndex = grid.columns.findIndex(column => column.property === grid.decoratedColumns[oldIndex].property);
+    const originalNewColumnIndex = grid.columns.findIndex(column => column.property === grid.decoratedColumns[newIndex].property);
     onMoveColumnEnd({
       newIndex: originalNewColumnIndex,
       oldIndex: originalOldColumnIndex
     });
   };
+
   return {
-    axis: "x",
-    helperClass: "header-dnd-column",
-    innerRef: (0, import_ds_utilities.mergeRefs)(props.innerRef, headerRowRef),
-    lockAxis: "x",
+    axis: 'x',
+    helperClass: 'header-dnd-column',
+    innerRef: dsUtilities.mergeRefs(props.innerRef, headerRowRef),
+    lockAxis: 'x',
     onSortEnd,
     onSortOver,
     onSortStart,
     useDragHandle: true
   };
 };
-const decorateRenderers = (renderers) => {
+
+const decorateRenderers = renderers => {
   const RowComponent = renderers.header.row;
   const CellComponent = renderers.header.cell;
-  const Row = (0, import_react.useMemo)(() => (0, import_react_sortable_hoc.SortableContainer)((props) => /* @__PURE__ */ import_react.default.createElement(RowComponent, {
-    ...(0, import_ds_utilities.omit)(props, keysToOmit)
-  })), []);
-  const Cell = (0, import_react.useMemo)(() => (0, import_react_sortable_hoc.SortableElement)(CellComponent), []);
-  return {
-    ...renderers,
-    header: {
-      ...renderers.header,
+  const Row = React.useMemo(() => reactSortableHoc.SortableContainer(props => /*#__PURE__*/jsxRuntime.jsx(RowComponent, _objectSpread({}, dsUtilities.omit(props, keysToOmit)))), []);
+  const Cell = React.useMemo(() => reactSortableHoc.SortableElement(CellComponent), []);
+  return _objectSpread(_objectSpread({}, renderers), {}, {
+    header: _objectSpread(_objectSpread({}, renderers.header), {}, {
       row: Row,
       cell: Cell
-    }
-  };
+    })
+  });
 };
-const DndColumnsPlugin = (0, import_createInstancePlugin.createInstancePlugin)("dnd-columns", {
+
+const DndColumnsPlugin = createInstancePlugin__default["default"]('dnd-columns', {
   getHeaderRowProps,
   decorateColumn,
   decorateRenderers
 });
-module.exports = __toCommonJS(DndColumnsPlugin_exports);
-//# sourceMappingURL=DndColumnsPlugin.js.map
+
+exports.DndColumnsPlugin = DndColumnsPlugin;

package/cjs/plugins/column-dnd/decorateGridWithDndColumns.js

@@ -1,46 +1,30 @@
-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 decorateGridWithDndColumns_exports = {};
-__export(decorateGridWithDndColumns_exports, {
-  addDragAndDropToColumn: () => addDragAndDropToColumn
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_sortable_hoc = __toESM(require("react-sortable-hoc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_initColumnDefinition = __toESM(require("@elliemae/ds-shared/useDataGrid/initColumnDefinition"));
-const DragHandle = (0, import_react_sortable_hoc.SortableHandle)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactSortableHoc = require('react-sortable-hoc');
+var dsIcons = require('@elliemae/ds-icons');
+var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _GripperVertical, _DragHandle;
+const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
   className: "drag-handle"
-}));
-const DndHeaderFormatter = (value) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(DragHandle, null), value);
+})));
+
+const DndHeaderFormatter = value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {})), value]
+});
+
 const addDragAndDropToColumn = (grid, column) => {
-  column = (0, import_initColumnDefinition.appendHeaderFormatter)(DndHeaderFormatter, column);
-  return (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-dnd-column", column);
+  column = initColumnDefinition.appendHeaderFormatter(DndHeaderFormatter, column);
+  return initColumnDefinition.mergeClassNameToColumnHeader('with-dnd-column', column);
 };
-module.exports = __toCommonJS(decorateGridWithDndColumns_exports);
-//# sourceMappingURL=decorateGridWithDndColumns.js.map
+
+exports.addDragAndDropToColumn = addDragAndDropToColumn;

package/cjs/plugins/column-dnd/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_dnd_exports = {};
-__export(column_dnd_exports, {
-  DndColumnsPlugin: () => import_DndColumnsPlugin.DndColumnsPlugin
-});
-var React = __toESM(require("react"));
-var import_DndColumnsPlugin = __toESM(require("./DndColumnsPlugin"));
-module.exports = __toCommonJS(column_dnd_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DndColumnsPlugin = require('./DndColumnsPlugin.js');
+
+
+
+exports.DndColumnsPlugin = DndColumnsPlugin.DndColumnsPlugin;

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

@@ -1,73 +1,68 @@
-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 ColumnSizingPlugin_exports = {};
-__export(ColumnSizingPlugin_exports, {
-  ColumnSizingPlugin: () => ColumnSizingPlugin
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_createInstancePlugin = __toESM(require("@elliemae/ds-shared/createDataInstance/createInstancePlugin"));
-var import_useStylesheetHelpers = __toESM(require("./useStylesheetHelpers"));
-var import_useColumnSizeService = __toESM(require("./useColumnSizeService"));
-var import_getTableProps = __toESM(require("./ext-points/getTableProps"));
-var import_decorateColumn = __toESM(require("./ext-points/decorateColumn"));
-const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
-  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var useStylesheetHelpers = require('./useStylesheetHelpers.js');
+var useColumnSizeService = require('./useColumnSizeService.js');
+var getTableProps = require('./ext-points/getTableProps.js');
+var decorateColumn = require('./ext-points/decorateColumn.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+/* eslint-disable no-param-reassign */
+
+const getHeaderRowProps = (rowProps, _ref) => {
+  let {
+    rowsStylesheet
+  } = _ref;
+  rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
   return rowProps;
 };
-const getRowProps = (rowProps, { rowsStylesheet }) => {
-  rowProps.className = (0, import_ds_utilities.cx)(rowProps.className, rowsStylesheet.getRowClassName());
+
+const getRowProps = (rowProps, _ref2) => {
+  let {
+    rowsStylesheet
+  } = _ref2;
+  rowProps.className = dsUtilities.cx(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };
+
 const decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);
-const decorateGrid = (grid) => {
-  const isDragging = (0, import_react.useRef)(false);
-  const tableRef = (0, import_react.useRef)();
-  const resizedColumns = (0, import_react.useRef)({});
-  const scrollbarWidth = (0, import_react.useRef)();
-  const bodyWidth = (0, import_react.useRef)();
-  const allColumnsHaveBeenFixed = (0, import_react.useRef)(false);
-  const columnSizeService = (0, import_useColumnSizeService.useColumnSizeService)(grid);
-  const { columnsStylesheet, rowsStylesheet } = (0, import_useStylesheetHelpers.useStylesheetHelpers)(grid);
-  const updateRowWidth = (width) => {
+
+const decorateGrid = grid => {
+  const isDragging = React.useRef(false);
+  const tableRef = React.useRef();
+  const resizedColumns = React.useRef({});
+  const scrollbarWidth = React.useRef();
+  const bodyWidth = React.useRef();
+  const allColumnsHaveBeenFixed = React.useRef(false);
+  const columnSizeService = useColumnSizeService(grid);
+  const {
+    columnsStylesheet,
+    rowsStylesheet
+  } = useStylesheetHelpers.useStylesheetHelpers(grid); // row size side-effect
+
+  const updateRowWidth = width => {
     const gridWidth = width || tableRef.current.offsetWidth;
     const columnsTotalSize = columnSizeService.computeColumnsTotalSize();
+
     if (columnsTotalSize > gridWidth + 5) {
       if (!allColumnsHaveBeenFixed.current && isDragging.current) {
         columnSizeService.setActualColumnsSizesFixed();
         allColumnsHaveBeenFixed.current = true;
       }
+
       rowsStylesheet.update(columnsTotalSize);
     } else {
-      rowsStylesheet.update(void 0);
+      rowsStylesheet.update(undefined);
     }
   };
+
   return {
     isDragging,
     tableRef,
@@ -80,13 +75,14 @@ const decorateGrid = (grid) => {
     updateRowWidth
   };
 };
-const ColumnSizingPlugin = (0, import_createInstancePlugin.createInstancePlugin)("column-sizing", {
+
+const ColumnSizingPlugin = createInstancePlugin__default["default"]('column-sizing', {
   decorateGrid,
-  decorateColumn: import_decorateColumn.decorateColumn,
+  decorateColumn: decorateColumn.decorateColumn,
   getRowProps,
   getHeaderRowProps,
-  getTableProps: import_getTableProps.getTableProps,
+  getTableProps: getTableProps.getTableProps,
   decorateColumns
 });
-module.exports = __toCommonJS(ColumnSizingPlugin_exports);
-//# sourceMappingURL=ColumnSizingPlugin.js.map
+
+exports.ColumnSizingPlugin = ColumnSizingPlugin;

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

@@ -1,58 +1,64 @@
-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 columnMeasurerTransformer_exports = {};
-__export(columnMeasurerTransformer_exports, {
-  columnMeasurerTransformer: () => columnMeasurerTransformer
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-const columnMeasurerTransformer = (columnSizeService) => (value, { column, grid }, props = {}) => {
-  const { registerColumn } = columnSizeService;
-  const cellRef = (0, import_react.useRef)();
-  (0, import_react.useLayoutEffect)(() => {
-    const { columns, expandedToContentColumns } = columnSizeService;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+
+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; }
+const columnMeasurerTransformer = columnSizeService => function (value, _ref) {
+  let {
+    column,
+    grid
+  } = _ref;
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    registerColumn
+  } = columnSizeService;
+  const cellRef = React.useRef();
+  React.useLayoutEffect(() => {
     const {
-      props: { minColumnWidth },
+      columns,
+      expandedToContentColumns
+    } = columnSizeService;
+    const {
+      props: {
+        minColumnWidth
+      },
       resizedColumns
     } = grid.getInstance();
+
     if (cellRef.current) {
+      // FIX: merge
+      // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {
+      //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)
+      // }
       if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {
+        // measure the content and reset to flex
         const originalWidth = cellRef.current.offsetWidth;
-        cellRef.current.style.flex = "initial";
-        cellRef.current.style.minWidth = "initial";
+        cellRef.current.style.flex = 'initial';
+        cellRef.current.style.minWidth = 'initial';
         const calcWidth = cellRef.current.offsetWidth + 20;
+
         if (originalWidth + 20 <= calcWidth) {
           resizedColumns.current[column.uuid] = calcWidth;
           columns[column.uuid].minWidth = calcWidth;
         } else {
           columns[column.uuid].minWidth = originalWidth;
         }
+
         expandedToContentColumns[column.uuid] = true;
         cellRef.current.style.minWidth = null;
         cellRef.current.style.flex = 1;
@@ -60,10 +66,9 @@ const columnMeasurerTransformer = (columnSizeService) => (value, { column, grid
       }
     }
   });
-  return {
-    ...props,
-    innerRef: (0, import_ds_utilities.mergeRefs)(cellRef, props.innerRef, registerColumn(column))
-  };
+  return _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: dsUtilities.mergeRefs(cellRef, props.innerRef, registerColumn(column))
+  });
 };
-module.exports = __toCommonJS(columnMeasurerTransformer_exports);
-//# sourceMappingURL=columnMeasurerTransformer.js.map
+
+exports.columnMeasurerTransformer = columnMeasurerTransformer;