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

package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js

@@ -1,197 +1,162 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var dsDateRangePicker = require('@elliemae/ds-date-range-picker');
-var dsDatePicker = require('@elliemae/ds-date-picker');
+var dsControlledForm = require('@elliemae/ds-controlled-form');
 var DSPopper = require('@elliemae/ds-basic/Popper');
-var DatePickerIcon = require('@elliemae/ds-icons/DatePicker2');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-basic/Button');
+var Grid = require('@elliemae/ds-grid');
 var moment = require('moment');
-var dsClassnames = require('@elliemae/ds-classnames');
+var styled = require('styled-components');
 var defaultDateFormat = require('./defaultDateFormat.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 DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
-var DatePickerIcon__default = /*#__PURE__*/_interopDefaultLegacy(DatePickerIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _DatePickerIcon;
+var _DatePicker;
+const StyledGridWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-jay5xg-0"
+})([".notCurrentMonth{opacity:", ";pointer-events:", ";}"], props => props.enableOutsideDays ? '1' : '0', props => props.enableOutsideDays ? 'auto' : 'none'); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
 
-const _excluded = ["onChange", "enableOutsideDays"];
-
-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 START_DATE = 'startDate';
-const END_DATE = 'endDate';
-const blockname = 'date-range';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper'); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
-
-const noop = (...args) => {};
+const noop = function () {};
 
 const SingleRangeSwitcherContainer = _ref => {
   let {
     onChange = noop,
     enableOutsideDays
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref;
+  const [startDate, setStartDate] = React.useState('');
+  const [endDate, setEndDate] = React.useState(''); // For some reason it worked like this
 
-  const [focusedInputHeader, setFocusedInputHeader] = React.useState(START_DATE);
-  const [focusedInputPicker, setFocusedInputPicker] = React.useState(START_DATE);
-  const [singleDate, setSingleDate] = React.useState();
-  const [dateRange, setDateRange] = React.useState({});
+  const [lastChangeWasPicker, setLastChangeWasPicker] = React.useState(false);
   const [isDateRange, setIsDateRange] = React.useState(false);
-  const [pickerRange, setPickerRange] = React.useState({});
-
-  const handleHeaderFocusChange = inputType => {
-    setFocusedInputHeader(inputType);
-  };
-
-  const handlePickerFocusChange = () => {
-    setFocusedInputPicker(focusedInputPicker === START_DATE ? END_DATE : START_DATE);
-  };
-
-  const handleDatesChange = dates => {
-    if (dates.endDate) {
-      setTimeout(() => {
-        onChange({
-          startDate: dates.startDate,
-          endDate: dates.endDate.endOf('day')
-        });
-      }, 500);
+  React.useEffect(() => {
+    const startMoment = moment__default["default"](startDate);
+    const endMoment = moment__default["default"](endDate);
+
+    if (lastChangeWasPicker && startDate && !startDate.includes('_') && endDate && !endDate.includes('_') && endMoment.diff(startMoment) >= 0) {
+      onChange({
+        startDate: startMoment,
+        endDate: endMoment
+      });
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [startDate, endDate, lastChangeWasPicker]);
+  return /*#__PURE__*/_jsx__default["default"](StyledGridWrapper, {
+    "data-testid": "date-single-range__wrapper",
+    style: {
+      backgroundColor: 'white',
+      boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)',
+      width: '261px',
+      display: 'grid',
+      justifyContent: 'center'
+    },
+    cols: ['100%'],
+    enableOutsideDays: enableOutsideDays,
+    onKeyDown: e => e.code === 'Enter' && setLastChangeWasPicker(true)
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+    gutter: "xxs",
+    alignItems: "center",
+    p: "xxs"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
+    checked: isDateRange,
+    name: "Date range",
+    label: "Range",
+    id: "date-range-switcher-id-internal",
+    onChange: () => {
+      setIsDateRange(!isDateRange);
+      setStartDate('');
+      setEndDate('');
     }
-
-    setPickerRange({
-      startDate: dates.startDate,
-      endDate: dateRange.endDate
-    });
-    setDateRange(dates);
-  };
-
-  const handlePickerChange = dates => {
-    if (dates.endDate) {
-      setTimeout(() => {
-        onChange({
-          startDate: dates.startDate,
-          endDate: dates.endDate
-        });
-      }, 500);
+  }), /*#__PURE__*/_jsx__default["default"]("div", {
+    style: {
+      width: 'fit-content'
     }
-
-    if (dates.startDate) handleHeaderFocusChange(undefined);
-    setPickerRange(dates);
-    setDateRange(dates);
-  };
-
-  const handleSingleDateChange = React.useCallback(date => {
-    const dates = {
-      startDate: moment__default["default"](date).startOf('day'),
-      endDate: moment__default["default"](date).endOf('day')
-    };
-    onChange(dates);
-    setSingleDate(dates);
-  }, [onChange]);
-
-  const handleStartInputChange = newDate => {
-    setDateRange({
-      startDate: newDate,
-      endDate: dateRange.endDate
-    });
-    setPickerRange(_objectSpread(_objectSpread({}, pickerRange), {}, {
-      startDate: newDate
-    }));
-  };
-
-  const handleEndInputChange = newDate => {
-    setDateRange({
-      startDate: dateRange.startDate,
-      endDate: newDate
-    });
-    setPickerRange(_objectSpread(_objectSpread({}, pickerRange), {}, {
-      endDate: newDate
-    }));
-  };
-
-  const dateRangeController = /*#__PURE__*/jsxRuntime.jsx(dsDateRangePicker.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
-    enableOutsideDays: enableOutsideDays,
-    endDate: pickerRange.endDate,
-    focusedInput: focusedInputPicker,
-    hideKeyboardShortcutsPanel: true,
-    onDatesChange: handlePickerChange,
-    onFocusChange: handlePickerFocusChange,
-    startDate: pickerRange.startDate
-  }));
-
-  const singleDateController = /*#__PURE__*/_jsx__default["default"](dsDatePicker.DSDatePickerController, {
-    date: singleDate,
-    enableOutsideDays: enableOutsideDays,
-    onDateChange: handleSingleDateChange
-  });
-
-  return /*#__PURE__*/_jsx__default["default"](Wrapper, {
-    "data-testid": "date-single-range__wrapper"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.SingleRangeDateSwitcher, {
-    isDateRange: isDateRange,
-    focusedInput: focusedInputHeader,
-    onFocusChange: handleHeaderFocusChange,
-    onEndInputChange: handleEndInputChange,
-    onSingleInputChange: handleSingleDateChange,
-    onStartInputChange: handleStartInputChange,
-    selectedEndDate: dateRange.endDate,
-    selectedSingleDate: singleDate,
-    selectedStartDate: dateRange.startDate,
-    setIsDateRange: ({
-      target: {
-        checked
-      }
-    }) => {
-      setIsDateRange(checked);
+  }, void 0, isDateRange ? /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
+    fromDate: startDate,
+    onFromDateChange: _start => {
+      setStartDate(_start);
+      setLastChangeWasPicker(false);
     },
-    handleDatesChange: handleDatesChange
-  }), isDateRange ? dateRangeController : singleDateController);
+    toDate: endDate,
+    onToDateChange: _end => {
+      setEndDate(_end);
+      setLastChangeWasPicker(false);
+    },
+    type: "date-range-inputs"
+  }) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
+    date: startDate,
+    onDateChange: _date => {
+      setLastChangeWasPicker(false);
+      setStartDate(_date);
+      setEndDate(_date);
+    },
+    type: "date-inputs"
+  }))), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {}, void 0, isDateRange ? /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
+    fromDate: startDate,
+    onFromDateChange: _start => {
+      setStartDate(_start);
+      setLastChangeWasPicker(true);
+    },
+    toDate: endDate,
+    onToDateChange: _end => {
+      setEndDate(_end);
+      setLastChangeWasPicker(true);
+    },
+    type: "date-range-picker-controller-only"
+  }) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
+    date: startDate,
+    onDateChange: _date => {
+      setLastChangeWasPicker(true);
+      setStartDate(_date);
+      setEndDate(_date);
+    },
+    type: "date-picker-controller-only"
+  })));
 };
 
