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

package/cjs/plugins/virtualization/VirtualizationPlugin.js

@@ -2,13 +2,17 @@
 
 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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var lodash = require('lodash');
 var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-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 VirtualizedBody = require('./VirtualizedBody.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -22,8 +26,8 @@ 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; }
-const VirtualizationPlugin = createInstancePlugin__default['default']('virtualization', {
+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 VirtualizationPlugin = createInstancePlugin__default["default"]('virtualization', {
   decorateRenderers(renderers, grid) {
     const BodyWrapper = renderers.body.wrapper; // eslint-disable-next-line react/display-name
 
@@ -52,33 +56,36 @@ const VirtualizationPlugin = createInstancePlugin__default['default']('virtualiz
       const listRef = React.useRef();
 
       const nextListProps = _objectSpread(_objectSpread({}, listProps), {}, {
-        ref: system.mergeRefs(listRef, listProps.ref)
+        ref: dsUtilities.mergeRefs(listRef, listProps.ref)
       });
 
-      return /*#__PURE__*/_jsx__default['default'](FocusGridManager__default['default'], {
+      return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
         hotKeys: hotKeys,
-        keyBindings: ({
-          defaultBindings
-        }) => _objectSpread(_objectSpread({}, defaultBindings), {}, {
-          // todo: this is kind of hacky, since it's virtualized and there's
-          //  the possibility that the firsts or lasts rows aren't rendered
-          Home: utils.runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(0);
-              setTimeout(() => defaultBindings.Home(e), 10);
-            } else {
-              defaultBindings.Home(e);
-            }
-          }),
-          End: utils.runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(rows.length - 1);
-              setTimeout(() => defaultBindings.End(e), 10);
-            } else {
-              defaultBindings.End(e);
-            }
-          })
-        }),
+        keyBindings: _ref => {
+          let {
+            defaultBindings
+          } = _ref;
+          return _objectSpread(_objectSpread({}, defaultBindings), {}, {
+            // todo: this is kind of hacky, since it's virtualized and there's
+            //  the possibility that the firsts or lasts rows aren't rendered
+            Home: dsUtilities.runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(0);
+                setTimeout(() => defaultBindings.Home(e), 10);
+              } else {
+                defaultBindings.Home(e);
+              }
+            }),
+            End: dsUtilities.runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(rows.length - 1);
+                setTimeout(() => defaultBindings.End(e), 10);
+              } else {
+                defaultBindings.End(e);
+              }
+            })
+          });
+        },
         shouldRefocus: false
       }, void 0, /*#__PURE__*/jsxRuntime.jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
         autoScrollToId: autoScrollToId,

package/cjs/plugins/virtualization/VirtualizedBody.js

@@ -2,9 +2,18 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var system = require('@elliemae/ds-utilities/system');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var NoResults = require('../../components/NoResults.js');
 var VirtualizedBodyRow = require('./VirtualizedBodyRow.js');
 var rowSizes = require('../../rowSizes.js');
