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

package/cjs/plugins/sortable/useSortableState.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var sortabular = require('sortabular/dist');
-var dsUtilities = require('@elliemae/ds-utilities');
-var plugins_sortable_checkIfSortable = require('./checkIfSortable.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var sortabular = require('sortabular/dist/index.js');
+var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
+var checkIfSortable = require('./checkIfSortable.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,64 +26,57 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
+var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 
 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 useSortableState(grid) {
-  var _grid$props = grid.props,
-      onSort = _grid$props.onSort,
-      sortingColumnsProp = _grid$props.sortingColumns,
-      pagination = _grid$props.pagination;
+  const {
+    onSort,
+    sortingColumns: sortingColumnsProp,
+    pagination
+  } = grid.props;
+  const [sortingColumns, setSortingColumns] = useDerivedStateFromProps__default["default"](sortingColumnsProp);
 
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(sortingColumnsProp),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      sortingColumns = _useDerivedStateFromP2[0],
-      setSortingColumns = _useDerivedStateFromP2[1];
-
-  var handleSort = function handleSort(selectedColumn) {
+  const handleSort = selectedColumn => {
     // support for pagination
-    var _grid$getInstance = grid.getInstance(),
-        _grid$getInstance$com = _grid$getInstance.composedRows,
-        composedRows = _grid$getInstance$com === void 0 ? {} : _grid$getInstance$com,
-        props = _grid$getInstance.props;
-
-    var allRows = composedRows.allRows,
-        rows = composedRows.rows;
-    var serverSidePagination = pagination && composedRows.amount !== (composedRows.rows && composedRows.rows.length);
+    const {
+      composedRows = {},
+      props
+    } = grid.getInstance();
+    const {
+      allRows,
+      rows
+    } = composedRows;
+    const serverSidePagination = pagination && composedRows.amount !== (composedRows.rows && composedRows.rows.length);
 
-    if (props.serverSideData || serverSidePagination || plugins_sortable_checkIfSortable.checkIfSortable(selectedColumn, allRows || rows || composedRows)) {
-      setSortingColumns(function (prevSortingColumns) {
-        var nextSortingColumns = sortabular__namespace.byColumn({
+    if (props.serverSideData || serverSidePagination || checkIfSortable.checkIfSortable(selectedColumn, allRows || rows || composedRows)) {
+      setSortingColumns(prevSortingColumns => {
+        const nextSortingColumns = sortabular__namespace.byColumn({
           sortingColumns: prevSortingColumns,
           sortingOrder: {
             FIRST: 'asc',
             asc: 'desc',
             desc: 'asc'
           },
-          selectedColumn: selectedColumn
-        });
-
-        var _grid$getInstance2 = grid.getInstance(),
-            columns = _grid$getInstance2.columns;
-
-        var columnSorted = columns.find(function (col) {
-          return col.property === selectedColumn;
+          selectedColumn
         });
+        const {
+          columns
+        } = grid.getInstance();
+        let columnSorted = columns.find(col => col.property === selectedColumn);
         columnSorted = _objectSpread(_objectSpread({}, columnSorted), {}, {
           originalProperty: columnSorted.property
         });
@@ -88,7 +88,7 @@ function useSortableState(grid) {
 
   return {
     state: {
-      sortingColumns: sortingColumns
+      sortingColumns
     },
     actions: {
       sort: handleSort
@@ -97,4 +97,3 @@ function useSortableState(grid) {
 }
 
 exports.useSortableState = useSortableState;
-//# sourceMappingURL=useSortableState.js.map

package/cjs/plugins/toolbar/RowRenderer.js

@@ -2,63 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 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 PropTypes = require('prop-types');
 var lodash = require('lodash');
 var dsUtilities = require('@elliemae/ds-utilities');
-var plugins_toolbar_ToolbarTrigger = require('./ToolbarTrigger.js');
+var ToolbarTrigger = require('./ToolbarTrigger.js');
 var rowSizes = require('../../rowSizes.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 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 RowRenderer = function RowRenderer(Row, grid) {
-  var Wrapped = function Wrapped(props) {
-    var ref = React.useRef();
-    var _props$rowData = props.rowData,
-        rowData = _props$rowData === void 0 ? {} : _props$rowData,
-        index = props.index,
-        rowIndex = props.rowIndex,
-        style = props.style;
-
-    var _grid$getInstance = grid.getInstance(),
-        wrapText = _grid$getInstance.props.wrapText;
-
-    var _useState = React.useState({}),
-        _useState2 = _slicedToArray__default['default'](_useState, 2),
-        popStyle = _useState2[0],
-        setPopStyle = _useState2[1];
-
-    var _useState3 = React.useState(style),
-        _useState4 = _slicedToArray__default['default'](_useState3, 2),
-        rowStyle = _useState4[0],
-        setRowStyle = _useState4[1];
-
-    var gridInstance = grid.getInstance();
-    var refs = gridInstance.refs,
-        isRowDragging = gridInstance.isRowDragging;
-
-    var _useState5 = React.useState(refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth),
-        _useState6 = _slicedToArray__default['default'](_useState5, 2),
-        hasVerticalScrollBar = _useState6[0],
-        setHasVerticalScrollBar = _useState6[1];
-
-    React.useEffect(function () {
-      var shouldOmit = isRowDragging ? ['top'] : [];
+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 RowRenderer = (Row, grid) => {
+  const Wrapped = props => {
+    const ref = React.useRef();
+    const {
+      rowData = {},
+      index,
+      rowIndex,
+      style
+    } = props;
+    const {
+      props: {
+        wrapText
+      }
+    } = grid.getInstance();
+    const [popStyle, setPopStyle] = React.useState({});
+    const [rowStyle, setRowStyle] = React.useState(style);
+    const gridInstance = grid.getInstance();
+    const {
+      refs,
+      isRowDragging
+    } = gridInstance;
+    const [hasVerticalScrollBar, setHasVerticalScrollBar] = React.useState(refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth);
+    React.useEffect(() => {
+      const shouldOmit = isRowDragging ? ['top'] : [];
       setPopStyle(_objectSpread(_objectSpread({}, popStyle), {
         top: style && !isRowDragging ? style.top : '0'
       }));
@@ -75,40 +65,33 @@ var RowRenderer = function RowRenderer(Row, grid) {
         position: 'relative'
       }, [shouldOmit]));
     }, [style, isRowDragging]);
-    return /*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/_jsx__default["default"]("div", {
       className: "row-renderer-fixed-height",
       style: {
         height: !wrapText ? rowSizes.RowSizes[gridInstance.props.rowSize] : 'auto',
         position: style ? 'auto' : 'relative' // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',
 
       }
-    }, /*#__PURE__*/React__default['default'].createElement(Row, _extends__default['default']({
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread(_objectSpread({
       ref: ref
-    }, props, {
+    }, props), {}, {
       style: rowStyle
-    })), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/React__default['default'].createElement("div", {
+    })), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx__default["default"]("div", {
       className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
       style: _objectSpread({}, popStyle)
-    }, /*#__PURE__*/React__default['default'].createElement(plugins_toolbar_ToolbarTrigger.ToolbarTrigger, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarTrigger.ToolbarTrigger, {
       grid: grid,
       rowData: {
-        rowData: rowData,
-        index: index,
-        rowIndex: rowIndex
+        rowData,
+        index,
+        rowIndex
       },
       hasScrollBar: hasVerticalScrollBar,
       rowRef: ref
     })));
   };
 
-  Wrapped.propTypes = {
-    rowData: PropTypes__default['default'].any,
-    index: PropTypes__default['default'].number,
-    rowIndex: PropTypes__default['default'].number,
-    style: PropTypes__default['default'].any
-  };
   return Wrapped;
 };
 
 exports.RowRenderer = RowRenderer;
-//# sourceMappingURL=RowRenderer.js.map

package/cjs/plugins/toolbar/ToolbarPlugin.js

@@ -2,52 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('react');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var plugins_toolbar_RowRenderer = require('./RowRenderer.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('lodash');
-require('@elliemae/ds-utilities');
-require('./ToolbarTrigger.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('../../rowSizes.js');
+var RowRenderer = require('./RowRenderer.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var decorateColumns = function decorateColumns(columns) {
-  var lastColumn = columns[columns.length - 1];
-  return [].concat(_toConsumableArray__default['default'](columns.slice(0, -1)), [initColumnDefinition.appendCellFormatter([function (value) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, value, /*#__PURE__*/React__default['default'].createElement("div", {
+const decorateColumns = columns => {
+  const lastColumn = columns[columns.length - 1];
+  return [...columns.slice(0, -1), initColumnDefinition.appendCellFormatter([value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [value, /*#__PURE__*/_jsx__default["default"]("div", {
       style: {
         width: 34,
         maxWidth: 34,
         overflow: 'hidden'
       }
-    }));
-  }], lastColumn, 'fixedFormatters')]);
+    })]
+  })], lastColumn, 'fixedFormatters')];
 };
 
-var decorateRenderers = function decorateRenderers(renderers, grid) {
-  var Row = renderers.body.row;
-  renderers.body.row = plugins_toolbar_RowRenderer.RowRenderer(Row, grid);
+const decorateRenderers = (renderers, grid) => {
+  const Row = renderers.body.row;
+  renderers.body.row = RowRenderer.RowRenderer(Row, grid);
   return renderers;
 };
 
-var ToolbarPlugin = createInstancePlugin__default['default']('toolbar', {
-  decorateRenderers: decorateRenderers,
-  decorateColumns: decorateColumns
+const ToolbarPlugin = createInstancePlugin__default["default"]('toolbar', {
+  decorateRenderers,
+  decorateColumns
 });
 
 exports.ToolbarPlugin = ToolbarPlugin;
-//# sourceMappingURL=ToolbarPlugin.js.map

package/cjs/plugins/toolbar/ToolbarTrigger.js

@@ -2,8 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 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 styled = require('styled-components');
 var DSButton = require('@elliemae/ds-button');
@@ -11,87 +17,70 @@ var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
+var _MoreOptionsVert;
+
 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 ToolbarBtns = /*#__PURE__*/styled__default['default'].div.withConfig({
+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 ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pm75g5-0"
 })(["& > .em-ds-toolbar{box-shadow:none;}"]);
-var ToolbarWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ToolbarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pm75g5-1"
-})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], function (props) {
-  return props.rowSize === 'normal' ? '36px' : '28px';
-}, function (props) {
-  return props.hasScrollBar ? '0' : '-10px';
-}, function (props) {
-  return props.showShadow ? "box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);" : '';
-});
-var ToolbarPosition = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? "box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);" : '');
+const ToolbarPosition = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pm75g5-2"
-})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], function (props) {
-  return props.rowRef.current ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px';
-}, function (props) {
-  return props.rowSize === 'normal' ? '0' : '0';
-}); // eslint-disable-next-line react/prop-types
-
-var ToolbarTrigger = function ToolbarTrigger(_ref) {
-  var grid = _ref.grid,
-      rowData = _ref.rowData,
-      hasScrollBar = _ref.hasScrollBar,
-      rowRef = _ref.rowRef;
+})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
 
-  var _grid$getInstance = grid.getInstance(),
-      _grid$getInstance$pro = _grid$getInstance.props,
-      renderToolbar = _grid$getInstance$pro.renderToolbar,
-      rowSize = _grid$getInstance$pro.rowSize;
+const ToolbarTrigger = _ref => {
+  let {
+    grid,
+    rowData,
+    hasScrollBar,
+    rowRef
+  } = _ref;
+  const {
+    props: {
+      renderToolbar,
+      rowSize
+    } // eslint-disable-next-line react/prop-types
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
+  } = grid.getInstance();
+  const [show, setShow] = React.useState(false);
   /* eslint-disable indent */
 
-
-  var toolbar = show ? renderToolbar(_objectSpread(_objectSpread({}, rowData), {}, {
+  const toolbar = show ? renderToolbar(_objectSpread(_objectSpread({}, rowData), {}, {
     size: rowSize,
     isToolbarShown: show,
     setToolbarShow: setShow
   })) : null;
   /* eslint-enable indent */
 
-  return /*#__PURE__*/React__default['default'].createElement(ToolbarPosition, {
+  return /*#__PURE__*/_jsx__default["default"](ToolbarPosition, {
     rowSize: rowSize,
     rowRef: rowRef
-  }, /*#__PURE__*/React__default['default'].createElement(ToolbarWrapper, {
-    onMouseEnter: function onMouseEnter() {
-      return setShow(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setShow(false);
-    },
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
+    onMouseEnter: () => setShow(true),
+    onMouseLeave: () => setShow(false),
     showShadow: show,
     rowSize: rowSize,
     hasScrollBar: hasScrollBar
-  }, show && /*#__PURE__*/React__default['default'].createElement(ToolbarBtns, null, toolbar), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  }, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, toolbar), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
     className: "toolbar-trigger",
     "data-testid": "toolbar-trigger",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, null) // eslint-disable-next-line react/prop-types
+    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})) // eslint-disable-next-line react/prop-types
     ,
     index: rowData.index,
-    onClick: function onClick() {
-      return setShow(true);
-    },
+    onClick: () => setShow(true),
     tabIndex: -1
   })));
 };
 
 exports.ToolbarTrigger = ToolbarTrigger;
-exports['default'] = ToolbarTrigger;
-//# sourceMappingURL=ToolbarTrigger.js.map
+exports["default"] = ToolbarTrigger;

package/cjs/plugins/toolbar/index.js

@@ -2,25 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_toolbar_ToolbarPlugin = require('./ToolbarPlugin.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('react');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./RowRenderer.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('lodash');
-require('@elliemae/ds-utilities');
-require('./ToolbarTrigger.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('../../rowSizes.js');
+var ToolbarPlugin = require('./ToolbarPlugin.js');
 
 
 
-exports.ToolbarPlugin = plugins_toolbar_ToolbarPlugin.ToolbarPlugin;
-//# sourceMappingURL=index.js.map
+exports.ToolbarPlugin = ToolbarPlugin.ToolbarPlugin;

package/cjs/plugins/virtualization/AutoHeightList.js

@@ -1,38 +1,47 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
 var reactWindow = require('react-window');
 var dsUtilities = require('@elliemae/ds-utilities');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
-
-var AutoHeightList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var itemCount = _ref.itemCount,
-      className = _ref.className,
-      innerRef = _ref.innerRef,
-      itemData = _ref.itemData,
-      itemKey = _ref.itemKey,
-      itemSize = _ref.itemSize,
-      outerRef = _ref.outerRef,
-      _ref$component = _ref.component,
-      ListComponent = _ref$component === void 0 ? reactWindow.FixedSizeList : _ref$component,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var listRef = React.useRef();
-  var outerListRef = React.useRef();
+
+const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
+
+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 AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    itemCount,
+    className,
+    innerRef,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef,
+    component: ListComponent = reactWindow.FixedSizeList
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const listRef = React.useRef();
+  const outerListRef = React.useRef();
   dsUtilities.useWindowScrollerList({
     listInstance: listRef,
-    outerListRef: outerListRef
+    outerListRef
   });
-  return /*#__PURE__*/React__default['default'].createElement(ListComponent, _extends__default['default']({}, otherProps, {
+  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
     ref: dsUtilities.mergeRefs(ref, listRef),
     className: dsUtilities.cx(className, 'window-scroller-override'),
     height: window.innerHeight,
@@ -48,4 +57,3 @@ var AutoHeightList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 
 module.exports = AutoHeightList;
-//# sourceMappingURL=AutoHeightList.js.map