@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

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

@@ -3,55 +3,58 @@
 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 plugins_columnDnd_decorateGridWithDndColumns = require('./decorateGridWithDndColumns.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var 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'];
-
-var decorateColumn = function decorateColumn(column, grid) {
-  return column.isUserColumn ? plugins_columnDnd_decorateGridWithDndColumns.addDragAndDropToColumn(grid, column) : column;
-};
-
-var getHeaderRowProps = function getHeaderRowProps(props, grid) {
-  var _grid$props = grid.props,
-      onMoveColumnStart = _grid$props.onMoveColumnStart,
-      onMoveColumnEnd = _grid$props.onMoveColumnEnd,
-      onMoveColumnOver = _grid$props.onMoveColumnOver;
-  var headerRowRef = React.useRef();
-  var columnDraggingOffset = React.useRef(0);
-  var sortedColumns = React.useRef(grid.getInstance().decoratedColumns);
-  var nodeRef = React.useRef();
-  React.useEffect(function () {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 = 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;
   });
 
-  var onSortOver = function onSortOver(params) {
-    var index = params.index,
-        newIndex = params.newIndex,
-        oldIndex = params.oldIndex;
-    var oldColumn = sortedColumns.current[oldIndex];
-    var newColumn = sortedColumns.current[newIndex];
+  const onSortOver = params => {
+    const {
+      index,
+      newIndex,
+      oldIndex
+    } = params;
+    const oldColumn = sortedColumns.current[oldIndex];
+    const newColumn = sortedColumns.current[newIndex];
     if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;
-    var columnWidth = nodeRef.current.offsetWidth;
-    var newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;
-    var forward = newIndex > oldIndex; // eslint-disable-next-line no-nested-ternary
+    const columnWidth = nodeRef.current.offsetWidth;
+    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;
+    const forward = newIndex > oldIndex; // eslint-disable-next-line no-nested-ternary
 
-    var columnTranslate = forward ? newIndex > index ? columnWidth * -1 : 0 : newIndex < index ? columnWidth : 0;
+    const columnTranslate = forward ? newIndex > index ? columnWidth * -1 : 0 : newIndex < index ? columnWidth : 0;
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
       transitionDuration: '300ms',
@@ -65,32 +68,32 @@ var getHeaderRowProps = function getHeaderRowProps(props, grid) {
     onMoveColumnOver(params);
   };
 
-  var onSortStart = function onSortStart(params) {
-    var node = params.node;
+  const onSortStart = params => {
+    const {
+      node
+    } = params;
     grid.disableEvents();
     nodeRef.current = node;
     onMoveColumnStart(params);
   };
 
-  var onSortEnd = function onSortEnd(params) {
-    var oldIndex = params.oldIndex,
-        newIndex = params.newIndex;
+  const onSortEnd = params => {
+    const {
+      oldIndex,
+      newIndex
+    } = params;
     grid.enableEvents();
     columnDraggingOffset.current = 0;
     sortedColumns.current = grid.decoratedColumns;
-    grid.decoratedColumns.forEach(function (column) {
+    grid.decoratedColumns.forEach(column => {
       if (!column.updateStyle) return;
       column.updateStyle({
         transitionDuration: null,
         transform: null
       });
     });
-    var originalOldColumnIndex = grid.columns.findIndex(function (column) {
-      return column.property === grid.decoratedColumns[oldIndex].property;
-    });
-    var originalNewColumnIndex = grid.columns.findIndex(function (column) {
-      return 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
@@ -102,24 +105,18 @@ var getHeaderRowProps = function getHeaderRowProps(props, grid) {
     helperClass: 'header-dnd-column',
     innerRef: dsUtilities.mergeRefs(props.innerRef, headerRowRef),
     lockAxis: 'x',
-    onSortEnd: onSortEnd,
-    onSortOver: onSortOver,
-    onSortStart: onSortStart,
+    onSortEnd,
+    onSortOver,
+    onSortStart,
     useDragHandle: true
   };
 };
 
-var decorateRenderers = function decorateRenderers(renderers) {
-  var RowComponent = renderers.header.row;
-  var CellComponent = renderers.header.cell;
-  var Row = React.useMemo(function () {
-    return reactSortableHoc.SortableContainer(function (props) {
-      return /*#__PURE__*/React__default['default'].createElement(RowComponent, dsUtilities.omit(props, keysToOmit));
-    });
-  }, []);
-  var Cell = React.useMemo(function () {
-    return reactSortableHoc.SortableElement(CellComponent);
-  }, []);
+const decorateRenderers = renderers => {
+  const RowComponent = renderers.header.row;
+  const CellComponent = renderers.header.cell;
+  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,
@@ -128,11 +125,10 @@ var decorateRenderers = function decorateRenderers(renderers) {
   });
 };
 
-var DndColumnsPlugin = createInstancePlugin__default['default']('dnd-columns', {
-  getHeaderRowProps: getHeaderRowProps,
-  decorateColumn: decorateColumn,
-  decorateRenderers: decorateRenderers
+const DndColumnsPlugin = createInstancePlugin__default["default"]('dnd-columns', {
+  getHeaderRowProps,
+  decorateColumn,
+  decorateRenderers
 });
 
 exports.DndColumnsPlugin = DndColumnsPlugin;
-//# sourceMappingURL=DndColumnsPlugin.js.map

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

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DragHandle = reactSortableHoc.SortableHandle(function () {
-  return /*#__PURE__*/React__default['default'].createElement(dsIcons.GripperVertical, {
-    className: "drag-handle"
-  });
-});
+var _GripperVertical, _DragHandle;
+const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
+  className: "drag-handle"
+})));
 
-var DndHeaderFormatter = function DndHeaderFormatter(value) {
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DragHandle, null), value);
-};
+const DndHeaderFormatter = value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {})), value]
+});
 
