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

package/cjs/plugins/expandable-grid/ExpandedRow.js

@@ -1,90 +1,68 @@
 'use strict';
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+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.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');
+require('react');
 var DSSeparator = require('@elliemae/ds-separator');
 var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
 var dsUtilities = require('@elliemae/ds-utilities');
 var deferComponentRender = require('@elliemae/ds-shared/defer-render-hoc');
 var useDataGrid = require('@elliemae/ds-shared/useDataGrid');
-var plugins_pagination_PaginationPlugin = require('../pagination/PaginationPlugin.js');
-var components_BodyCell = require('../../components/BodyCell.js');
-var components_renderers_index = require('../../index-0be12eb8.js');
-var components_TableBody = require('../../components/TableBody.js');
-var components_Table = require('../../components/Table.js');
-var plugins_columnSizing_ColumnSizingPlugin = require('../column-sizing/ColumnSizingPlugin.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('../pagination/helper.js');
-require('../pagination/usePaginationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../components/NoResults.js');
-require('@elliemae/ds-system');
-require('@babel/runtime/helpers/toConsumableArray');
-require('prop-types');
-require('@elliemae/ds-shared/createDataInstance/utils');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('../../blockNames.js');
-require('../../components/renderers/renderRowsLoader.js');
-require('../../components/RowsLoader.js');
-require('@elliemae/ds-spinner');
-require('../../components/tableContext.js');
-require('../../components/TableHeader.js');
-require('../../components/HeaderCell.js');
-require('../column-sizing/useStylesheetHelpers.js');
-require('stylesheet-helpers');
-require('../column-sizing/getColumnNameFromProperty.js');
-require('../../utilities/getScrollbarSize.js');
-require('../column-sizing/useColumnSizeService.js');
-require('../column-sizing/utils.js');
-require('../column-sizing/ext-points/getTableProps.js');
-require('../column-sizing/ext-points/decorateColumn.js');
-require('../column-sizing/columnMeasurerTransformer.js');
+var PaginationPlugin = require('../pagination/PaginationPlugin.js');
+var BodyCell = require('../../components/BodyCell.js');
+var index = require('../../components/renderers/index.js');
+var TableBody = require('../../components/TableBody.js');
+var Table = require('../../components/Table.js');
+var ColumnSizingPlugin = require('../column-sizing/ColumnSizingPlugin.js');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var deferComponentRender__default = /*#__PURE__*/_interopDefaultLegacy(deferComponentRender);
 var useDataGrid__default = /*#__PURE__*/_interopDefaultLegacy(useDataGrid);
 
-var _excluded = ["instanceRef"],
-    _excluded2 = ["showAllRows"];
+var _TableBody, _DSSeparator;
+
+const _excluded = ["instanceRef"],
+      _excluded2 = ["showAllRows"];
 
 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 DetailGrid = deferComponentRender__default['default'](function (_ref) {
-  var parentGrid = _ref.parentGrid,
-      parentRowData = _ref.parentRowData,
-      rows = _ref.rows;
+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 DetailGrid = deferComponentRender__default["default"](_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
 
-  var _parentGrid$props = parentGrid.props;
-      _parentGrid$props.instanceRef;
-      var parentProps = _objectWithoutProperties__default['default'](_parentGrid$props, _excluded);
+  const _parentGrid$props = parentGrid.props,
+        parentProps = _objectWithoutProperties__default["default"](_parentGrid$props, _excluded);
 
-  var grid = useDataGrid__default['default'](_objectSpread(_objectSpread({
+  const grid = useDataGrid__default["default"](_objectSpread(_objectSpread({
     uuid: parentGrid.getInstance().uuid
   }, parentProps), {}, {
-    columns: parentGrid.getInstance().decoratedColumns.filter(function (col) {
-      return !col.expandableColumn;
-    }).map(function (c) {
-      return _objectSpread(_objectSpread({}, c), {}, {
-        expandableColumn: false
-      });
-    }),
-    rows: rows,
-    plugins: [plugins_columnSizing_ColumnSizingPlugin.ColumnSizingPlugin, plugins_pagination_PaginationPlugin.PaginationPlugin],
-    renderers: components_renderers_index.defaultRenderers,
+    columns: parentGrid.getInstance().decoratedColumns.filter(col => !col.expandableColumn).map(c => _objectSpread(_objectSpread({}, c), {}, {
+      expandableColumn: false
+    })),
+    rows,
+    plugins: [ColumnSizingPlugin.ColumnSizingPlugin, PaginationPlugin.PaginationPlugin],
+    renderers: index.defaultRenderers,
     bindColumnsSizeTo: parentGrid.uuid,
     numRowsVisible: 'all',
     paginated: true,
@@ -92,81 +70,87 @@ var DetailGrid = deferComponentRender__default['default'](function (_ref) {
       perPage: rows.length,
       conditionalPagination: true
     },
-    parentRowData: parentRowData
+    parentRowData
+  }));
+  return /*#__PURE__*/jsxRuntime.jsx(Table, _objectSpread(_objectSpread({}, grid), {}, {
+    children: _TableBody || (_TableBody = /*#__PURE__*/_jsx__default["default"](TableBody, {}))
   }));
-  return /*#__PURE__*/React__default['default'].createElement(components_Table, grid, /*#__PURE__*/React__default['default'].createElement(components_TableBody, null));
 }, null);
-var DetailsWrapper = /*#__PURE__*/styled__default['default'].span.withConfig({
+const DetailsWrapper = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1goa4zy-0"
-})(["flex:1;width:", "px;"], function (props) {
-  return props.width;
-});
-var DetailGridWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["flex:1;width:", "px;"], props => props.width);
+const DetailGridWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1goa4zy-1"
-})(["display:flex;height:calc(100% - ", "px);width:", "px;margin:12px 0;"], function (props) {
-  return props.allRowsVisible ? 18 : 60;
-}, function (props) {
-  return props.expandableGridDetailWidth;
-});
+})(["display:flex;height:calc(100% - ", "px);width:", "px;margin:12px 0;"], props => props.allRowsVisible ? 18 : 60, props => props.expandableGridDetailWidth);
 
 function ExpandedRow(_ref2) {
-  var parentGrid = _ref2.parentGrid,
-      detailColumns = _ref2.detailColumns,
-      rowData = _ref2.rowData,
-      rows = _ref2.rows,
-      rowProps = _ref2.rowProps,
-      CellComponent = _ref2.cellComponent,
-      RowComponent = _ref2.rowComponent;
-
-  var _parentGrid$getInstan = parentGrid.getInstance(),
-      decoratedColumns = _parentGrid$getInstan.decoratedColumns,
-      toggleShowAllRows = _parentGrid$getInstan.actions.toggleShowAllRows,
-      expandedRows = _parentGrid$getInstan.state.expandedRows,
-      _parentGrid$getInstan2 = _parentGrid$getInstan.props,
-      rowKey = _parentGrid$getInstan2.rowKey,
-      _parentGrid$getInstan3 = _parentGrid$getInstan2.showMoreRowsText,
-      showMoreRowsText = _parentGrid$getInstan3 === void 0 ? 'SHOW ALL ROWS' : _parentGrid$getInstan3,
-      _parentGrid$getInstan4 = _parentGrid$getInstan2.showLessRowsText,
-      showLessRowsText = _parentGrid$getInstan4 === void 0 ? 'SHOW LESS ROWS' : _parentGrid$getInstan4,
-      expandableSubrowsVisible = _parentGrid$getInstan2.expandableSubrowsVisible,
-      expandableGridDetailWidth = _parentGrid$getInstan.columnSizeService.expandableGridDetailWidth;
-
-  var showAllRows = rowProps.showAllRows,
-      restRowProps = _objectWithoutProperties__default['default'](rowProps, _excluded2);
-
-  return /*#__PURE__*/React__default['default'].createElement(RowComponent, restRowProps, /*#__PURE__*/React__default['default'].createElement(components_BodyCell, {
-    column: decoratedColumns[0],
-    columnIndex: 0,
-    component: CellComponent,
-    grid: parentGrid,
-    rowProps: _objectSpread({
-      rowData: rowData
-    }, rowProps)
-  }), /*#__PURE__*/React__default['default'].createElement(DetailsWrapper, {
-    width: expandableGridDetailWidth
-  }, /*#__PURE__*/React__default['default'].createElement(DetailGridWrapper, {
-    allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
-    expandableGridDetailWidth: expandableGridDetailWidth
-  }, /*#__PURE__*/React__default['default'].createElement(DSSeparator__default['default'], {
-    dashed: true,
-    orientation: "vertical"
-  }), /*#__PURE__*/React__default['default'].createElement(DetailGrid, {
-    detailColumns: detailColumns,
-    parentGrid: parentGrid.getInstance(),
-    parentRowData: rowData,
-    rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
-  })), rows.length > expandableSubrowsVisible && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-    buttonType: "text",
-    labelText: showAllRows ? showLessRowsText : showMoreRowsText,
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      toggleShowAllRows(rowData);
+  let {
+    parentGrid,
+    detailColumns,
+    rowData,
+    rows,
+    rowProps,
+    cellComponent: CellComponent,
+    rowComponent: RowComponent
+  } = _ref2;
+  const {
+    decoratedColumns,
+    actions: {
+      toggleShowAllRows
     },
-    style: {
-      marginBottom: '10px'
+    state: {
+      expandedRows
+    },
+    props: {
+      rowKey,
+      showMoreRowsText = 'SHOW ALL ROWS',
+      showLessRowsText = 'SHOW LESS ROWS',
+      expandableSubrowsVisible
+    },
+    columnSizeService: {
+      expandableGridDetailWidth
     }
-  })));
+  } = parentGrid.getInstance();
+
+  const {
+    showAllRows
+  } = rowProps,
+        restRowProps = _objectWithoutProperties__default["default"](rowProps, _excluded2);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, restRowProps), {}, {
+    children: [/*#__PURE__*/_jsx__default["default"](BodyCell, {
+      column: decoratedColumns[0],
+      columnIndex: 0,
+      component: CellComponent,
+      grid: parentGrid,
+      rowProps: _objectSpread({
+        rowData
+      }, rowProps)
+    }), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {
+      width: expandableGridDetailWidth
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DetailGridWrapper, {
+      allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
+      expandableGridDetailWidth: expandableGridDetailWidth
+    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
+      dashed: true,
+      orientation: "vertical"
+    })), /*#__PURE__*/_jsx__default["default"](DetailGrid, {
+      detailColumns: detailColumns,
+      parentGrid: parentGrid.getInstance(),
+      parentRowData: rowData,
+      rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
+    })), rows.length > expandableSubrowsVisible && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "text",
+      labelText: showAllRows ? showLessRowsText : showMoreRowsText,
+      onClick: e => {
+        e.stopPropagation();
+        toggleShowAllRows(rowData);
+      },
+      style: {
+        marginBottom: '10px'
+      }
+    }))]
+  }));
 }
 
 module.exports = ExpandedRow;
