@elliemae/ds-datagrids 2.0.0-next.7 → 2.0.0-rc.2

package/cjs/plugins/selectable/selectableFormatter.js

@@ -1,11 +1,15 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var DSRadio = require('@elliemae/ds-basic/form/Radio');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsForm = require('@elliemae/ds-form');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,30 +17,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
 
 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 SelectableWrapper = ({
-  className,
-  children
-}) => /*#__PURE__*/_jsx__default["default"]("div", {
-  className: className,
-  onClick: e => e.stopPropagation()
-}, void 0, children);
+const SelectableWrapper = _ref => {
+  let {
+    className,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: className,
+    onClick: e => e.stopPropagation()
+  }, void 0, children);
+};
 
-const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef(({
-  className,
-  isMultiSelect,
-  isHeader,
-  onSelect,
-  isSelected,
-  value
-}, ref) => {
-  const SelectComponent = isMultiSelect || isHeader ? DSCheckbox__default["default"] : DSRadio__default["default"];
+const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+  let {
+    className,
+    isMultiSelect,
+    isHeader,
+    onSelect,
+    isSelected,
+    value
+  } = _ref2;
+  const SelectComponent = isMultiSelect || isHeader ? dsForm.DSCheckbox : dsForm.DSRadio;
   return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
     className: className
   }, void 0, /*#__PURE__*/_jsx__default["default"](SelectComponent, {
@@ -49,58 +55,61 @@ const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PU
   }));
 }, (prev, next) => next.isScrolling));
 
-const selectableFormatter = ({
-  isMultiSelect = false,
-  renderer,
-  className,
-  isHeader,
-  onSelect
-}, grid) => (valueRender, extraParams) => {
-  const {
-    registerFocus
-  } = extraParams;
-  const ref = React.useRef();
-  const {
-    props: {
-      rowKey
-    },
-    state: {
-      selection
-    },
-    shiftPressed,
-    lastSelectedRow
-  } = grid.getInstance();
-  const {
-    rowData,
-    isScrolling
-  } = extraParams;
-  React.useEffect(() => {
-    if (registerFocus) registerFocus(ref.current);
-  }, [ref.current]);
-  const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
-  const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
+const selectableFormatter = (_ref3, grid) => {
+  let {
+    isMultiSelect = false,
+    renderer,
+    className,
+    isHeader,
+    onSelect
+  } = _ref3;
+  return (valueRender, extraParams) => {
+    const {
+      registerFocus
+    } = extraParams;
+    const ref = React.useRef();
+    const {
+      props: {
+        rowKey
+      },
+      state: {
+        selection
+      },
+      shiftPressed,
+      lastSelectedRow
+    } = grid.getInstance();
+    const {
+      rowData,
+      isScrolling
+    } = extraParams;
+    React.useEffect(() => {
+      if (registerFocus) registerFocus(ref.current);
+    }, [ref.current]);
+    const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
+    const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
 
-  if (utils.isFunction(renderer)) {
-    return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
-      className: className
-    }, void 0, renderer(_objectSpread(_objectSpread({
-      rowData: {}
-    }, extraParams), {}, {
-      value: isSelected,
-      isHeader,
-      onSelect: handleSelect
-    })));
-  }
+    if (dsUtilities.isFunction(renderer)) {
+      return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
+        className: className
+      }, void 0, renderer(_objectSpread(_objectSpread({
+        rowData: {}
+      }, extraParams), {}, {
+        value: isSelected,
+        isHeader,
+        onSelect: handleSelect
+      })));
+    }
 
-  return /*#__PURE__*/jsxRuntime.jsx(SelectableComponent, {
-    ref: ref,
-    className: className,
-    isMultiSelect: isMultiSelect,
-    isScrolling: isScrolling,
-    isSelected: isSelected,
-    onSelect: handleSelect,
-    value: !isHeader ? rowData[rowKey] : 'header-select-all'
-  });
+    return /*#__PURE__*/jsxRuntime.jsx(SelectableComponent, {
+      ref: ref,
+      className: className,
+      isMultiSelect: isMultiSelect,
+      isScrolling: isScrolling,
+      isSelected: isSelected,
+      onSelect: handleSelect,
+      value: !isHeader ? rowData[rowKey] : 'header-select-all'
+    });
+  };
 };
 
 module.exports = selectableFormatter;

package/cjs/plugins/selectable/useSelectableState.js

@@ -4,23 +4,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.js');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.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.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.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 dsUtilities = require('@elliemae/ds-utilities');
 var helper = require('./helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-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 deriveSelectedStateFromPropsOnUpdate(rows) {
-  return (nextProp = {}, prevProp = {}) => {
+  return function () {
+    let nextProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let prevProp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     if (nextProp.selectAll !== prevProp.selectAll) {
-      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : utils.hashArray(nextProp.selectedRows || []);
+      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : dsUtilities.hashArray(nextProp.selectedRows || []);
       return {
         selectedRows: nextSelectedRows,
         selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextSelectedRows))
@@ -28,7 +40,7 @@ function deriveSelectedStateFromPropsOnUpdate(rows) {
     }
 
     return {
-      selectedRows: utils.hashArray(nextProp.selectedRows || []),
+      selectedRows: dsUtilities.hashArray(nextProp.selectedRows || []),
       selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows))
     };
   };
@@ -48,15 +60,16 @@ function useSelectableState(grid) {
     setLastSelectedRow
   } = grid.getInstance();
   const multiple = selectable === 'multi';