-var addDragAndDropToColumn = function addDragAndDropToColumn(grid, column) {
+const addDragAndDropToColumn = (grid, column) => {
   column = initColumnDefinition.appendHeaderFormatter(DndHeaderFormatter, column);
   return initColumnDefinition.mergeClassNameToColumnHeader('with-dnd-column', column);
 };
 
 exports.addDragAndDropToColumn = addDragAndDropToColumn;
-//# sourceMappingURL=decorateGridWithDndColumns.js.map

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

@@ -2,17 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_columnDnd_DndColumnsPlugin = require('./DndColumnsPlugin.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-sortable-hoc');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./decorateGridWithDndColumns.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+var DndColumnsPlugin = require('./DndColumnsPlugin.js');
 
 
 
-exports.DndColumnsPlugin = plugins_columnDnd_DndColumnsPlugin.DndColumnsPlugin;
-//# sourceMappingURL=index.js.map
+exports.DndColumnsPlugin = DndColumnsPlugin.DndColumnsPlugin;

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

@@ -5,17 +5,10 @@ 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 plugins_columnSizing_useStylesheetHelpers = require('./useStylesheetHelpers.js');
-var plugins_columnSizing_useColumnSizeService = require('./useColumnSizeService.js');
-var plugins_columnSizing_extPoints_getTableProps = require('./ext-points/getTableProps.js');
-var plugins_columnSizing_extPoints_decorateColumn = require('./ext-points/decorateColumn.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('stylesheet-helpers');
-require('./getColumnNameFromProperty.js');
-require('../../utilities/getScrollbarSize.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./utils.js');
-require('./columnMeasurerTransformer.js');
+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 }; }
 
@@ -23,39 +16,40 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 /* eslint-disable no-param-reassign */
 