-//# sourceMappingURL=ExpandedRow.js.map

package/cjs/plugins/expandable-grid/ExpandedRowExtra.js

@@ -1,45 +1,54 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+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 _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
 var DSSeparator = require('@elliemae/ds-separator');
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
 
-var blockName = "".concat(blockNames.dataGridBlockName, "-expanded-row");
-var DetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, function () {
-  return {
-    'ie-flex-basis-auto': true
-  };
-});
+var _DSSeparator;
+
+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 blockName = "".concat(blockNames.dataGridBlockName, "-expanded-row");
+const DetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
+  'ie-flex-basis-auto': true
+}));
 
 function ExpandedRowExtra(_ref) {
-  var children = _ref.children,
-      rowData = _ref.rowData,
-      rowProps = _ref.rowProps,
-      RowComponent = _ref.rowComponent,
-      _ref$renderRowDetails = _ref.renderRowDetails,
-      renderRowDetails = _ref$renderRowDetails === void 0 ? function () {
-    return null;
-  } : _ref$renderRowDetails;
-  return /*#__PURE__*/React__default['default'].createElement(RowComponent, _extends__default['default']({}, rowProps, {
-    className: dsUtilities.cx(rowProps.className, 'expanded-detail-row')
-  }), /*#__PURE__*/React__default['default'].createElement(RowComponent, {
-    className: "master-row-expanded"
-  }, children), /*#__PURE__*/React__default['default'].createElement(DSSeparator__default['default'], {
-    dashed: true,
-    margin: "xs"
-  }), /*#__PURE__*/React__default['default'].createElement(DetailsWrapper, null, renderRowDetails({
-    rowData: rowData
-  })));
+  let {
+    children,
+    rowData,
+    rowProps,
+    rowComponent: RowComponent,
+    renderRowDetails = () => null
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, rowProps), {}, {
+    className: dsUtilities.cx(rowProps.className, 'expanded-detail-row'),
+    children: [/*#__PURE__*/_jsx__default["default"](RowComponent, {
+      className: "master-row-expanded"
+    }, void 0, children), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
+      dashed: true,
+      margin: "xs"
+    })), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {}, void 0, renderRowDetails({
+      rowData
+    }))]
+  }));
 }
 
 module.exports = ExpandedRowExtra;