-  const [selection, setSelectedRowsState] = useDerivedStateFromProps__default["default"]({
+  const [selection, setSelectedRowsState] = dsUtilities.useDerivedStateFromProps({
     selectedRows,
     selectAll
   }, {
     onUpdate: deriveSelectedStateFromPropsOnUpdate(rows)
   }); // ACTIONS
 
-  const handleSelectRow = (id, index, shift = false, lastSelectedRow = null // eslint-disable-next-line max-params
-  ) => {
+  const handleSelectRow = function (id, index) {
+    let shift = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let lastSelectedRow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     setSelectedRowsState(prevState => {
       const {
         rows: nextRows
@@ -64,7 +77,7 @@ function useSelectableState(grid) {
       const wasSelected = Object.keys(prevState.selectedRows).some( // we need to match softly as the id may be a number
       // eslint-disable-next-line eqeqeq
       elem => elem == id);
-      let nextSelectedRows = multiple ? utils.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
+      let nextSelectedRows = multiple ? dsUtilities.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
       setLastSelectedRow({
         index,
         mode: wasSelected ? 'deselect' : 'select'
@@ -77,7 +90,7 @@ function useSelectableState(grid) {
         const rowSegment = nextRows.slice(sliceStart, sliceEnd).map(row => row[rowKey]);
 
         if (lastSelectedRow.mode === 'deselect') {
-          nextSelectedRows = utils.omit(prevState.selectedRows, rowSegment);
+          nextSelectedRows = dsUtilities.omit(prevState.selectedRows, rowSegment);
         } else {
           const selectedSegment = rowSegment.reduce((o, key) => _objectSpread(_objectSpread({}, o), {}, {
             [key]: true

package/cjs/plugins/sortable/SortablePlugin.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sortabular = require('sortabular');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var sortHeaderFormatter = require('./sortHeaderFormatter.js');
@@ -47,7 +47,7 @@ const decorateColumn = (column, grid) => {
     onSort: grid.actions.sort,
     strategy: sortabular__namespace.strategies.byProperty
   }), grid);
-  return utils.compose(initColumnDefinition.appendHeaderFormatter(formatter), initColumnDefinition.mergeClassNameToColumnHeader('with-sortable'))(column);
+  return dsUtilities.compose(initColumnDefinition.appendHeaderFormatter(formatter), initColumnDefinition.mergeClassNameToColumnHeader('with-sortable'))(column);
 };
 
 const composeRows = (rows, grid) => {
@@ -67,8 +67,8 @@ const composeRows = (rows, grid) => {
   } = grid.getInstance();
   const sortingConfig = {
     columns: decoratedColumns,
-    sortingColumns: !utils.isEmpty(sortingColumns) && sortingColumns,
-    sort: utils.orderBy,
+    sortingColumns: !dsUtilities.isEmpty(sortingColumns) && sortingColumns,
+    sort: dsUtilities.orderBy,
     emptyLast: sortEmptyLast
   }; // TODO: 1572 FIX
 
@@ -87,9 +87,10 @@ const SortablePlugin = createInstancePlugin__default["default"]('sortable', {
   registerHotKeys(grid) {
     return {
       key: 'ctrl+s',
-      handler: ({
-        cellIndex
-      }) => {
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
         const {
           actions: {
             sort

package/cjs/plugins/sortable/sortHeaderFormatter.js

@@ -3,28 +3,26 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadUp = require('@elliemae/ds-icons/ArrowheadUp');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadUp__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadUp);
 
 var _ArrowheadUp, _ArrowheadDown;
 const blockName = 'data-grid-sort-header';
 const SortHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName);
 const iconColor = ['brand-primary', 800];
-const SortHeader = /*#__PURE__*/React__default["default"].memo(({
-  value,
-  onClick,
-  sortState
-}) => {
-  const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](ArrowheadUp__default["default"], {
+const SortHeader = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    value,
+    onClick,
+    sortState
+  } = _ref;
+  const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadUp, {
     color: iconColor
-  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
+  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
     color: iconColor
   }));
   return /*#__PURE__*/_jsx__default["default"](SortHeaderContainer, {
@@ -34,10 +32,11 @@ const SortHeader = /*#__PURE__*/React__default["default"].memo(({
   }, void 0, value), sortState && sortIndicator);
 });
 
-const sortHeaderFormatter = (sortable, grid) => (value, {
-  columnIndex,
-  property
-}) => {
+const sortHeaderFormatter = (sortable, grid) => (value, _ref2) => {
+  let {
+    columnIndex,
+    property
+  } = _ref2;
   const {
     state: {
       sortingColumns

package/cjs/plugins/sortable/sortTree.js

@@ -1,6 +1,13 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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');
 var sortabular = require('sortabular');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -30,9 +37,12 @@ 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; }
 
-const deepSorting = (sortConfig, rows = []) => sortabular__namespace.sorter(sortConfig)(rows.map(row => row.children && row.children.length ? _objectSpread(_objectSpread({}, row), {}, {
-  children: deepSorting(sortConfig, row.children)
-}) : row));
+const deepSorting = function (sortConfig) {
+  let rows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return sortabular__namespace.sorter(sortConfig)(rows.map(row => row.children && row.children.length ? _objectSpread(_objectSpread({}, row), {}, {
+    children: deepSorting(sortConfig, row.children)
+  }) : row));
+};
 
 function sortTree(sortConfig) {
   return rows => deepSorting(sortConfig, rows);