@elliemae/ds-datagrids 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -2,11 +2,16 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var ScrollSync = require('@elliemae/ds-shared/ScrollSync');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var getScrollbarSize = require('../../utilities/getScrollbarSize.js');
@@ -26,13 +31,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 getScrollbarSize.getScrollbarWidth(2);
 
-const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {}, void 0, ({
-  registerPane
-}) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-  innerRef: system.mergeRefs(props.innerRef, registerPane)
-})));
+const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {}, void 0, _ref => {
+  let {
+    registerPane
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: dsUtilities.mergeRefs(props.innerRef, registerPane)
+  }));
+});
 
-const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
+const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
   let {
     children,
     classProps,
@@ -55,14 +63,14 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
     useDragHandle,
     className,
     listComponent
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const t = React.useRef();
 
   const repositionToolbarBasedOnBodyScrollPosition = SCROLLBAR_WIDTH => () => {
-    grid.refs.body.current.style.setProperty('--toolbar-scroll', `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`);
-    grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`);
+    grid.refs.body.current.style.setProperty('--toolbar-scroll', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15, "px"));
+    grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19, "px"));
   };
 
   React.useEffect(() => {
@@ -76,39 +84,42 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
   });
   return /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {
     notPaginated: notPaginated
-  }, void 0, ({
-    registerPane
-  }) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
-    ref: t,
-    classProps: classProps,
-    className: className,
-    listComponent: listComponent,
-    columns: columns,
-    getContainer: getContainer,
-    helperClass: helperClass,
-    innerBodyRef: innerBodyRef // innerRef={innerRef}
-    ,
-    isPlaceholderActive: isPlaceholderActive,
-    listProps: listProps,
-    lockAxis: lockAxis,
-    noResultsPlaceholder: noResultsPlaceholder,
-    numRowsVisible: numRowsVisible,
-    onSortEnd: onSortEnd,
-    onSortOver: onSortOver,
-    onSortStart: onSortStart,
-    rowKey: rowKey,
-    rowRenderer: rowRenderer,
-    rows: rows,
-    useDragHandle: useDragHandle,
-    innerRef: system.mergeRefs(innerRef, registerPane, t)
-  }, rest)));
+  }, void 0, _ref3 => {
+    let {
+      registerPane
+    } = _ref3;
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
+      ref: t,
+      classProps: classProps,
+      className: className,
+      listComponent: listComponent,
+      columns: columns,
+      getContainer: getContainer,
+      helperClass: helperClass,
+      innerBodyRef: innerBodyRef // innerRef={innerRef}
+      ,
+      isPlaceholderActive: isPlaceholderActive,
+      listProps: listProps,
+      lockAxis: lockAxis,
+      noResultsPlaceholder: noResultsPlaceholder,
+      numRowsVisible: numRowsVisible,
+      onSortEnd: onSortEnd,
+      onSortOver: onSortOver,
+      onSortStart: onSortStart,
+      rowKey: rowKey,
+      rowRenderer: rowRenderer,
+      rows: rows,
+      useDragHandle: useDragHandle,
+      innerRef: dsUtilities.mergeRefs(innerRef, registerPane, t)
+    }, rest));
+  });
 };
 
 const TableSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSync, {
   proportional: false,
   onScroll: e => {
-    e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
-    e.target.style.setProperty('--toolbar-scroll-paginated', `${e.target.offsetWidth + e.target.scrollLeft - 19}px`);
+    e.target.style.setProperty('--toolbar-scroll', "".concat(e.target.offsetWidth + e.target.scrollLeft - 15, "px"));
+    e.target.style.setProperty('--toolbar-scroll-paginated', "".concat(e.target.offsetWidth + e.target.scrollLeft - 19, "px"));
   }
 }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
 

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

@@ -3,10 +3,14 @@
 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 utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
+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');
@@ -54,13 +58,13 @@ const getHeaderRowProps = (props, grid) => {
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
       transitionDuration: '300ms',
-      transform: `translate3d(${columnTranslate}px, 0, 0)`
+      transform: "translate3d(".concat(columnTranslate, "px, 0, 0)")
     });
     oldColumn.updateStyle({
       transitionDuration: '300ms',
-      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
+      transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
     });
-    sortedColumns.current = utils.arrayMove(sortedColumns.current, oldIndex, newIndex);
+    sortedColumns.current = dsUtilities.arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);
   };
 
@@ -99,7 +103,7 @@ const getHeaderRowProps = (props, grid) => {
   return {
     axis: 'x',
     helperClass: 'header-dnd-column',
-    innerRef: system.mergeRefs(props.innerRef, headerRowRef),
+    innerRef: dsUtilities.mergeRefs(props.innerRef, headerRowRef),
     lockAxis: 'x',
     onSortEnd,
     onSortOver,
@@ -111,7 +115,7 @@ const getHeaderRowProps = (props, grid) => {
 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({}, utils.omit(props, keysToOmit)))), []);
+  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), {}, {

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

@@ -5,17 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactSortableHoc = require('react-sortable-hoc');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+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__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
 var _GripperVertical, _DragHandle;
-const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
+const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
   className: "drag-handle"
 })));
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var useStylesheetHelpers = require('./useStylesheetHelpers.js');
 var useColumnSizeService = require('./useColumnSizeService.js');
@@ -16,17 +16,19 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 /* eslint-disable no-param-reassign */
 
-const getHeaderRowProps = (rowProps, {
-  rowsStylesheet
-}) => {
-  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
+const getHeaderRowProps = (rowProps, _ref) => {
+  let {
+    rowsStylesheet
+  } = _ref;
+  rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
   return rowProps;
 };
 
-const getRowProps = (rowProps, {
-  rowsStylesheet
-}) => {
-  rowProps.className = utils.cx(rowProps.className, rowsStylesheet.getRowClassName());
+const getRowProps = (rowProps, _ref2) => {
+  let {
+    rowsStylesheet
+  } = _ref2;
+  rowProps.className = dsUtilities.cx(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };
 

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

@@ -2,9 +2,14 @@
 
 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 system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,10 +18,12 @@ 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; }
-const columnMeasurerTransformer = columnSizeService => (value, {
-  column,
-  grid
-}, props = {}) => {
+const columnMeasurerTransformer = columnSizeService => function (value, _ref) {
+  let {
+    column,
+    grid
+  } = _ref;
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const {
     registerColumn
   } = columnSizeService;
@@ -60,7 +67,7 @@ const columnMeasurerTransformer = columnSizeService => (value, {
     }
   });
   return _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: system.mergeRefs(cellRef, props.innerRef, registerColumn(column))
+    innerRef: dsUtilities.mergeRefs(cellRef, props.innerRef, registerColumn(column))
   });
 };
 

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var columnMeasurerTransformer = require('../columnMeasurerTransformer.js');
 
 function decorateColumn(column, grid, index) {
   const transformsPath = ['header', 'transforms'];
-  const transforms = utils.get(column, transformsPath, []);
+  const transforms = dsUtilities.get(column, transformsPath, []);
   transforms.push(columnMeasurerTransformer.columnMeasurerTransformer(grid.columnSizeService));
   column.index = index;
-  utils.set(column, transformsPath, transforms);
+  dsUtilities.set(column, transformsPath, transforms);
   return column;
 }
 

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

@@ -3,33 +3,39 @@
 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 useResizeObserver = require('@elliemae/ds-utilities/hooks/useResizeObserver');
-var system = require('@elliemae/ds-utilities/system');
+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);
-var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 
 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 getTableProps(tableProps, {
-  refs,
-  tableRef,
-  bodyWidth,
-  scrollbarWidth,
-  isDragging,
-  columnSizeService,
-  updateRowWidth,
-  columns
-}) {
+function getTableProps(tableProps, _ref) {
+  let {
+    refs,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    isDragging,
+    columnSizeService,
+    updateRowWidth,
+    columns
+  } = _ref;
   const [tableNode, tableRefCallback] = React.useState();
-  useResizeObserver__default["default"](({
-    width
-  }) => {
+  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)
@@ -50,7 +56,7 @@ function getTableProps(tableProps, {
     if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.clientWidth;
   }, [columns, tableNode]);
   return _objectSpread(_objectSpread({}, tableProps), {}, {
-    innerRef: system.mergeRefs(tableRefCallback, tableProps.innerRef, tableRef)
+    innerRef: dsUtilities.mergeRefs(tableRefCallback, tableProps.innerRef, tableRef)
   });
 }
 

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

@@ -1,6 +1,16 @@
 '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');
 
@@ -47,7 +57,7 @@ function useColumnSizeService(instance) {
     const columnsArray = Object.values(columns.current);
     columnsArray.forEach(column => {
       const columnOffsetWidth = column.node.offsetWidth;
-      column.updateBodyHeaderWidth(`${columnOffsetWidth}px`, `${columnOffsetWidth}px`);
+      column.updateBodyHeaderWidth("".concat(columnOffsetWidth, "px"), "".concat(columnOffsetWidth, "px"));
     });
   };
 
@@ -101,7 +111,7 @@ function useColumnSizeService(instance) {
 
       if (percentValue) {
         const pxs = gridWidth * percentValue / 100;
-        const pxWidths = `${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;
 
@@ -114,7 +124,7 @@ function useColumnSizeService(instance) {
         const percentWidth = columnFixWidth / gridWidth * 100;
         const pxs = gridWidth * percentWidth / 100;
         const actualWidthAfterChecks = utils.getColumnWidthSize(pxs, minColumnWidth, column);
-        column.updateBodyHeaderWidth(`${actualWidthAfterChecks}px`, column.minWidth || minColumnWidth ? `${column.minWidth || minColumnWidth}px` : `${pxs}px`);
+        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;
       }

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

@@ -2,9 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 var stylesheet = require('stylesheet-helpers');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var getColumnNameFromProperty = require('./getColumnNameFromProperty.js');
 var getScrollbarSize = require('../../utilities/getScrollbarSize.js');
 
@@ -28,19 +31,19 @@ function _interopNamespace(e) {
 
 var stylesheet__namespace = /*#__PURE__*/_interopNamespace(stylesheet);
 
-/* eslint-disable no-param-reassign */
 const SCROLLBAR_WIDTH = getScrollbarSize.getScrollbarWidth();
-const RowStylesheetHelper = ({
-  grid,
-  className
-}) => {
+const RowStylesheetHelper = _ref => {
+  let {
+    grid,
+    className
+  } = _ref;
   const {
     styleSheet,
     styleSheetElement
   } = stylesheet__namespace.create();
 
   const update = width => {
-    const widths = typeof width === 'string' ? width : `${width}px`;
+    const widths = typeof width === 'string' ? width : "".concat(width, "px");
     stylesheet__namespace.updateProperties(window, styleSheet, className, width ? {
       width: widths,
       minWidth: widths,
@@ -53,8 +56,8 @@ const RowStylesheetHelper = ({
     const {
       hasScroll
     } = grid.getState();
-    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;
-    stylesheet__namespace.updateProperties(window, styleSheet, `${className}-header`, width ? {
+    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
+    stylesheet__namespace.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
       width: headerWidth,
       minWidth: headerWidth,
       maxWidth: headerWidth
@@ -76,58 +79,68 @@ const RowStylesheetHelper = ({
   };
 };
 
-const getColumnClassName = ({
-  globalId,
-  column,
-  isHeader = false,
-  getId
-}) => `column-${globalId}-${getId(column)}${isHeader ? '-header' : ''}`;
-
-function setWidth({
-  styleSheet,
-  className,
-  width,
-  minWidth
-}) {
+const getColumnClassName = _ref2 => {
+  let {
+    globalId,
+    column,
+    isHeader = false,
+    getId
+  } = _ref2;
+  return "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
+};
+
+function setWidth(_ref3) {
+  let {
+    styleSheet,
+    className,
+    width,
+    minWidth
+  } = _ref3;
   let widths;
   if (typeof width === 'string') widths = width;
-  if (typeof width === 'number') widths = `${width}px`;
+  if (typeof width === 'number') widths = "".concat(width, "px");
   let minWidths;
   if (typeof minWidth === 'string') minWidths = minWidth;
-  if (typeof minWidth === 'number') minWidths = `${minWidth}px`;
+  if (typeof minWidth === 'number') minWidths = "".concat(minWidth, "px");
   stylesheet__namespace.updateProperties(window, styleSheet, className, {
-    width: `${widths || minWidths}`,
-    minWidth: `${widths || minWidths}`,
+    width: "".concat(widths || minWidths),
+    minWidth: "".concat(widths || minWidths),
     // minWidth: `${minWidths || widths}`,
-    maxWidth: `${widths || minWidths}`
+    maxWidth: "".concat(widths || minWidths)
   });
 }
 
-function updateStyle({
-  styleSheet,
-  className,
-  style
-}) {
+function updateStyle(_ref4) {
+  let {
+    styleSheet,
+    className,
+    style
+  } = _ref4;
   stylesheet__namespace.updateProperties(window, styleSheet, className, style);
 }
 
-function columnSizesHelperImpl({
-  globalId,
-  getId = ({
-    property
-  }) => getColumnNameFromProperty(property)
-}) {
+function columnSizesHelperImpl(_ref5) {
+  let {
+    globalId,
+    getId = _ref6 => {
+      let {
+        property
+      } = _ref6;
+      return getColumnNameFromProperty(property);
+    }
+  } = _ref5;
   const {
     styleSheetElement,
     styleSheet
   } = stylesheet__namespace.create();
 
-  const updateBodyHeaderWidth = ({
-    className,
-    headerClassName,
-    width,
-    minWidth
-  }) => {
+  const updateBodyHeaderWidth = _ref7 => {
+    let {
+      className,
+      headerClassName,
+      width,
+      minWidth
+    } = _ref7;
     setWidth({
       styleSheet,
       className,
@@ -156,9 +169,9 @@ function columnSizesHelperImpl({
           getId,
           column
         });
-        const headerClassName = `${cellClassName}-header`;
-        utils.set(column, 'header.props.className', headerClassName);
-        utils.set(column, 'cell.props.className', cellClassName);
+        const headerClassName = "".concat(cellClassName, "-header");
+        dsUtilities.set(column, 'header.props.className', headerClassName);
+        dsUtilities.set(column, 'cell.props.className', cellClassName);
 
         column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
@@ -211,11 +224,11 @@ function columnSizesHelperImpl({
     },
 
     getColumnHeaderClassName(column) {
-      return `${getColumnClassName({
+      return "".concat(getColumnClassName({
         globalId,
         getId,
         column
-      })}-header`;
+      }), "-header");
     },
 
     cleanup() {
@@ -234,11 +247,14 @@ function useStylesheetHelpers(grid) {
   } = grid;
   const [columnsStylesheet] = React.useState(() => columnSizesHelperImpl({
     globalId: bindColumnsSizeTo || grid.uuid,
-    getId: ({
-      uuid
-    }) => getColumnNameFromProperty(uuid)
+    getId: _ref8 => {
+      let {
+        uuid
+      } = _ref8;
+      return getColumnNameFromProperty(uuid);
+    }
   }));
-  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;
+  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
   const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({
     grid,
     className: rowClassName

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

@@ -2,11 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+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');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  const innerBodyOffsetWidth = utils.get(refs, ['innerBody', 'current', 'offsetWidth']);
-  const headerOffsetWidth = utils.get(refs, ['header', 'current', 'offsetWidth']);
+  const innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
+  const headerOffsetWidth = dsUtilities.get(refs, ['header', 'current', 'offsetWidth']);
   return headerOffsetWidth - innerBodyOffsetWidth;
 }
 const isScrollbarVisible = element => element.scrollHeight > element.clientHeight;
@@ -25,9 +28,10 @@ const getColumnWidthSize = (width, minWidth, column) => {
 };
 const calculateMinWidthForWrappedText = columns => {
   let longestWord = 0;
-  columns.forEach(({
-    label
-  }) => {
+  columns.forEach(_ref => {
+    let {
+      label
+    } = _ref;
     const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;
     if (localLongestWord > longestWord) longestWord = localLongestWord;
   });