@elliemae/ds-datagrids 2.1.0-rc.7 → 2.2.0-alpha.2

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

@@ -1,174 +1,170 @@
-'use strict';
-
-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-button');
-var DSPopper = require('@elliemae/ds-popper');
-var dsMenu = require('@elliemae/ds-menu');
-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 }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _SearchSmall;
-
-const _excluded = ["options"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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,
-        otherMenuProps = _objectWithoutProperties__default["default"](menuProps, _excluded);
-
-  const generateOption = (option, idx) => /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.ItemCheckbox, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TextFilterMenu_exports = {};
+__export(TextFilterMenu_exports, {
+  TextFilterMenu: () => TextFilterMenu,
+  default: () => TextFilterMenu_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_lodash = __toESM(require("lodash"));
+var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
+var import_ds_menu = __toESM(require("@elliemae/ds-menu"));
+var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
+function TextFilterMenu({
+  column,
+  menuStyle = {},
+  className,
+  filters = [],
+  isMenuOpened = false,
+  onOpenMenu = () => null,
+  onClose = () => null,
+  placement = import_ds_popper.PopperPositions.BOTTOM_END,
+  menuProps = {},
+  onAddFilter = () => null,
+  onRemoveFilter = () => null,
+  maxOptions = 10,
+  isMulti = false
+}) {
+  const { options, ...otherMenuProps } = menuProps;
+  const generateOption = (option, idx) => /* @__PURE__ */ import_react.default.createElement(import_ds_menu.Menu.ItemCheckbox, {
+    key: idx,
     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] = React.useState(initialSelectedOptions);
-  React__default["default"].useEffect(() => {
-    const filtersForColumn2 = filters.filter(f => f.group === column.property);
-    setSelected(filtersForColumn2.map(f => f.value));
+  });
+  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] = (0, import_react.useState)(initialSelectedOptions);
+  import_react.default.useEffect(() => {
+    const filtersForColumn2 = filters.filter((f) => f.group === column.property);
+    setSelected(filtersForColumn2.map((f) => f.value));
   }, [filters]);
   const filterGroup = column.searchBy || column.property;
-
   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(item => {
+    const shouldRemove = [];
+    initialSelectedOptions.forEach((item) => {
       if (!selected.includes(item)) {
-        nextFilters = nextFilters.filter(filter => !(filter.group === filterGroup && filter.value === item));
-        shouldRemove.push({
-          group: filterGroup,
-          pill: {
-            value: item
-          }
-        });
+        nextFilters = nextFilters.filter((filter) => !(filter.group === filterGroup && filter.value === item));
+        shouldRemove.push({ group: filterGroup, pill: { value: item } });
       }
     });
-    shouldRemove.forEach(removedFilter => {
-      onRemoveFilter(_objectSpread(_objectSpread({}, removedFilter), {}, {
+    shouldRemove.forEach((removedFilter) => {
+      onRemoveFilter({
+        ...removedFilter,
         nextFilters
-      }));
+      });
     });
-    selected.forEach(item => {
-      // if initialSelectedOptions includes item, then we do nothing
+    selected.forEach((item) => {
       if (!initialSelectedOptions.includes(item)) {
-        var _column$filter;
-
         onAddFilter({
           group: filterGroup,
           label: column.label,
           value: item,
-          operator: (column === null || column === void 0 ? void 0 : (_column$filter = column.filter) === null || _column$filter === void 0 ? void 0 : _column$filter.operator) || 'contains',
+          operator: column?.filter?.operator || "contains",
           transformRowValue: column.valueTransformation
         }, column);
       }
     });
     onClose();
   };
-
-  return /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.DSDropdownMenu, {
     closeMenuOnItemSelection: true,
     contentStyle: menuStyle,
-    customMenu: isMulti ? /*#__PURE__*/_jsx__default["default"](dsMenu.Menu, {
-      containerProps: {
-        id: 'text-filter-menu-multiple'
-      },
+    customMenu: isMulti ? /* @__PURE__ */ import_react.default.createElement(import_ds_menu.Menu, {
+      containerProps: { id: "text-filter-menu-multiple" },
       className: "dg-multiple-filter",
       visible: true
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_menu.Menu.SelectionGroup, {
       active: selected,
-      onSelect: newValues => {
+      onSelect: (newValues) => {
         setSelected(newValues);
       },
       focusOnOpen: true,
       multi: true,
       searchable: true
-    }, void 0, renderOptions(options))) : /*#__PURE__*/jsxRuntime.jsx(dsMenu.MenuCombobox, _objectSpread(_objectSpread({}, otherMenuProps), {}, {
-      className: className,
-      dropdownFilterOptions: _objectSpread(_objectSpread({}, column.dropdownFilterOptions), {}, {
+    }, renderOptions(options))) : /* @__PURE__ */ import_react.default.createElement(import_ds_menu.MenuCombobox, {
+      ...otherMenuProps,
+      className,
+      dropdownFilterOptions: {
+        ...column.dropdownFilterOptions,
         maxOptions
-      }),
+      },
       maxWidth: column.filterMenuMaxWidth,
       minWidth: column.filterMenuMinWidth,
-      onSelectMenuItem: selectedValue => {
+      onSelectMenuItem: (selectedValue) => {
         if (selectedValue) {
-          var _column$filter2;
-
           onAddFilter({
             group: column.searchBy || column.property,
             label: column.label,
             value: selectedValue,
-            operator: (column === null || column === void 0 ? void 0 : (_column$filter2 = column.filter) === null || _column$filter2 === void 0 ? void 0 : _column$filter2.operator) || 'contains',
+            operator: column?.filter?.operator || "contains",
             transformRowValue: column.valueTransformation
           }, column);
           onOpenMenu(false);
         }
       }
-    })),
+    }),
     isOpen: isMenuOpened,
     maxWidth: column.filterMenuMaxWidth,
-    menuProps: menuProps,
+    menuProps,
     minWidth: column.filterMenuMinWidth,
-    onOpenMenu: onOpenMenu,
+    onOpenMenu,
     onClose: isMulti ? onCloseMulti : onClose,
-    options: lodash.compact(options),
-    placement: placement,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    options: (0, import_lodash.compact)(options),
+    placement,
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
       buttonType: "text",
-      icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchSmall, {})),
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SearchSmall, null),
       onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
       size: "s"
     })
   });
 }
-
-module.exports = TextFilterMenu;
+TextFilterMenu.propTypes = {
+  column: import_prop_types.default.any,
+  menuStyle: import_prop_types.default.shape({}),
+  className: import_prop_types.default.string,
+  filters: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  isMenuOpened: import_prop_types.default.bool,
+  onOpenMenu: import_prop_types.default.func,
+  onClose: import_prop_types.default.func,
+  placement: import_prop_types.default.string,
+  menuProps: import_prop_types.default.shape({}),
+  onAddFilter: import_prop_types.default.func,
+  onRemoveFilter: import_prop_types.default.func,
+  maxOptions: import_prop_types.default.number,
+  isMulti: import_prop_types.default.bool
+};
+var TextFilterMenu_default = TextFilterMenu;
+module.exports = __toCommonJS(TextFilterMenu_exports);
+//# sourceMappingURL=TextFilterMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/TextFilterMenu.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { compact } from 'lodash';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { DSButton } from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\nimport { Menu, MenuCombobox } from '@elliemae/ds-menu';\nimport { SearchSmall } from '@elliemae/ds-icons';\n\nfunction TextFilterMenu({\n  column,\n  menuStyle = {},\n  className,\n  filters = [],\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  onClose = () => null,\n  placement = Position.BOTTOM_END,\n  menuProps = {},\n  onAddFilter = () => null,\n  onRemoveFilter = () => null,\n  maxOptions = 10,\n  isMulti = false,\n}) {\n  const { options, ...otherMenuProps } = menuProps;\n\n  const generateOption = (option, idx) => <Menu.ItemCheckbox key={idx} label={option.label} name={option.id} />;\n\n  const renderOptions = (arr) => arr.map(generateOption);\n\n  const filtersForColumn = filters.filter((f) => f.group === column.property);\n\n  const initialSelectedOptions = filtersForColumn.map((f) => f.value);\n\n  const [selected, setSelected] = useState(initialSelectedOptions);\n\n  React.useEffect(() => {\n    const filtersForColumn2 = filters.filter((f) => f.group === column.property);\n    setSelected(filtersForColumn2.map((f) => f.value));\n  }, [filters]);\n\n  const filterGroup = column.searchBy || column.property;\n\n  const onCloseMulti = () => {\n    let nextFilters = [...filters];\n    const shouldRemove = [];\n    // if selected doesn't includes item, then we have to remove the filter\n    // but given that we are maintaining state here and updating the grid state\n    // is not implemented on useFilterableState, we have to do this in 2 traverses\n    // as doing it in one gives trouble when removing and adding at the same time.\n    initialSelectedOptions.forEach((item) => {\n      if (!selected.includes(item)) {\n        nextFilters = nextFilters.filter((filter) => !(filter.group === filterGroup && filter.value === item));\n        shouldRemove.push({ group: filterGroup, pill: { value: item } });\n      }\n    });\n    shouldRemove.forEach((removedFilter) => {\n      onRemoveFilter({\n        ...removedFilter,\n        nextFilters,\n      });\n    });\n    selected.forEach((item) => {\n      // if initialSelectedOptions includes item, then we do nothing\n      if (!initialSelectedOptions.includes(item)) {\n        onAddFilter(\n          {\n            group: filterGroup,\n            label: column.label,\n            value: item,\n            operator: column?.filter?.operator || 'contains',\n            transformRowValue: column.valueTransformation,\n          },\n          column,\n        );\n      }\n    });\n    onClose();\n  };\n\n  return (\n    <DSDropdownMenu\n      closeMenuOnItemSelection\n      contentStyle={menuStyle}\n      customMenu={\n        isMulti ? (\n          <Menu containerProps={{ id: 'text-filter-menu-multiple' }} className=\"dg-multiple-filter\" visible>\n            <Menu.SelectionGroup\n              active={selected}\n              onSelect={(newValues) => {\n                setSelected(newValues);\n              }}\n              focusOnOpen\n              multi\n              searchable\n            >\n              {renderOptions(options)}\n            </Menu.SelectionGroup>\n          </Menu>\n        ) : (\n          <MenuCombobox\n            {...otherMenuProps}\n            className={className}\n            dropdownFilterOptions={{\n              ...column.dropdownFilterOptions,\n              maxOptions,\n            }}\n            maxWidth={column.filterMenuMaxWidth}\n            minWidth={column.filterMenuMinWidth}\n            onSelectMenuItem={(selectedValue) => {\n              if (selectedValue) {\n                onAddFilter(\n                  {\n                    group: column.searchBy || column.property,\n                    label: column.label,\n                    value: selectedValue,\n                    operator: column?.filter?.operator || 'contains',\n                    transformRowValue: column.valueTransformation,\n                  },\n                  column,\n                );\n                onOpenMenu(false);\n              }\n            }}\n          />\n        )\n      }\n      isOpen={isMenuOpened}\n      maxWidth={column.filterMenuMaxWidth}\n      menuProps={menuProps}\n      minWidth={column.filterMenuMinWidth}\n      onOpenMenu={onOpenMenu}\n      onClose={isMulti ? onCloseMulti : onClose}\n      options={compact(options)}\n      placement={placement}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<SearchSmall />}\n          onClick={() => (isMenuOpened ? onOpenMenu(false) : onOpenMenu(true))}\n          size=\"s\"\n        />\n      }\n    />\n  );\n}\n\nTextFilterMenu.propTypes = {\n  column: PropTypes.any,\n  menuStyle: PropTypes.shape({}),\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(PropTypes.shape({})),\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  onClose: PropTypes.func,\n  placement: PropTypes.string,\n  menuProps: PropTypes.shape({}),\n  onAddFilter: PropTypes.func,\n  onRemoveFilter: PropTypes.func,\n  maxOptions: PropTypes.number,\n  isMulti: PropTypes.bool,\n};\n\nexport { TextFilterMenu };\nexport default TextFilterMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,7 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DEFAULT_DATE_FORMAT = 'MM/DD/YYYY';
-
-exports.DEFAULT_DATE_FORMAT = DEFAULT_DATE_FORMAT;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultDateFormat_exports = {};
+__export(defaultDateFormat_exports, {
+  DEFAULT_DATE_FORMAT: () => DEFAULT_DATE_FORMAT
+});
+var React = __toESM(require("react"));
+const DEFAULT_DATE_FORMAT = "MM/DD/YYYY";
+module.exports = __toCommonJS(defaultDateFormat_exports);
+//# sourceMappingURL=defaultDateFormat.js.map

package/cjs/plugins/filterable/components/filterable-menus/defaultDateFormat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/defaultDateFormat.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DEFAULT_DATE_FORMAT = 'MM/DD/YYYY';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;",
+  "names": []
+}

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

@@ -1,18 +1,49 @@
-'use strict';
-
-var DateRangeFilterMenu = require('./DateRangeFilterMenu.js');
-var SingleDateFilterMenu = require('./SingleDateFilterMenu.js');
-var SingleRangeSwitcherMenu = require('./SingleRangeSwitcherMenu.js');
-var TextFilterMenu = require('./TextFilterMenu.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var getFilterMenuByType_exports = {};
+__export(getFilterMenuByType_exports, {
+  default: () => getFilterMenuByType_default,
+  getFilterMenuByType: () => getFilterMenuByType
+});
+var React = __toESM(require("react"));
+var import_DateRangeFilterMenu = __toESM(require("./DateRangeFilterMenu"));
+var import_SingleDateFilterMenu = __toESM(require("./SingleDateFilterMenu"));
+var import_SingleRangeSwitcherMenu = __toESM(require("./SingleRangeSwitcherMenu"));
+var import_TextFilterMenu = __toESM(require("./TextFilterMenu"));
 const ComponentTypes = {
-  'date-range': DateRangeFilterMenu,
-  'single-date': SingleDateFilterMenu,
-  'date-switcher': SingleRangeSwitcherMenu,
-  string: TextFilterMenu
+  "date-range": import_DateRangeFilterMenu.DateRangeFilterMenu,
+  "single-date": import_SingleDateFilterMenu.SingleDateFilterMenu,
+  "date-switcher": import_SingleRangeSwitcherMenu.SingleRangeSwitcherMenu,
+  string: import_TextFilterMenu.TextFilterMenu
 };
-function getFilterMenuByType(type) {
+const getFilterMenuByType = (type) => {
   return ComponentTypes[type] || ComponentTypes.string;
-}
-
-module.exports = getFilterMenuByType;
+};
+var getFilterMenuByType_default = getFilterMenuByType;
+module.exports = __toCommonJS(getFilterMenuByType_exports);
+//# sourceMappingURL=getFilterMenuByType.js.map

package/cjs/plugins/filterable/components/filterable-menus/getFilterMenuByType.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/getFilterMenuByType.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { DateRangeFilterMenu } from './DateRangeFilterMenu';\nimport { SingleDateFilterMenu } from './SingleDateFilterMenu'; // implement\nimport { SingleRangeSwitcherMenu } from './SingleRangeSwitcherMenu'; // implement\nimport { TextFilterMenu } from './TextFilterMenu';\n\nconst ComponentTypes = {\n  'date-range': DateRangeFilterMenu,\n  'single-date': SingleDateFilterMenu,\n  'date-switcher': SingleRangeSwitcherMenu,\n  string: TextFilterMenu,\n};\n\nexport const getFilterMenuByType = (type) => {\n  return ComponentTypes[type] || ComponentTypes.string;\n};\n\nexport default getFilterMenuByType;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAoC;AACpC,kCAAqC;AACrC,qCAAwC;AACxC,4BAA+B;AAE/B,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AAAA;AAGH,MAAM,sBAAsB,CAAC,SAAS;AAC3C,SAAO,eAAe,SAAS,eAAe;AAAA;AAGhD,IAAO,8BAAQ;",
+  "names": []
+}

package/cjs/plugins/filterable/filterableFormatter.js

@@ -1,63 +1,73 @@
-'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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-function FilterableFormatter(_ref) {
-  let {
-    grid,
-    onAddFilter,
-    onRemoveFilter,
-    query,
-    filterMenuRef
-  } = _ref;
-  return (value, _ref2) => {
-    let {
-      column
-    } = _ref2;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var filterableFormatter_exports = {};
+__export(filterableFormatter_exports, {
+  FilterableFormatter: () => FilterableFormatter,
+  default: () => filterableFormatter_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_FilterableHeader = __toESM(require("./components/FilterableHeader"));
+var import_helper = __toESM(require("./helper"));
+const FilterableFormatter = ({
+  grid,
+  onAddFilter,
+  onRemoveFilter,
+  query,
+  filterMenuRef
+}) => {
+  return (value, { column }) => {
     const {
       rows,
       composedRows,
-      props: {
-        groupedRows,
-        groupedBy,
-        onFilterMenuClose,
-        onFilterMenuOpen
-      },
-      state: {
-        filters
-      }
+      props: { groupedRows, groupedBy, onFilterMenuClose, onFilterMenuOpen },
+      state: { filters }
     } = grid.getInstance();
     let rowsToUse = composedRows;
-
     if (column.filter && column.filter.isMulti) {
       rowsToUse = rows;
     }
-
-    const filteredLabels = groupedRows && !groupedBy ? helper.getFilterLabelsGroup(column, rows) : helper.getFilterLabels(column, rowsToUse.rows || rowsToUse);
+    const filteredLabels = groupedRows && !groupedBy ? (0, import_helper.getFilterLabelsGroup)(column, rows, query) : (0, import_helper.getFilterLabels)(column, rowsToUse.rows || rowsToUse, query);
     const columnData = column.filterOptions || filteredLabels;
-    return /*#__PURE__*/_jsx__default["default"](FilterableHeader, {
-      column: column,
-      columnData: columnData,
-      filters: filters,
-      filterMenuRef: filterMenuRef,
-      onAddFilter: onAddFilter,
-      onFilterMenuClose: onFilterMenuClose,
-      onFilterMenuOpen: onFilterMenuOpen,
-      onRemoveFilter: onRemoveFilter,
+    return /* @__PURE__ */ import_react.default.createElement(import_FilterableHeader.FilterableHeader, {
+      column,
+      columnData,
+      filters,
+      filterMenuRef,
+      onAddFilter,
+      onFilterMenuClose,
+      onFilterMenuOpen,
+      onRemoveFilter,
       isMulti: column.filter && column.filter.isMulti,
-      value: value
+      value
     });
   };
-}
-
-module.exports = FilterableFormatter;
+};
+var filterableFormatter_default = FilterableFormatter;
+module.exports = __toCommonJS(filterableFormatter_exports);
+//# sourceMappingURL=filterableFormatter.js.map

package/cjs/plugins/filterable/filterableFormatter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/filterable/filterableFormatter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FilterableHeader } from './components/FilterableHeader';\nimport { getFilterLabels, getFilterLabelsGroup } from './helper';\n\nconst FilterableFormatter = ({\n  grid,\n  onAddFilter,\n  onRemoveFilter,\n  query,\n  filterMenuRef,\n}) => {\n  return (value, { column }) => {\n    const {\n      rows,\n      composedRows,\n      props: { groupedRows, groupedBy, onFilterMenuClose, onFilterMenuOpen },\n      state: { filters },\n    } = grid.getInstance();\n\n    let rowsToUse = composedRows;\n    if (column.filter && column.filter.isMulti) {\n      rowsToUse = rows;\n    }\n\n    const filteredLabels =\n      groupedRows && !groupedBy\n        ? getFilterLabelsGroup(column, rows, query)\n        : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);\n\n    const columnData = column.filterOptions || filteredLabels;\n    return (\n      <FilterableHeader\n        column={column}\n        columnData={columnData}\n        filters={filters}\n        filterMenuRef={filterMenuRef}\n        onAddFilter={onAddFilter}\n        onFilterMenuClose={onFilterMenuClose}\n        onFilterMenuOpen={onFilterMenuOpen}\n        onRemoveFilter={onRemoveFilter}\n        isMulti={column.filter && column.filter.isMulti}\n        value={value}\n      />\n    );\n  };\n}\n\nexport { FilterableFormatter };\nexport default FilterableFormatter;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,8BAAiC;AACjC,oBAAsD;AAEtD,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,SAAO,CAAC,OAAO,EAAE,aAAa;AAC5B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,EAAE,aAAa,WAAW,mBAAmB;AAAA,MACpD,OAAO,EAAE;AAAA,QACP,KAAK;AAET,QAAI,YAAY;AAChB,QAAI,OAAO,UAAU,OAAO,OAAO,SAAS;AAC1C,kBAAY;AAAA;AAGd,UAAM,iBACJ,eAAe,CAAC,YACZ,wCAAqB,QAAQ,MAAM,SACnC,mCAAgB,QAAQ,UAAU,QAAQ,WAAW;AAE3D,UAAM,aAAa,OAAO,iBAAiB;AAC3C,WACE,mDAAC,0CAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,OAAO,UAAU,OAAO,OAAO;AAAA,MACxC;AAAA;AAAA;AAAA;AAOR,IAAO,8BAAQ;",
+  "names": []
+}