-var getHeaderRowProps = function getHeaderRowProps(rowProps, _ref) {
-  var rowsStylesheet = _ref.rowsStylesheet;
+const getHeaderRowProps = (rowProps, _ref) => {
+  let {
+    rowsStylesheet
+  } = _ref;
   rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
   return rowProps;
 };
 
-var getRowProps = function getRowProps(rowProps, _ref2) {
-  var rowsStylesheet = _ref2.rowsStylesheet;
+const getRowProps = (rowProps, _ref2) => {
+  let {
+    rowsStylesheet
+  } = _ref2;
   rowProps.className = dsUtilities.cx(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };
 
-var decorateColumns = function decorateColumns(columns, grid) {
-  return grid.columnsStylesheet.decorateColumns(columns, grid);
-};
-
-var decorateGrid = function decorateGrid(grid) {
-  var isDragging = React.useRef(false);
-  var tableRef = React.useRef();
-  var resizedColumns = React.useRef({});
-  var scrollbarWidth = React.useRef();
-  var bodyWidth = React.useRef();
-  var allColumnsHaveBeenFixed = React.useRef(false);
-  var columnSizeService = plugins_columnSizing_useColumnSizeService(grid);
-
-  var _useStylesheetHelpers = plugins_columnSizing_useStylesheetHelpers.useStylesheetHelpers(grid),
-      columnsStylesheet = _useStylesheetHelpers.columnsStylesheet,
-      rowsStylesheet = _useStylesheetHelpers.rowsStylesheet; // row size side-effect
-
-
-  var updateRowWidth = function updateRowWidth(width) {
-    var gridWidth = width || tableRef.current.offsetWidth;
-    var columnsTotalSize = columnSizeService.computeColumnsTotalSize();
+const decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);
+
+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) {
@@ -70,26 +64,25 @@ var decorateGrid = function decorateGrid(grid) {
   };
 
   return {
-    isDragging: isDragging,
-    tableRef: tableRef,
-    bodyWidth: bodyWidth,
-    scrollbarWidth: scrollbarWidth,
-    columnSizeService: columnSizeService,
-    rowsStylesheet: rowsStylesheet,
-    columnsStylesheet: columnsStylesheet,
-    resizedColumns: resizedColumns,
-    updateRowWidth: updateRowWidth
+    isDragging,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    columnSizeService,
+    rowsStylesheet,
+    columnsStylesheet,
+    resizedColumns,
+    updateRowWidth
   };
 };
 
-var ColumnSizingPlugin = createInstancePlugin__default['default']('column-sizing', {
-  decorateGrid: decorateGrid,
-  decorateColumn: plugins_columnSizing_extPoints_decorateColumn.decorateColumn,
-  getRowProps: getRowProps,
-  getHeaderRowProps: getHeaderRowProps,
-  getTableProps: plugins_columnSizing_extPoints_getTableProps.getTableProps,
-  decorateColumns: decorateColumns
+const ColumnSizingPlugin = createInstancePlugin__default["default"]('column-sizing', {
+  decorateGrid,
+  decorateColumn: decorateColumn.decorateColumn,
+  getRowProps,
+  getHeaderRowProps,
+  getTableProps: getTableProps.getTableProps,
+  decorateColumns
 });
 
 exports.ColumnSizingPlugin = ColumnSizingPlugin;
-//# sourceMappingURL=ColumnSizingPlugin.js.map

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

@@ -2,6 +2,11 @@
 
 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');
@@ -12,53 +17,58 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var columnMeasurerTransformer = function columnMeasurerTransformer(columnSizeService) {
-  return function (value, _ref) {
-    var column = _ref.column,
-        grid = _ref.grid;
-    var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var registerColumn = columnSizeService.registerColumn;
-    var cellRef = React.useRef();
-    React.useLayoutEffect(function () {
-      var columns = columnSizeService.columns,
-          expandedToContentColumns = columnSizeService.expandedToContentColumns;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 {
+      columns,
+      expandedToContentColumns
+    } = columnSizeService;
+    const {
+      props: {
+        minColumnWidth
+      },
+      resizedColumns
+    } = grid.getInstance();
 
-      var _grid$getInstance = grid.getInstance();
-          _grid$getInstance.props.minColumnWidth;
-          var resizedColumns = _grid$getInstance.resizedColumns;
+    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';
+        const calcWidth = cellRef.current.offsetWidth + 20;
 
-      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
-          var originalWidth = cellRef.current.offsetWidth;
-          cellRef.current.style.flex = 'initial';
-          cellRef.current.style.minWidth = 'initial';
-          var 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;
-          column.node = cellRef.current;
+        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;
+        column.node = cellRef.current;
       }
-    });
-    return _objectSpread(_objectSpread({}, props), {}, {
-      innerRef: dsUtilities.mergeRefs(cellRef, props.innerRef, registerColumn(column))
-    });
-  };
+    }
+  });
+  return _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: dsUtilities.mergeRefs(cellRef, props.innerRef, registerColumn(column))
+  });
 };
 
 exports.columnMeasurerTransformer = columnMeasurerTransformer;
