@elliemae/ds-datagrids 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/components/TableBody.js

@@ -1,5 +1,10 @@
 'use strict';
 
+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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
@@ -16,7 +21,7 @@ const _excluded = ["rows", "noResultsPlaceholder", "isPlaceholderActive"];
 
 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 TableBody(_ref) {
   let {
@@ -24,7 +29,7 @@ function TableBody(_ref) {
     noResultsPlaceholder = 'No data',
     isPlaceholderActive = false
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const {
     refs,
@@ -59,6 +64,6 @@ function TableBody(_ref) {
   }));
 }
 
-var TableBody$1 = /*#__PURE__*/React__default['default'].memo(TableBody);
+var TableBody$1 = /*#__PURE__*/React__default["default"].memo(TableBody);
 
 module.exports = TableBody$1;

package/cjs/components/TableHeader.js

@@ -1,5 +1,10 @@
 'use strict';
 
+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 tableContext = require('./tableContext.js');
@@ -11,7 +16,7 @@ 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; }
+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 TableHeader(props) {
   const {

package/cjs/components/footer/addOptionalFooterComponents.js

@@ -9,10 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const addOptionalFooterComponents = ({
-  grid,
-  rows
-}) => {
+const addOptionalFooterComponents = _ref => {
+  let {
+    grid,
+    rows
+  } = _ref;
   const {
     props: {
       maxPerPage,
@@ -30,7 +31,7 @@ const addOptionalFooterComponents = ({
   } = grid;
   if (!paginated) return null;
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default['default'](Pagination.Pagination, {
+    children: /*#__PURE__*/_jsx__default["default"](Pagination.Pagination, {
       maxPerPage: maxPerPage,
       minPerPage: minPerPage,
       onPageSelect: onPageSelect,

package/cjs/components/header/PrimaryControls.js

@@ -2,30 +2,35 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 const blockName = 'data-grid';
 const Container = dsClassnames.aggregatedClasses('div')(blockName, 'controls');
 const SearchContainer = dsClassnames.aggregatedClasses('div')(blockName, 'search-container');
 
-const PrimaryControls = ({
-  onAddFilter = () => null
-}) => /*#__PURE__*/_jsx__default['default'](Container, {}, void 0, /*#__PURE__*/_jsx__default['default'](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSSearchBox__default['default'], {
-  onSearch: ({
-    property,
-    value
-  }) => onAddFilter({
-    filterId: property,
-    label: 'All',
-    value
-  }),
-  placeholder: "Search all"
-})));
+const PrimaryControls = _ref => {
+  let {
+    onAddFilter = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
+    onSearch: _ref2 => {
+      let {
+        property,
+        value
+      } = _ref2;
+      return onAddFilter({
+        filterId: property,
+        label: 'All',
+        value
+      });
+    },
+    placeholder: "Search all"
+  })));
+};
 
 module.exports = PrimaryControls;

package/cjs/components/header/addOptionalHeaderComponents.js

@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSFilterBar__default = /*#__PURE__*/_interopDefaultLegacy(DSFilterBar);
 
-const addOptionalHeaderComponents = ({
-  grid
-}) => {
+const addOptionalHeaderComponents = _ref => {
+  let {
+    grid
+  } = _ref;
   const {
     props: {
       showFilterBar,
@@ -32,7 +33,7 @@ const addOptionalHeaderComponents = ({
     minWidth
   } = filterBarOptions || {};
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: filters && !!filters.length && showFilterBar && /*#__PURE__*/_jsx__default['default'](DSFilterBar__default['default'], {
+    children: filters && !!filters.length && showFilterBar && /*#__PURE__*/_jsx__default["default"](DSFilterBar__default["default"], {
       filters: filters,
       maxWidth: maxWidth,
       minWidth: minWidth,

package/cjs/components/renderers/defaultClassedRenderers.js

@@ -5,35 +5,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
 
-const NoResultsContainer = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-no-results`);
-const SpinnerContainer = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-spinner`);
-const DatagridWrapper = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-wrapper`, null, ({
-  fluidHeight
-}) => ({
-  fluid: fluidHeight
-}));
+const NoResultsContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-no-results"));
+const SpinnerContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-spinner"));
+const DatagridWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-wrapper"), null, _ref => {
+  let {
+    fluidHeight
+  } = _ref;
+  return {
+    fluid: fluidHeight
+  };
+});
 const TableWrapper = dsClassnames.aggregatedClasses('div')(blockNames.dataGridBlockName);
 const HeaderWrapper = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName);
 const HeaderRow = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'row');
-const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', ({
-  wrapText
-}) => ({
-  wrapText
-}));
-const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, ({
-  grouped
-}) => ({
-  'ie-flex-basis-auto': true,
-  'is-grouped': grouped
-}));
+const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', _ref2 => {
+  let {
+    wrapText
+  } = _ref2;
+  return {
+    wrapText
+  };
+});
+const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, _ref3 => {
+  let {
+    grouped
+  } = _ref3;
+  return {
+    'ie-flex-basis-auto': true,
+    'is-grouped': grouped
+  };
+});
 const BodyRow = dsClassnames.aggregatedClasses('div', {
   'data-testid': 'datagrid-row'
 })(blockNames.bodyBlockName, 'row');
-const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', ({
-  wrapText
-}) => ({
-  wrapText
-}));
+const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', _ref4 => {
+  let {
+    wrapText
+  } = _ref4;
+  return {
+    wrapText
+  };
+});
 
 exports.BodyCell = BodyCell;
 exports.BodyRow = BodyRow;

package/cjs/components/renderers/renderRowsLoader.js

@@ -12,7 +12,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 var _RowsLoader;
 function renderRowsLoader() {
-  return _RowsLoader || (_RowsLoader = /*#__PURE__*/_jsx__default['default'](RowsLoader, {}));
+  return _RowsLoader || (_RowsLoader = /*#__PURE__*/_jsx__default["default"](RowsLoader, {}));
 }
 
 exports.renderRowsLoader = renderRowsLoader;

package/cjs/components/tableContext.js

@@ -8,6 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const TableContext = /*#__PURE__*/React__default['default'].createContext();
+const TableContext = /*#__PURE__*/React__default["default"].createContext();
 
 exports.TableContext = TableContext;

package/cjs/index.js

@@ -32,7 +32,7 @@ var styled = require('./renders/styled.js');
 
 
 
-exports.DSDataGrid = DSDataGrid['default'];
+exports.DSDataGrid = DSDataGrid["default"];
 exports.DSDataGridsWithSchema = DSDataGrid.DSDataGridsWithSchema;
 exports.ColumnsOptionsMenuSection = ColumnsOptionsMenuSection;
 exports.getColumnVisibilityMenuOption = ColumnVisibilityMenuOption.getColumnVisibilityMenuOption;

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');
@@ -23,16 +28,19 @@ const _excluded = ["children", "classProps", "columns", "getContainer", "helperC
 
 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; }
 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(() => {
@@ -74,41 +82,44 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
       window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
     };
   });
-  return /*#__PURE__*/_jsx__default['default'](ScrollSync.ScrollSyncPane, {
+  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, {
+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)));
 
@@ -125,7 +136,7 @@ const decorateRenderers = (renderers, grid) => {
   return renderers;
 };
 
-const BodyHeaderScrollSyncPlugin = createInstancePlugin__default['default']('body-header-scroll-sync', {
+const BodyHeaderScrollSyncPlugin = createInstancePlugin__default["default"]('body-header-scroll-sync', {
   decorateRenderers
 });
 

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');
@@ -18,7 +22,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 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; }
 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;
@@ -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), {}, {
@@ -121,7 +125,7 @@ const decorateRenderers = renderers => {
   });
 };
 
-const DndColumnsPlugin = createInstancePlugin__default['default']('dnd-columns', {
+const DndColumnsPlugin = createInstancePlugin__default["default"]('dnd-columns', {
   getHeaderRowProps,
   decorateColumn,
   decorateRenderers

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

@@ -5,22 +5,21 @@ 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"
 })));
 
 const DndHeaderFormatter = value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default['default'](DragHandle, {})), value]
+  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {})), value]
 });
 
 const addDragAndDropToColumn = (grid, column) => {

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;
 };
 
@@ -74,7 +76,7 @@ const decorateGrid = grid => {
   };
 };
 
-const ColumnSizingPlugin = createInstancePlugin__default['default']('column-sizing', {
+const ColumnSizingPlugin = createInstancePlugin__default["default"]('column-sizing', {
   decorateGrid,
   decorateColumn: decorateColumn.decorateColumn,
   getRowProps,

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 }; }
 
@@ -12,11 +17,13 @@ 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 = {}) => {
+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;
@@ -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;
 }