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

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

@@ -1,107 +1,79 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
 import { compact } from 'lodash';
 import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
 import DSButton from '@elliemae/ds-button';
 import { PopperPositions } from '@elliemae/ds-popper';
 import { Menu, MenuCombobox } from '@elliemae/ds-menu';
 import { SearchSmall } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["options"];
+var _SearchSmall;
+
+const _excluded = ["options"];
 
 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(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(_ref) {
-  var column = _ref.column,
-      _ref$menuStyle = _ref.menuStyle,
-      menuStyle = _ref$menuStyle === void 0 ? {} : _ref$menuStyle,
-      className = _ref.className,
-      _ref$filters = _ref.filters,
-      filters = _ref$filters === void 0 ? [] : _ref$filters,
-      _ref$isMenuOpened = _ref.isMenuOpened,
-      isMenuOpened = _ref$isMenuOpened === void 0 ? false : _ref$isMenuOpened,
-      _ref$onOpenMenu = _ref.onOpenMenu,
-      onOpenMenu = _ref$onOpenMenu === void 0 ? function () {
-    return null;
-  } : _ref$onOpenMenu,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? PopperPositions.BOTTOM_END : _ref$placement,
-      _ref$menuProps = _ref.menuProps,
-      menuProps = _ref$menuProps === void 0 ? {} : _ref$menuProps,
-      _ref$onAddFilter = _ref.onAddFilter,
-      onAddFilter = _ref$onAddFilter === void 0 ? function () {
-    return null;
-  } : _ref$onAddFilter,
-      _ref$onRemoveFilter = _ref.onRemoveFilter,
-      onRemoveFilter = _ref$onRemoveFilter === void 0 ? function () {
-    return null;
-  } : _ref$onRemoveFilter,
-      _ref$maxOptions = _ref.maxOptions,
-      maxOptions = _ref$maxOptions === void 0 ? 10 : _ref$maxOptions,
-      _ref$isMulti = _ref.isMulti,
-      isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti;
-
-  var options = menuProps.options,
-      otherMenuProps = _objectWithoutProperties(menuProps, _excluded);
-
-  var generateOption = function generateOption(option, idx) {
-    return /*#__PURE__*/React.createElement(Menu.ItemCheckbox, {
-      key: idx,
-      label: option.label,
-      name: option.id
-    });
-  };
-
-  var renderOptions = function renderOptions(arr) {
-    return arr.map(generateOption);
-  };
-
-  var filtersForColumn = filters.filter(function (f) {
-    return f.group === column.property;
-  });
-  var initialSelectedOptions = filtersForColumn.map(function (f) {
-    return f.value;
-  });
-
-  var _useState = useState(initialSelectedOptions),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
-  React.useEffect(function () {
-    var filtersForColumn2 = filters.filter(function (f) {
-      return f.group === column.property;
-    });
-    setSelected(filtersForColumn2.map(function (f) {
-      return f.value;
-    }));
+  let {
+    column,
+    menuStyle = {},
+    className,
+    filters = [],
+    isMenuOpened = false,
+    onOpenMenu = () => null,
+    onClose = () => null,
+    placement = PopperPositions.BOTTOM_END,
+    menuProps = {},
+    onAddFilter = () => null,
+    onRemoveFilter = () => null,
+    maxOptions = 10,
+    isMulti = false
+  } = _ref;
+
+  const {
+    options
+  } = menuProps,
+        otherMenuProps = _objectWithoutProperties(menuProps, _excluded);
+
+  const generateOption = (option, idx) => /*#__PURE__*/_jsx(Menu.ItemCheckbox, {
+    label: option.label,
+    name: option.id
+  }, idx);
+
+  const renderOptions = arr => arr.map(generateOption);
+
+  const filtersForColumn = filters.filter(f => f.group === column.property);
+  const initialSelectedOptions = filtersForColumn.map(f => f.value);
+  const [selected, setSelected] = useState(initialSelectedOptions);
+  React.useEffect(() => {
+    const filtersForColumn2 = filters.filter(f => f.group === column.property);
+    setSelected(filtersForColumn2.map(f => f.value));
   }, [filters]);
-  var filterGroup = column.searchBy || column.property;
+  const filterGroup = column.searchBy || column.property;
 
-  var onCloseMulti = function onCloseMulti() {
-    var nextFilters = _toConsumableArray(filters);
-
-    var shouldRemove = []; // if selected doesn't includes item, then we have to remove the filter
+  const onCloseMulti = () => {
+    let nextFilters = [...filters];
+    const shouldRemove = []; // if selected doesn't includes item, then we have to remove the filter
     // but given that we are maintaining state here and updating the grid state
     // is not implemented on useFilterableState, we have to do this in 2 traverses
     // as doing it in one gives trouble when removing and adding at the same time.
 
-    initialSelectedOptions.forEach(function (item) {
+    initialSelectedOptions.forEach(item => {
       if (!selected.includes(item)) {
-        nextFilters = nextFilters.filter(function (filter) {
-          return !(filter.group === filterGroup && filter.value === item);
-        });
+        nextFilters = nextFilters.filter(filter => !(filter.group === filterGroup && filter.value === item));
         shouldRemove.push({
           group: filterGroup,
           pill: {
@@ -110,12 +82,12 @@ function TextFilterMenu(_ref) {
         });
       }
     });
-    shouldRemove.forEach(function (removedFilter) {
+    shouldRemove.forEach(removedFilter => {
       onRemoveFilter(_objectSpread(_objectSpread({}, removedFilter), {}, {
-        nextFilters: nextFilters
+        nextFilters
       }));
     });
-    selected.forEach(function (item) {
+    selected.forEach(item => {
       // if initialSelectedOptions includes item, then we do nothing
       if (!initialSelectedOptions.includes(item)) {
         var _column$filter;
@@ -132,31 +104,31 @@ function TextFilterMenu(_ref) {
     onClose();
   };
 
-  return /*#__PURE__*/React.createElement(DSDropdownMenu, {
+  return /*#__PURE__*/_jsx(DSDropdownMenu, {
     closeMenuOnItemSelection: true,
     contentStyle: menuStyle,
-    customMenu: isMulti ? /*#__PURE__*/React.createElement(Menu, {
+    customMenu: isMulti ? /*#__PURE__*/_jsx(Menu, {
       containerProps: {
         id: 'text-filter-menu-multiple'
       },
       className: "dg-multiple-filter",
       visible: true
-    }, /*#__PURE__*/React.createElement(Menu.SelectionGroup, {
+    }, void 0, /*#__PURE__*/_jsx(Menu.SelectionGroup, {
       active: selected,
-      onSelect: function onSelect(newValues) {
+      onSelect: newValues => {
         setSelected(newValues);
       },
       focusOnOpen: true,
       multi: true,
       searchable: true
-    }, renderOptions(options))) : /*#__PURE__*/React.createElement(MenuCombobox, _extends({}, otherMenuProps, {
+    }, void 0, renderOptions(options))) : /*#__PURE__*/jsx(MenuCombobox, _objectSpread(_objectSpread({}, otherMenuProps), {}, {
       className: className,
       dropdownFilterOptions: _objectSpread(_objectSpread({}, column.dropdownFilterOptions), {}, {
-        maxOptions: maxOptions
+        maxOptions
       }),
       maxWidth: column.filterMenuMaxWidth,
       minWidth: column.filterMenuMinWidth,
-      onSelectMenuItem: function onSelectMenuItem(selectedValue) {
+      onSelectMenuItem: selectedValue => {
         if (selectedValue) {
           var _column$filter2;
 
@@ -179,32 +151,13 @@ function TextFilterMenu(_ref) {
     onClose: isMulti ? onCloseMulti : onClose,
     options: compact(options),
     placement: placement,
-    triggerComponent: /*#__PURE__*/React.createElement(DSButton, {
+    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
       buttonType: "text",
-      icon: /*#__PURE__*/React.createElement(SearchSmall, null),
-      onClick: function onClick() {
-        return isMenuOpened ? onOpenMenu(false) : onOpenMenu(true);
-      },
+      icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx(SearchSmall, {})),
+      onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
       size: "s"
     })
   });
 }
 
-TextFilterMenu.propTypes = {
-  column: PropTypes.any,
-  menuStyle: PropTypes.shape({}),
-  className: PropTypes.string,
-  filters: PropTypes.arrayOf(PropTypes.shape({})),
-  isMenuOpened: PropTypes.bool,
-  onOpenMenu: PropTypes.func,
-  onClose: PropTypes.func,
-  placement: PropTypes.string,
-  menuProps: PropTypes.shape({}),
-  onAddFilter: PropTypes.func,
-  onRemoveFilter: PropTypes.func,
-  maxOptions: PropTypes.number,
-  isMulti: PropTypes.bool
-};
-
 export { TextFilterMenu as default };
-//# sourceMappingURL=TextFilterMenu.js.map

package/esm/plugins/filterable/components/filterable-menus/defaultDateFormat.js

@@ -1,4 +1,3 @@
-var DEFAULT_DATE_FORMAT = 'MM/DD/YYYY';
+const DEFAULT_DATE_FORMAT = 'MM/DD/YYYY';
 
 export { DEFAULT_DATE_FORMAT };
-//# sourceMappingURL=defaultDateFormat.js.map

package/esm/plugins/filterable/components/filterable-menus/getFilterMenuByType.js

@@ -2,29 +2,8 @@ import DateRangeFilterMenu from './DateRangeFilterMenu.js';
 import SingleDateFilterMenu from './SingleDateFilterMenu.js';
 import SingleRangeSwitcherMenu from './SingleRangeSwitcherMenu.js';
 import TextFilterMenu from './TextFilterMenu.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'prop-types';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import 'moment';
-import '@elliemae/ds-classnames';
-import './defaultDateFormat.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-basic/Popper';
-import '@elliemae/ds-basic/Button';
-import 'styled-components';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'lodash';
-import '@elliemae/ds-dropdownmenu';
-import '@elliemae/ds-menu';
 
-var ComponentTypes = {
+const ComponentTypes = {
   'date-range': DateRangeFilterMenu,
   'single-date': SingleDateFilterMenu,
   'date-switcher': SingleRangeSwitcherMenu,
@@ -35,4 +14,3 @@ function getFilterMenuByType(type) {
 }
 
 export { getFilterMenuByType as default };
-//# sourceMappingURL=getFilterMenuByType.js.map

package/esm/plugins/filterable/filterableFormatter.js

@@ -1,64 +1,45 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'react';
 import FilterableHeader from './components/FilterableHeader.js';
 import { getFilterLabelsGroup, getFilterLabels } from './helper.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'prop-types';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-system';
-import './components/filterable-menus/getFilterMenuByType.js';
-import './components/filterable-menus/DateRangeFilterMenu.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import 'moment';
-import './components/filterable-menus/defaultDateFormat.js';
-import './components/filterable-menus/SingleDateFilterMenu.js';
-import '@elliemae/ds-grid';
-import './components/filterable-menus/SingleRangeSwitcherMenu.js';
-import '@elliemae/ds-basic/Popper';
-import '@elliemae/ds-basic/Button';
-import 'styled-components';
-import './components/filterable-menus/TextFilterMenu.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'lodash';
-import '@elliemae/ds-dropdownmenu';
-import '@elliemae/ds-menu';
-
-/* eslint-disable react/display-name */
 
 function FilterableFormatter(_ref) {
-  var grid = _ref.grid,
-      onAddFilter = _ref.onAddFilter,
-      onRemoveFilter = _ref.onRemoveFilter;
-      _ref.query;
-      var filterMenuRef = _ref.filterMenuRef;
-  return function (value, _ref2) {
-    var column = _ref2.column;
-
-    var _grid$getInstance = grid.getInstance(),
-        rows = _grid$getInstance.rows,
-        composedRows = _grid$getInstance.composedRows,
-        _grid$getInstance$pro = _grid$getInstance.props,
-        groupedRows = _grid$getInstance$pro.groupedRows,
-        groupedBy = _grid$getInstance$pro.groupedBy,
-        onFilterMenuClose = _grid$getInstance$pro.onFilterMenuClose,
-        onFilterMenuOpen = _grid$getInstance$pro.onFilterMenuOpen,
-        filters = _grid$getInstance.state.filters;
-
-    var rowsToUse = composedRows;
+  let {
+    grid,
+    onAddFilter,
+    onRemoveFilter,
+    query,
+    filterMenuRef
+  } = _ref;
+  return (value, _ref2) => {
+    let {
+      column
+    } = _ref2;
+    const {
+      rows,
+      composedRows,
+      props: {
+        groupedRows,
+        groupedBy,
+        onFilterMenuClose,
+        onFilterMenuOpen
+      },
+      state: {
+        filters
+      }
+    } = grid.getInstance();
+    let rowsToUse = composedRows;
 
     if (column.filter && column.filter.isMulti) {
       rowsToUse = rows;
     }
 
-    var filteredLabels = groupedRows && !groupedBy ? getFilterLabelsGroup(column, rows) : getFilterLabels(column, rowsToUse.rows || rowsToUse);
-    var columnData = column.filterOptions || filteredLabels;
-    return /*#__PURE__*/React.createElement(FilterableHeader, {
+    const filteredLabels = groupedRows && !groupedBy ? getFilterLabelsGroup(column, rows) : getFilterLabels(column, rowsToUse.rows || rowsToUse);
+    const columnData = column.filterOptions || filteredLabels;
+    return /*#__PURE__*/_jsx(FilterableHeader, {
       column: column,
       columnData: columnData,
       filters: filters,
@@ -74,4 +55,3 @@ function FilterableFormatter(_ref) {
 }
 
 export { FilterableFormatter as default };
-//# sourceMappingURL=filterableFormatter.js.map

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

@@ -1,47 +1,47 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { isFunction } from '@elliemae/ds-utilities';
 import strategiesOperators from './strategiesOperators.js';
-import 'comparejs';
 
 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(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 getRuleStrategyOperator = function getRuleStrategyOperator(rule) {
-  return rule.strategy || strategiesOperators(rule.operator);
-};
+const getRuleStrategyOperator = rule => rule.strategy || strategiesOperators(rule.operator);
 
-var executeFilterStrategy = function executeFilterStrategy(rule, row) {
-  var value = rule.value,
-      field = rule.field,
-      transform = rule.transform,
-      transformRowValue = rule.transformRowValue;
-  if (field === 'all') return Object.values(row).some(function (colValue) {
-    return strategiesOperators('contains')(colValue, value);
-  });
-  var rowValue = row[field];
-  var transformedValue = isFunction(transform) ? transform(value) : value;
-  var transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
-  var filterStrategy = getRuleStrategyOperator(rule);
+const executeFilterStrategy = (rule, row) => {
+  const {
+    value,
+    field,
+    transform,
+    transformRowValue
+  } = rule;
+  if (field === 'all') return Object.values(row).some(colValue => strategiesOperators('contains')(colValue, value));
+  const rowValue = row[field];
+  const transformedValue = isFunction(transform) ? transform(value) : value;
+  const transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
+  const filterStrategy = getRuleStrategyOperator(rule);
   return filterStrategy(transformedRowValue, transformedValue);
 };
 
-var filterByRules = function filterByRules(rules) {
-  var condition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'AND';
-  return function (row) {
-    return condition === 'AND' ? rules.reduce(function (isFiltered, rule) {
-      return rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row);
-    }, true) : rules.some(function (rule) {
-      return 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;
-  var newRows = [];
-  var parentMap = {};
-  composedRows.forEach(function (parentRow) {
+  const newRows = [];
+  const parentMap = {};
+  composedRows.forEach(parentRow => {
     if (parentRow.isGroup) {
       newRows.push(_objectSpread(_objectSpread({}, parentRow), {}, {
         _filtered: true
@@ -53,7 +53,7 @@ function filterRowsByQueryGroup(rows, query, composedRows) {
       parentMap[parentRow.parentNode.id] = true;
     }
   });
-  return newRows.filter(function (r) {
+  return newRows.filter(r => {
     if (r.isGroup && !parentMap[r.id]) return false;
     return true;
   });
@@ -63,4 +63,3 @@ function filterRowsByQuery(rows, query) {
 }
 
 export { filterRowsByQuery as default, filterRowsByQueryGroup };
-//# sourceMappingURL=filterRowsByQuery.js.map

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

@@ -1,22 +1,17 @@
 import compare from 'comparejs';
 
-var strategiesOperators = (function (op) {
-  return {
-    range: function range(rowValue, _ref) {
-      var start = _ref.start,
-          end = _ref.end;
-      return start <= rowValue && end >= rowValue;
-    },
-    equal: function equal(value1, value2) {
-      return compare.id(value1, value2);
-    },
-    greaterThan: compare.gt,
-    lessThan: compare.lt,
-    contains: function contains(rowValue, value) {
-      return String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1;
-    }
-  }[op] || compare.id;
-});
+var strategiesOperators = (op => ({
+  range: (rowValue, _ref) => {
+    let {
+      start,
+      end
+    } = _ref;
+    return start <= rowValue && end >= rowValue;
+  },
+  equal: (value1, value2) => compare.id(value1, value2),
+  greaterThan: compare.gt,
+  lessThan: compare.lt,
+  contains: (rowValue, value) => String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1
+})[op] || compare.id);
 
 export { strategiesOperators as default };
-//# sourceMappingURL=strategiesOperators.js.map