@@ -18,7 +27,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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 wrapperSafari = {};
 const wrapperGeneric = {
   overflowY: 'auto',
@@ -97,9 +106,10 @@ const VirtualizedBody = props => {
   React.useEffect(() => {
     autoScrollTo(visibleHeight);
   }, [autoScrollToId, visibleHeight]);
-  const handler = React.useCallback(utils.debounce(({
-    target
-  }) => {
+  const handler = React.useCallback(dsUtilities.debounce(_ref => {
+    let {
+      target
+    } = _ref;
     // Update coordinates
     setScrollTop(target.scrollTop || 0);
   }, 100), [setScrollTop]);
@@ -144,7 +154,7 @@ const VirtualizedBody = props => {
     if (virtualizedBodyRef) {
       const parsedVisibleHeight = parseFloat(window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue('height')); // eslint-disable-next-line no-restricted-globals
 
-      if (!utils.isNaN(parsedVisibleHeight)) {
+      if (!dsUtilities.isNaN(parsedVisibleHeight)) {
         setVisibleHeight(parsedVisibleHeight);
         autoScrollTo(parsedVisibleHeight);
       }
@@ -201,7 +211,7 @@ const VirtualizedBody = props => {
     return rowStyleCache.current[index];
   };
 
-  const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /*#__PURE__*/_jsx__default['default'](VirtualizedBodyRow, {
+  const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /*#__PURE__*/_jsx__default["default"](VirtualizedBodyRow, {
     data: {
       rows,
       columns,
@@ -234,23 +244,23 @@ const VirtualizedBody = props => {
             setVirtualizedBodyRef(elem.parentElement); // eslint-disable-next-line no-param-reassign
 
             elem.parentElement.scrollTop = scrollTop;
-            system.mergeRefs(listProps.outerRef)(elem.parentElement);
+            dsUtilities.mergeRefs(listProps.outerRef)(elem.parentElement);
           } else {
             setVirtualizedBodyRef(elem);
-            system.mergeRefs(listProps.outerRef)(elem);
+            dsUtilities.mergeRefs(listProps.outerRef)(elem);
           }
         }
       },
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         "data-testid": "virtualized-body",
-        className: `virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`,
+        className: "virtualized-body".concat(hasScrollBar ? ' with-scrollbar' : ''),
         style: bodyStyle,
         ref: r => {
-          system.mergeRefs(innerBody)(r);
+          dsUtilities.mergeRefs(innerBody)(r);
         },
         children: generateRenderedRows()
       })
-    }) : /*#__PURE__*/_jsx__default['default'](NoResults, {
+    }) : /*#__PURE__*/_jsx__default["default"](NoResults, {
       innerRef: innerRef,
       rowRenderer: rowRenderer
     }, void 0, noResultsPlaceholder)

package/cjs/plugins/virtualization/VirtualizedBodyRow.js

@@ -1,12 +1,13 @@
 'use strict';
 
-function VirtualizedBodyRow({
-  data,
-  index,
-  style,
-  key,
-  isScrolling
-}) {
+function VirtualizedBodyRow(_ref) {
+  let {
+    data,
+    index,
+    style,
+    key,
+    isScrolling
+  } = _ref;
   const {
     rows,
     renderer: {

package/cjs/renders/CellWithAddons.js

@@ -5,54 +5,56 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var lodash = require('lodash');
-var Grid = require('@elliemae/ds-basic/Grid');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var Grid = require('@elliemae/ds-grid');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-const CellWithAddons = ({
-  leftAddon,
-  keepLeftPadding,
-  rightAddon,
-  badgeAddon,
-  highLight,
-  isEdit,
-  editComponent,
-  value,
-  neutralText,
-  metaData
-}) => {
+const CellWithAddons = _ref => {
+  let {
+    leftAddon,
+    keepLeftPadding,
+    rightAddon,
+    badgeAddon,
+    highLight,
+    isEdit,
+    editComponent,
+    value,
+    neutralText,
+    metaData
+  } = _ref;
   const hasLeftAddon = !!leftAddon || keepLeftPadding;
   const hasRightAddon = !!rightAddon && !isEdit;
   const cols = [1];
   const shouldBeGray = neutralText || lodash.get(metaData, 'rowData.customRowProps.neutralText');
   if (hasLeftAddon) cols.unshift('auto');
   if (hasRightAddon) cols.push('auto');
-  return /*#__PURE__*/_jsx__default['default'](styled.CellWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](styled.CellWrapper, {
     noPadding: hasLeftAddon || badgeAddon || highLight || hasRightAddon,
     hasLeftAddon: hasLeftAddon,
     hasRightAddon: hasRightAddon,
     badgeAddon: badgeAddon,
     highLight: highLight
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     height: "100%",
     cols: cols
-  }, void 0, hasLeftAddon && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, hasLeftAddon && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     alignItems: "center",
     pl: "xxs",
     pr: "xxs",
     width: keepLeftPadding ? '32px' : undefined
-  }, void 0, hasLeftAddon && leftAddon), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, hasLeftAddon && leftAddon), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.ValueWrapper, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ValueWrapper, {
     grayText: shouldBeGray
-  }, void 0, isEdit ? editComponent : /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+  }, void 0, isEdit ? editComponent : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: value
-  }))), hasRightAddon && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }))), hasRightAddon && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     alignItems: "center",
     pl: "xxs"
   }, void 0, rightAddon)));

package/cjs/renders/styled.js

@@ -3,33 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var Grid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
 const m = '0.61538rem';
 const m2 = '1.23076rem';
-const CellWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const CellWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1n8exyf-0"
-})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? `calc(100% + ${m2})` : '100%', props => props.noPadding ? `-${m}` : '0', props => props.noPadding ? `-${m}` : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? `background: ${props.theme.colors.brand['200']}` : '', props => props.badgeAddon ? `
-  position: relative;  
-  &::before {
-    display: block;
-    content: '';
-    position: absolute;
-    top: 0;
-    left:0;
-    border-style: solid;
-    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;
-    border-color: ${props.theme.colors.brand['600']} transparent  transparent ${props.theme.colors.brand['600']};
-  }
-  ` : '');
-const ValueWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? "calc(100% + ".concat(m2, ")") : '100%', props => props.noPadding ? "-".concat(m) : '0', props => props.noPadding ? "-".concat(m) : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? "background: ".concat(props.theme.colors.brand['200']) : '', props => props.badgeAddon ? "\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, "  ").concat(props.theme.space.xxs, " 0;\n    border-color: ").concat(props.theme.colors.brand['600'], " transparent  transparent ").concat(props.theme.colors.brand['600'], ";\n  }\n  ") : '');
+const ValueWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1n8exyf-1"
-})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? `color: ${props.theme.colors.neutral['500']};` : '');
-const CellContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? "color: ".concat(props.theme.colors.neutral['500'], ";") : '');
+const CellContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-1n8exyf-2"
 })(["padding-left:", ";padding-right:", ";position:relative;"], m, m);
 

package/cjs/utilities/getPluginsFromProps.js

@@ -1,5 +1,8 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var DndRowsPlugin = require('../plugins/row-dnd/DndRowsPlugin.js');
 var DndColumnsPlugin = require('../plugins/column-dnd/DndColumnsPlugin.js');
 var InfiniteScrollPlugin = require('../plugins/infinite-scrolling/InfiniteScrollPlugin.js');
@@ -29,7 +32,8 @@ const mapPropToPlugin = {
   groupedRows: GroupingPlugin.GroupingPlugin,
   dragAndDropRows: DndRowsPlugin.DndRowsPlugin
 };
-function getPluginsFromProps(props, omit = {}) {
+function getPluginsFromProps(props) {
+  let omit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const plugins = [];
   Object.keys(mapPropToPlugin).forEach(key => {
     if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);

package/cjs/utilities/getScrollbarSize.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function getScrollbarWidth(compensatePixels = 0) {
+function getScrollbarWidth() {
+  let compensatePixels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   // Creating invisible container
   const outer = document.createElement('div');
   outer.style.visibility = 'hidden';

package/cjs/utilities/normalizeData.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -11,8 +18,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; }
 const normalizeRows = rows => rows.map(row => {
   Object.keys(row).forEach(key => row[normalizeText(key)] = row[key]);
   return row;