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

package/cjs/plugins/filterable/helper.js

@@ -3,65 +3,69 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+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');
+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 }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 
 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 getFilterLabel = function getFilterLabel(column, value) {
-  return column.filterLabels ? column.filterLabels[value] || value : value;
-};
-var getFilterLabels = function getFilterLabels(column, rows) {
-  return dsUtilities.uniqBy(rows, dsUtilities.property(column.searchBy || column.property)).map(function (row) {
-    var value = dsUtilities.get(row, column.searchBy || column.property);
-    if (value === undefined) return {};
-    var rowColumnValue = String(dsUtilities.get(row, column.searchBy || column.property));
-
-    if (dsUtilities.isFunction(column.valueTransformation)) {
-      var nextValue = column.valueTransformation(rowColumnValue);
-      return {
-        id: nextValue,
-        label: nextValue
-      };
-    }
+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) => 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(dsUtilities.get(row, column.searchBy || column.property));
 
-    var label = getFilterLabel(column, rowColumnValue);
+  if (dsUtilities.isFunction(column.valueTransformation)) {
+    const nextValue = column.valueTransformation(rowColumnValue);
     return {
-      id: rowColumnValue || label,
-      label: label
+      id: nextValue,
+      label: nextValue
     };
-  }).filter(function (row) {
-    return row.id;
-  }).filter(function (row) {
-    if (row.id.startsWith) return !row.id.startsWith('grouped-by');
-    return true;
-  });
-};
-var getFilterLabelsGroup = function getFilterLabelsGroup(column, rows) {
-  var flat = [];
-  rows.forEach(function (r) {
+  }
+
+  const label = getFilterLabel(column, rowColumnValue);
+  return {
+    id: rowColumnValue || label,
+    label
+  };
+}).filter(row => row.id).filter(row => {
+  if (row.id.startsWith) return !row.id.startsWith('grouped-by');
+  return true;
+});
+const getFilterLabelsGroup = (column, rows) => {
+  let flat = [];
+  rows.forEach(r => {
     if (r.children) {
-      flat = [].concat(_toConsumableArray__default['default'](flat), _toConsumableArray__default['default'](r.children));
+      flat = [...flat, ...r.children];
     }
   });
   return getFilterLabels(column, flat);
 };
 function getFilterValue(filter, column) {
-  var value = filter.value;
+  const {
+    value
+  } = filter;
   if (!column) return value;
-  var filterOptions = column.filterOptions,
-      filterLabels = column.filterLabels;
+  const {
+    filterOptions,
+    filterLabels
+  } = column;
 
   if (filterOptions) {
-    var foundOption = column.filterOptions.filter(function (option) {
-      return option.id === value;
-    })[0];
+    const foundOption = column.filterOptions.filter(option => option.id === value)[0];
     if (foundOption) return foundOption.label;
     return value;
   }
@@ -74,15 +78,9 @@ function getFilterValue(filter, column) {
 }
 function buildFilterArray(newFilter, filters) {
   // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]
-  return dsUtilities.uniqBy([].concat(_toConsumableArray__default['default'](filters), [newFilter]), function (v) {
-    return [v.group, v.value].join();
-  });
+  return dsUtilities.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
 }
-var groupFilters = function groupFilters(filters) {
-  return filters.filter(function (filter) {
-    return !filter.fixed;
-  });
-};
+const groupFilters = filters => filters.filter(filter => !filter.fixed);
 
 function parseFilterToRule(filter) {
   return _objectSpread(_objectSpread({}, filter), {}, {
@@ -92,11 +90,9 @@ function parseFilterToRule(filter) {
 }
 
 function parseFiltersToQuery(filters) {
-  var groupedFilters = dsUtilities.groupBy(groupFilters(filters), function (filter) {
-    return filter.group;
-  });
-  return Object.keys(groupedFilters).reduce(function (queryResult, field) {
-    var filter = groupedFilters[field];
+  const groupedFilters = dsUtilities.groupBy(groupFilters(filters), filter => filter.group);
+  return Object.keys(groupedFilters).reduce((queryResult, field) => {
+    const filter = groupedFilters[field];
 
     if (Array.isArray(filter) && filter.length > 1) {
       // create query group with 'OR' condition
@@ -122,4 +118,3 @@ exports.getFilterLabelsGroup = getFilterLabelsGroup;
 exports.getFilterValue = getFilterValue;
 exports.groupFilters = groupFilters;
 exports.parseFiltersToQuery = parseFiltersToQuery;
-//# sourceMappingURL=helper.js.map

package/cjs/plugins/filterable/index.js

@@ -2,48 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_filterable_FilterablePlugin = require('./FilterablePlugin.js');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./addFilterToColumn.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./filterableFormatter.js');
-require('./components/FilterableHeader.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-system');
-require('./components/filterable-menus/getFilterMenuByType.js');
-require('./components/filterable-menus/DateRangeFilterMenu.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-popper');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('moment');
-require('./components/filterable-menus/defaultDateFormat.js');
-require('./components/filterable-menus/SingleDateFilterMenu.js');
-require('@elliemae/ds-grid');
-require('./components/filterable-menus/SingleRangeSwitcherMenu.js');
-require('@elliemae/ds-basic/Popper');
-require('@elliemae/ds-basic/Button');
-require('styled-components');
-require('./components/filterable-menus/TextFilterMenu.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('lodash');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-menu');
-require('./helper.js');
-require('./filtering-helper/filterRowsByQuery.js');
-require('./filtering-helper/strategiesOperators.js');
-require('comparejs');
-require('./useFilterableState.js');
-require('uuid');
+var FilterablePlugin = require('./FilterablePlugin.js');
 
 
 
-exports.FilterablePlugin = plugins_filterable_FilterablePlugin.FilterablePlugin;
-//# sourceMappingURL=index.js.map
+exports.FilterablePlugin = FilterablePlugin.FilterablePlugin;

package/cjs/plugins/filterable/useFilterableState.js

@@ -3,73 +3,63 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var uuid = require('uuid');
-var plugins_filterable_helper = require('./helper.js');
-require('@babel/runtime/helpers/toConsumableArray');
-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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 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; }
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
 function useFilterableState(grid) {
-  var _grid$props = grid.props,
-      filtersProp = _grid$props.filters,
-      _grid$props$onAddFilt = _grid$props.onAddFilter,
-      onAddFilter = _grid$props$onAddFilt === void 0 ? noop : _grid$props$onAddFilt,
-      _grid$props$onRemoveF = _grid$props.onRemoveFilter,
-      onRemoveFilter = _grid$props$onRemoveF === void 0 ? noop : _grid$props$onRemoveF,
-      _grid$props$onRemoveA = _grid$props.onRemoveAllFilters,
-      onRemoveAllFilters = _grid$props$onRemoveA === void 0 ? noop : _grid$props$onRemoveA,
-      _grid$props$onFilters = _grid$props.onFiltersChange,
-      onFiltersChange = _grid$props$onFilters === void 0 ? noop : _grid$props$onFilters;
-
-  var _useState = React.useState(filtersProp || []),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      filters = _useState2[0],
-      setFilters = _useState2[1];
-
-  React.useEffect(function () {
+  const {
+    filters: filtersProp,
+    onAddFilter = noop,
+    onRemoveFilter = noop,
+    onRemoveAllFilters = noop,
+    onFiltersChange = noop
+  } = grid.props;
+  const [filters, setFilters] = React.useState(filtersProp || []);
+  React.useEffect(() => {
     if (filtersProp && filtersProp !== filters) {
       setFilters(filtersProp);
     }
   }, [filtersProp]);
-  var queryFromFilters = React.useMemo(function () {
-    return plugins_filterable_helper.parseFiltersToQuery(filters || []);
-  }, [filters]);
-
-  var handleFiltersChange = function handleFiltersChange(nextFilters) {
-    var _grid$getInstance = grid.getInstance(),
-        body = _grid$getInstance.refs.body;
+  const queryFromFilters = React.useMemo(() => helper.parseFiltersToQuery(filters || []), [filters]);
 
+  const handleFiltersChange = nextFilters => {
+    const {
+      refs: {
+        body
+      }
+    } = grid.getInstance();
     body.current.scrollTop = 0;
     setFilters(nextFilters);
-    grid.observeRows(function (rows) {
-      return onFiltersChange(nextFilters, queryFromFilters, rows);
-    });
+    grid.observeRows(rows => onFiltersChange(nextFilters, queryFromFilters, rows));
   };
 
-  var addFilter = function addFilter(filter, column) {
-    var hasBeenCalled = false;
+  const addFilter = (filter, column) => {
+    let hasBeenCalled = false;
 
-    var trimmedFilter = _objectSpread(_objectSpread({}, filter), {}, {
+    const trimmedFilter = _objectSpread(_objectSpread({}, filter), {}, {
       value: String(filter.value).trim()
     });
     /* eslint-disable indent */
 
 
-    var parsedFilter = !filter.group ? _objectSpread(_objectSpread({}, trimmedFilter), {}, {
+    const parsedFilter = !filter.group ? _objectSpread(_objectSpread({}, trimmedFilter), {}, {
       value: String(filter.value).trim(),
       group: 'all',
       label: 'All',
@@ -79,48 +69,49 @@ function useFilterableState(grid) {
       id: uuid.v4(),
       label: column && column.filterLabel || trimmedFilter.label,
       originalProperty: column.originalProperty || column.property,
-      customValue: plugins_filterable_helper.getFilterValue(trimmedFilter, column)
+      customValue: helper.getFilterValue(trimmedFilter, column)
     });
     /* eslint-enable indent */
 
-    setFilters(function (prevFilters) {
+    setFilters(prevFilters => {
       // This was setted for an issue that was recalling this function on the handleFiltersChange
       if (hasBeenCalled) {
         return;
       }
 
       hasBeenCalled = true;
-      var nextFilters = plugins_filterable_helper.buildFilterArray(parsedFilter, prevFilters);
+      const nextFilters = helper.buildFilterArray(parsedFilter, prevFilters);
       handleFiltersChange(nextFilters);
       onAddFilter(parsedFilter, nextFilters, column);
     });
   };
 
-  var removeFilter = function removeFilter(_ref) {
-    var group = _ref.group,
-        pill = _ref.pill,
-        nextFilters = _ref.nextFilters;
+  const removeFilter = _ref => {
+    let {
+      group,
+      pill,
+      nextFilters
+    } = _ref;
     onRemoveFilter(group, pill.value, nextFilters);
     handleFiltersChange(nextFilters);
   };
 
-  var removeAllFilters = function removeAllFilters() {
+  const removeAllFilters = () => {
     onRemoveAllFilters();
     handleFiltersChange([]);
   };
 
   return {
     actions: {
-      addFilter: addFilter,
-      removeFilter: removeFilter,
-      removeAllFilters: removeAllFilters
+      addFilter,
+      removeFilter,
+      removeAllFilters
     },
     state: {
       query: queryFromFilters,
-      filters: filters
+      filters
     }
   };
 }
 
 exports.useFilterableState = useFilterableState;
-//# sourceMappingURL=useFilterableState.js.map

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');
 
@@ -9,30 +11,30 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var groupedByData = function groupedByData(groupedBy, composedRows) {
-  var grouped = lodash.groupBy(composedRows, groupedBy);
-  return Object.keys(grouped).map(function (c, key) {
-    return {
-      id: "grouped-by-".concat(groupedBy, "-").concat(key),
-      key: groupedBy,
-      value: c,
-      children: grouped[c],
-      _isGroup: true,
-      isGroup: true
-    };
-  });
+const groupedByData = (groupedBy, composedRows) => {
+  const grouped = lodash.groupBy(composedRows, groupedBy);
+  return Object.keys(grouped).map((c, key) => ({
+    id: "grouped-by-".concat(groupedBy, "-").concat(key),
+    key: groupedBy,
+    value: c,
+    children: grouped[c],
+    _isGroup: true,
+    isGroup: true
+  }));
 };
 
-var GroupingByPlugin = createInstancePlugin__default['default']('groupedByRows', {
-  decorateGrid: function decorateGrid(grid) {
-    var _grid$getInstance = grid.getInstance(),
-        composedRows = _grid$getInstance.composedRows,
-        groupedBy = _grid$getInstance.props.groupedBy;
-
+const GroupingByPlugin = createInstancePlugin__default["default"]('groupedByRows', {
+  decorateGrid(grid) {
+    const {
+      composedRows,
+      props: {
+        groupedBy
+      }
+    } = grid.getInstance();
     grid.composedRows = groupedBy ? groupedByData(groupedBy, composedRows) : composedRows;
     return grid;
   }
+
 });
 
 exports.GroupingByPlugin = GroupingByPlugin;
-//# sourceMappingURL=GroupingByPlugin.js.map