-//# sourceMappingURL=columnMeasurerTransformer.js.map

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

@@ -3,18 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsUtilities = require('@elliemae/ds-utilities');
-var plugins_columnSizing_columnMeasurerTransformer = require('../columnMeasurerTransformer.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
+var columnMeasurerTransformer = require('../columnMeasurerTransformer.js');
 
 function decorateColumn(column, grid, index) {
-  var transformsPath = ['header', 'transforms'];
-  var transforms = dsUtilities.get(column, transformsPath, []);
-  transforms.push(plugins_columnSizing_columnMeasurerTransformer.columnMeasurerTransformer(grid.columnSizeService));
+  const transformsPath = ['header', 'transforms'];
+  const transforms = dsUtilities.get(column, transformsPath, []);
+  transforms.push(columnMeasurerTransformer.columnMeasurerTransformer(grid.columnSizeService));
   column.index = index;
   dsUtilities.set(column, transformsPath, transforms);
   return column;
 }
 
 exports.decorateColumn = decorateColumn;
-//# sourceMappingURL=decorateColumn.js.map

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

@@ -3,38 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 plugins_columnSizing_utils = require('../utils.js');
+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);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function getTableProps(tableProps, _ref) {
-  var refs = _ref.refs,
-      tableRef = _ref.tableRef,
-      bodyWidth = _ref.bodyWidth,
-      scrollbarWidth = _ref.scrollbarWidth,
-      isDragging = _ref.isDragging,
-      columnSizeService = _ref.columnSizeService,
-      updateRowWidth = _ref.updateRowWidth,
-      columns = _ref.columns;
-
-  var _useState = React.useState(),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      tableNode = _useState2[0],
-      tableRefCallback = _useState2[1];
-
-  dsUtilities.useResizeObserver(function (_ref2) {
-    var width = _ref2.width;
+  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 = plugins_columnSizing_utils.getScrollbarSizeFromHeaderAndBody(refs);
+    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`
@@ -44,7 +47,7 @@ function getTableProps(tableProps, _ref) {
     columnSizeService.updateMissingWidths(width);
     updateRowWidth(width);
   }, tableNode);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (tableNode) {
       columnSizeService.updateMissingWidths(tableNode.clientWidth);
       updateRowWidth(tableNode.clientWidth);
@@ -58,4 +61,3 @@ function getTableProps(tableProps, _ref) {
 }
 
 exports.getTableProps = getTableProps;
-//# sourceMappingURL=getTableProps.js.map

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

@@ -1,8 +1,9 @@
 'use strict';
 
+require('core-js/modules/es.string.replace.js');
+
 function getColumnFromProperty(property) {
   return property && property.replace(/\./g, '-');
 }
 
 module.exports = getColumnFromProperty;
-//# sourceMappingURL=getColumnNameFromProperty.js.map

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

@@ -2,23 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_columnSizing_ColumnSizingPlugin = require('./ColumnSizingPlugin.js');
-require('react');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./useStylesheetHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('stylesheet-helpers');
-require('./getColumnNameFromProperty.js');
-require('../../utilities/getScrollbarSize.js');
-require('./useColumnSizeService.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./utils.js');
-require('./ext-points/getTableProps.js');
-require('./ext-points/decorateColumn.js');
-require('./columnMeasurerTransformer.js');
+var ColumnSizingPlugin = require('./ColumnSizingPlugin.js');
 
 
 
-exports.ColumnSizingPlugin = plugins_columnSizing_ColumnSizingPlugin.ColumnSizingPlugin;
-//# sourceMappingURL=index.js.map
+exports.ColumnSizingPlugin = ColumnSizingPlugin.ColumnSizingPlugin;