-//# sourceMappingURL=ExpandedRowExtra.js.map

package/cjs/plugins/expandable-grid/index.js

@@ -2,63 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_expandableGrid_ExpandablePlugin = require('./ExpandablePlugin.js');
-var plugins_expandableGrid_ExpandableColumn = require('./ExpandableColumn.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-utilities');
-require('react-window');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./ExpandedRow.js');
-require('@elliemae/ds-separator');
-require('styled-components');
-require('@elliemae/ds-shared/defer-render-hoc');
-require('@elliemae/ds-shared/useDataGrid');
-require('../pagination/PaginationPlugin.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-require('../pagination/helper.js');
-require('../pagination/usePaginationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../components/NoResults.js');
-require('@elliemae/ds-system');
-require('../../components/BodyCell.js');
-require('prop-types');
-require('@elliemae/ds-shared/createDataInstance/utils');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../index-0be12eb8.js');
-require('../../components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('../../blockNames.js');
-require('../../components/renderers/renderRowsLoader.js');
-require('../../components/RowsLoader.js');
-require('@elliemae/ds-spinner');
-require('../../components/TableBody.js');
-require('../../components/tableContext.js');
-require('../../components/Table.js');
-require('../../components/TableHeader.js');
-require('../../components/HeaderCell.js');
-require('../column-sizing/ColumnSizingPlugin.js');
-require('../column-sizing/useStylesheetHelpers.js');
-require('stylesheet-helpers');
-require('../column-sizing/getColumnNameFromProperty.js');
-require('../../utilities/getScrollbarSize.js');
-require('../column-sizing/useColumnSizeService.js');
-require('../column-sizing/utils.js');
-require('../column-sizing/ext-points/getTableProps.js');
-require('../column-sizing/ext-points/decorateColumn.js');
-require('../column-sizing/columnMeasurerTransformer.js');
-require('./ExpandedRowExtra.js');
-require('../../rowSizes.js');
-require('./useExpandGridState.js');
+var ExpandablePlugin = require('./ExpandablePlugin.js');
+var ExpandableColumn = require('./ExpandableColumn.js');
 
 
 
-exports.ExpandablePlugin = plugins_expandableGrid_ExpandablePlugin.ExpandablePlugin;
-exports.ExpandableColumn = plugins_expandableGrid_ExpandableColumn;
-//# sourceMappingURL=index.js.map
+exports.ExpandablePlugin = ExpandablePlugin.ExpandablePlugin;
+exports.ExpandableColumn = ExpandableColumn;

package/cjs/plugins/expandable-grid/useExpandGridState.js

@@ -2,67 +2,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useExpandGridState = function useExpandGridState(grid) {
-  var composedRows = grid.composedRows,
-      _grid$props = grid.props,
-      _grid$props$expandedR = _grid$props.expandedRows,
-      expandedRowsProp = _grid$props$expandedR === void 0 ? {} : _grid$props$expandedR,
-      _grid$props$rowKey = _grid$props.rowKey,
-      rowKey = _grid$props$rowKey === void 0 ? 'id' : _grid$props$rowKey,
-      onExpandRow = _grid$props.onExpandRow,
-      onToggleShowAllRows = _grid$props.onToggleShowAllRows,
-      onExpandChange = _grid$props.onExpandChange,
-      onExpandAll = _grid$props.onExpandAll,
-      onToggleExpand = _grid$props.onToggleExpand,
-      onCollapseRow = _grid$props.onCollapseRow;
-
-  var _useExpandState = dsUtilities.useExpandState({
+const useExpandGridState = grid => {
+  const {
+    composedRows,
+    props: {
+      expandedRows: expandedRowsProp = {},
+      rowKey = 'id',
+      onExpandRow,
+      onToggleShowAllRows,
+      onExpandChange,
+      onExpandAll,
+      onToggleExpand,
+      onCollapseRow
+    }
+  } = grid;
+  const {
+    state,
+    actions
+  } = dsUtilities.useExpandState({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
     onExpand: onExpandRow,
-    onExpandChange: onExpandChange,
-    onExpandAll: onExpandAll,
-    onToggleExpand: onToggleExpand,
+    onExpandChange,
+    onExpandAll,
+    onToggleExpand,
     onCollapse: onCollapseRow
-  }),
-      state = _useExpandState.state,
-      actions = _useExpandState.actions;
+  });
+  const [shouldRefocus, setShouldReFocus] = React.useState(false);
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      shouldRefocus = _useState2[0],
-      setShouldReFocus = _useState2[1];
-
-  var expandRow = function expandRow(row) {
-    return actions.expand(row, {
-      showAllRows: false
-    });
-  };
+  const expandRow = row => actions.expand(row, {
+    showAllRows: false
+  });
 
-  var toggleExpandAllRows = actions.toggleExpandAll;
-  var collapseRow = actions.collapse;
+  const toggleExpandAllRows = actions.toggleExpandAll;
+  const collapseRow = actions.collapse;
 
-  var toggleExpand = function toggleExpand(row) {
+  const toggleExpand = row => {
     setShouldReFocus(false);
     actions.toggleExpand(row, {
       showAllRows: false
     });
   };
 
-  var toggleShowAllRows = function toggleShowAllRows(row) {
+  const toggleShowAllRows = row => {
     if (dsUtilities.isFunction(onToggleShowAllRows)) {
       onToggleShowAllRows(row);
     } else {
-      var key = row[rowKey];
+      const key = row[rowKey];
       actions.expand(row, {
         showAllRows: state.expanded[key] && !state.expanded[key].showAllRows
       });
@@ -73,17 +64,16 @@ var useExpandGridState = function useExpandGridState(grid) {
     state: {
       expandedRows: state.expanded,
       isExpandedAll: state.isExpandedAll,
-      shouldRefocus: shouldRefocus
+      shouldRefocus
     },
     actions: {
-      expandRow: expandRow,
-      toggleExpandAllRows: toggleExpandAllRows,
-      toggleExpand: toggleExpand,
-      toggleShowAllRows: toggleShowAllRows,
-      collapseRow: collapseRow
+      expandRow,
+      toggleExpandAllRows,
+      toggleExpand,
+      toggleShowAllRows,
+      collapseRow
     }
   };
 };
 
 exports.useExpandGridState = useExpandGridState;
-//# sourceMappingURL=useExpandGridState.js.map