-const formatRangeDate = ({
-  startDate,
-  endDate
-}, format = defaultDateFormat.DEFAULT_DATE_FORMAT) => {
+const formatRangeDate = function (_ref2) {
+  let {
+    startDate,
+    endDate
+  } = _ref2;
+  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
   const sameDay = startDate.isSame(endDate, 'day');
   if (sameDay) return "".concat(endDate.format(format));
   return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
 }; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 
 
-function SingleRangeSwitcherMenu({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = noop,
-  placement = DSPopper.PopperPositions.BOTTOM_END,
-  onAddFilter = noop,
-  dateFormatter = formatRangeDate,
-  enableOutsideDays = true,
-  menuProps
-}) {
+function SingleRangeSwitcherMenu(_ref3) {
+  let {
+    column,
+    className,
+    isMenuOpened = false,
+    onOpenMenu = noop,
+    placement = DSPopper.PopperPositions.BOTTOM_END,
+    onAddFilter = noop,
+    dateFormatter = formatRangeDate,
+    enableOutsideDays = true,
+    menuProps
+  } = _ref3;
   return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
     contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
       className: className
     }, void 0, /*#__PURE__*/_jsx__default["default"](SingleRangeSwitcherContainer, {
       enableOutsideDays: enableOutsideDays,
-      minimumNights: 0,
-      onChange: ({
-        startDate,
-        endDate
-      }) => {
+      onChange: _ref4 => {
+        let {
+          startDate,
+          endDate
+        } = _ref4;
         startDate.startOf('day');
         endDate.endOf('day');
         onAddFilter({
@@ -219,7 +184,7 @@ function SingleRangeSwitcherMenu({
     showArrow: false,
     triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
-      icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default["default"](DatePickerIcon__default["default"], {})),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
       onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
       size: "s"
     }),

package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js

@@ -3,14 +3,21 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/web.dom-collections.iterator.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 lodash = require('lodash');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSPopper = require('@elliemae/ds-basic/Popper');
+var DSButton = require('@elliemae/ds-button');
+var DSPopper = require('@elliemae/ds-popper');
 var dsMenu = require('@elliemae/ds-menu');
-var SearchSmall = require('@elliemae/ds-icons/SearchSmall');
+var dsIcons = require('@elliemae/ds-icons');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,7 +28,6 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var SearchSmall__default = /*#__PURE__*/_interopDefaultLegacy(SearchSmall);
 
 var _SearchSmall;
 
@@ -31,21 +37,23 @@ 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; }
 
-function TextFilterMenu({
-  column,
-  menuStyle = {},
-  className,
-  filters = [],
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  onClose = () => null,
-  placement = DSPopper.PopperPositions.BOTTOM_END,
-  menuProps = {},
-  onAddFilter = () => null,
-  onRemoveFilter = () => null,
-  maxOptions = 10,
-  isMulti = false
-}) {
+function TextFilterMenu(_ref) {
+  let {
+    column,
+    menuStyle = {},
+    className,
+    filters = [],
+    isMenuOpened = false,
+    onOpenMenu = () => null,
+    onClose = () => null,
+    placement = DSPopper.PopperPositions.BOTTOM_END,
+    menuProps = {},
+    onAddFilter = () => null,
+    onRemoveFilter = () => null,
+    maxOptions = 10,
+    isMulti = false
+  } = _ref;
+
   const {
     options
   } = menuProps,
@@ -156,7 +164,7 @@ function TextFilterMenu({
     placement: placement,
     triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
-      icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default["default"](SearchSmall__default["default"], {})),
+      icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchSmall, {})),
       onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
       size: "s"
     })

package/cjs/plugins/filterable/filterableFormatter.js

@@ -1,6 +1,9 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+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('react');
 var FilterableHeader = require('./components/FilterableHeader.js');
 var helper = require('./helper.js');
@@ -9,16 +12,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-function FilterableFormatter({
-  grid,
-  onAddFilter,
-  onRemoveFilter,
-  query,
-  filterMenuRef
-}) {
-  return (value, {
-    column
-  }) => {
+function FilterableFormatter(_ref) {
+  let {
+    grid,
+    onAddFilter,
+    onRemoveFilter,
+    query,
+    filterMenuRef
+  } = _ref;
+  return (value, _ref2) => {
+    let {
+      column
+    } = _ref2;
     const {
       rows,
       composedRows,

package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js

@@ -3,7 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var strategiesOperators = require('./strategiesOperators.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,13 +34,16 @@ const executeFilterStrategy = (rule, row) => {
   } = rule;
   if (field === 'all') return Object.values(row).some(colValue => strategiesOperators('contains')(colValue, value));
   const rowValue = row[field];
-  const transformedValue = utils.isFunction(transform) ? transform(value) : value;
-  const transformedRowValue = utils.isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
+  const transformedValue = dsUtilities.isFunction(transform) ? transform(value) : value;
+  const transformedRowValue = dsUtilities.isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
   const filterStrategy = getRuleStrategyOperator(rule);
   return filterStrategy(transformedRowValue, transformedValue);
 };
 
-const filterByRules = (rules, condition = 'AND') => row => condition === 'AND' ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some(rule => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
+const filterByRules = function (rules) {
+  let condition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'AND';
+  return row => condition === 'AND' ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some(rule => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
+};
 
 function filterRowsByQueryGroup(rows, query, composedRows) {
   if (query && query.rules && query.rules.length === 0) return rows;

package/cjs/plugins/filterable/filtering-helper/strategiesOperators.js

@@ -7,10 +7,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var compare__default = /*#__PURE__*/_interopDefaultLegacy(compare);
 
 var strategiesOperators = (op => ({
-  range: (rowValue, {
-    start,
-    end
-  }) => start <= rowValue && end >= rowValue,
+  range: (rowValue, _ref) => {
+    let {
+      start,
+      end
+    } = _ref;
+    return start <= rowValue && end >= rowValue;
+  },
   equal: (value1, value2) => compare__default["default"].id(value1, value2),
   greaterThan: compare__default["default"].gt,
   lessThan: compare__default["default"].lt,

package/cjs/plugins/filterable/helper.js

@@ -3,8 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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.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.for-each.js');
 require('core-js/modules/web.dom-collections.iterator.js');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,12 +23,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 getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
-const getFilterLabels = (column, rows) => utils.uniqBy(rows, utils.property(column.searchBy || column.property)).map(row => {
-  const value = utils.get(row, column.searchBy || column.property);
+const getFilterLabels = (column, rows) => dsUtilities.uniqBy(rows, dsUtilities.property(column.searchBy || column.property)).map(row => {
+  const value = dsUtilities.get(row, column.searchBy || column.property);
   if (value === undefined) return {};
-  const rowColumnValue = String(utils.get(row, column.searchBy || column.property));
+  const rowColumnValue = String(dsUtilities.get(row, column.searchBy || column.property));
 
-  if (utils.isFunction(column.valueTransformation)) {
+  if (dsUtilities.isFunction(column.valueTransformation)) {
     const nextValue = column.valueTransformation(rowColumnValue);
     return {
       id: nextValue,
@@ -69,7 +78,7 @@ function getFilterValue(filter, column) {
 }
 function buildFilterArray(newFilter, filters) {
   // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]
-  return utils.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
+  return dsUtilities.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
 }
 const groupFilters = filters => filters.filter(filter => !filter.fixed);
 
@@ -81,7 +90,7 @@ function parseFilterToRule(filter) {
 }
 
 function parseFiltersToQuery(filters) {
-  const groupedFilters = utils.groupBy(groupFilters(filters), filter => filter.group);
+  const groupedFilters = dsUtilities.groupBy(groupFilters(filters), filter => filter.group);
   return Object.keys(groupedFilters).reduce((queryResult, field) => {
     const filter = groupedFilters[field];
 

package/cjs/plugins/filterable/useFilterableState.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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 uuid = require('uuid');
 var helper = require('./helper.js');
@@ -81,11 +86,12 @@ function useFilterableState(grid) {
     });
   };
 
-  const removeFilter = ({
-    group,
-    pill,
-    nextFilters
-  }) => {
+  const removeFilter = _ref => {
+    let {
+      group,
+      pill,
+      nextFilters
+    } = _ref;
     onRemoveFilter(group, pill.value, nextFilters);
     handleFiltersChange(nextFilters);
   };

package/cjs/plugins/grouping-by/GroupingByPlugin.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var lodash = require('lodash');
 

package/cjs/plugins/grouping-grid/GroupingPlugin.js

@@ -5,6 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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.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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var dsClassnames = require('@elliemae/ds-classnames');

package/cjs/plugins/grouping-grid/walkStrategy.js

@@ -9,15 +9,17 @@ function getPath(parentNode, index, childrenKey) {
   return [...parentNode.path, childrenKey, index];
 }
 
-function walkTreeStrategy({
-  data,
-  childrenKey = 'children',
-  level = 0,
-  getId = item => item.id,
-  parentNode,
-  shouldWalkChildren = () => true,
-  cb
-}) {
+function walkTreeStrategy(_ref) {
+  let {
+    data,
+    childrenKey = 'children',
+    level = 0,
+    getId = item => item.id,
+    parentNode,
+    shouldWalkChildren = () => true,
+    cb
+  } = _ref;
+
   // eslint-disable-next-line no-loops/no-loops,no-plusplus
   for (let i = 0; i < data.length; i++) {
     const currLevel = level + 1;