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

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

@@ -1,16 +1,20 @@
-import DateRangeFilterMenu from './DateRangeFilterMenu.js';
-import SingleDateFilterMenu from './SingleDateFilterMenu.js';
-import SingleRangeSwitcherMenu from './SingleRangeSwitcherMenu.js';
-import TextFilterMenu from './TextFilterMenu.js';
-
+import * as React from "react";
+import { DateRangeFilterMenu } from "./DateRangeFilterMenu";
+import { SingleDateFilterMenu } from "./SingleDateFilterMenu";
+import { SingleRangeSwitcherMenu } from "./SingleRangeSwitcherMenu";
+import { TextFilterMenu } from "./TextFilterMenu";
 const ComponentTypes = {
-  'date-range': DateRangeFilterMenu,
-  'single-date': SingleDateFilterMenu,
-  'date-switcher': SingleRangeSwitcherMenu,
+  "date-range": DateRangeFilterMenu,
+  "single-date": SingleDateFilterMenu,
+  "date-switcher": SingleRangeSwitcherMenu,
   string: TextFilterMenu
 };
-function getFilterMenuByType(type) {
+const getFilterMenuByType = (type) => {
   return ComponentTypes[type] || ComponentTypes.string;
-}
-
-export { getFilterMenuByType as default };
+};
+var getFilterMenuByType_default = getFilterMenuByType;
+export {
+  getFilterMenuByType_default as default,
+  getFilterMenuByType
+};
+//# sourceMappingURL=getFilterMenuByType.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/getFilterMenuByType.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,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/esm/plugins/filterable/filterableFormatter.js

@@ -1,57 +1,44 @@
-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';
-
-function FilterableFormatter(_ref) {
-  let {
-    grid,
-    onAddFilter,
-    onRemoveFilter,
-    query,
-    filterMenuRef
-  } = _ref;
-  return (value, _ref2) => {
-    let {
-      column
-    } = _ref2;
+import * as React from "react";
+import React2 from "react";
+import { FilterableHeader } from "./components/FilterableHeader";
+import { getFilterLabels, getFilterLabelsGroup } from "./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 ? getFilterLabelsGroup(column, rows) : getFilterLabels(column, rowsToUse.rows || rowsToUse);
+    const filteredLabels = groupedRows && !groupedBy ? getFilterLabelsGroup(column, rows, query) : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);
     const columnData = column.filterOptions || filteredLabels;
-    return /*#__PURE__*/_jsx(FilterableHeader, {
-      column: column,
-      columnData: columnData,
-      filters: filters,
-      filterMenuRef: filterMenuRef,
-      onAddFilter: onAddFilter,
-      onFilterMenuClose: onFilterMenuClose,
-      onFilterMenuOpen: onFilterMenuOpen,
-      onRemoveFilter: onRemoveFilter,
+    return /* @__PURE__ */ React2.createElement(FilterableHeader, {
+      column,
+      columnData,
+      filters,
+      filterMenuRef,
+      onAddFilter,
+      onFilterMenuClose,
+      onFilterMenuOpen,
+      onRemoveFilter,
       isMulti: column.filter && column.filter.isMulti,
-      value: value
+      value
     });
   };
-}
-
-export { FilterableFormatter as default };
+};
+var filterableFormatter_default = FilterableFormatter;
+export {
+  FilterableFormatter,
+  filterableFormatter_default as default
+};
+//# sourceMappingURL=filterableFormatter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/filterableFormatter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,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,qBAAqB,QAAQ,MAAM,SACnC,gBAAgB,QAAQ,UAAU,QAAQ,WAAW;AAE3D,UAAM,aAAa,OAAO,iBAAiB;AAC3C,WACE,qCAAC,kBAAD;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": []
+}

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

@@ -1,65 +1,50 @@
-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';
-
-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(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; }
-
-const getRuleStrategyOperator = rule => rule.strategy || strategiesOperators(rule.operator);
-
+import * as React from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { strategiesOperators } from "./strategiesOperators";
+const getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);
 const executeFilterStrategy = (rule, row) => {
-  const {
-    value,
-    field,
-    transform,
-    transformRowValue
-  } = rule;
-  if (field === 'all') return Object.values(row).some(colValue => strategiesOperators('contains')(colValue, value));
+  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);
 };
-
-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));
-};
-
+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));
 function filterRowsByQueryGroup(rows, query, composedRows) {
-  if (query && query.rules && query.rules.length === 0) return rows;
+  if (query && query.rules && query.rules.length === 0)
+    return rows;
   const newRows = [];
   const parentMap = {};
-  composedRows.forEach(parentRow => {
+  composedRows.forEach((parentRow) => {
     if (parentRow.isGroup) {
-      newRows.push(_objectSpread(_objectSpread({}, parentRow), {}, {
+      newRows.push({
+        ...parentRow,
         _filtered: true
-      }));
+      });
     } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {
-      newRows.push(_objectSpread(_objectSpread({}, parentRow), {}, {
+      newRows.push({
+        ...parentRow,
         _filtered: true
-      }));
+      });
       parentMap[parentRow.parentNode.id] = true;
     }
   });
-  return newRows.filter(r => {
-    if (r.isGroup && !parentMap[r.id]) return false;
+  return newRows.filter((r) => {
+    if (r.isGroup && !parentMap[r.id])
+      return false;
     return true;
   });
 }
-function filterRowsByQuery(rows, query) {
+const filterRowsByQuery = (rows, query) => {
   return rows.filter(filterByRules(query.rules, query.condition));
-}
-
-export { filterRowsByQuery as default, filterRowsByQueryGroup };
+};
+var filterRowsByQuery_default = filterRowsByQuery;
+export {
+  filterRowsByQuery_default as default,
+  filterRowsByQuery,
+  filterRowsByQueryGroup
+};
+//# sourceMappingURL=filterRowsByQuery.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/filtering-helper/filterRowsByQuery.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from '@elliemae/ds-utilities';\nimport { strategiesOperators } from './strategiesOperators';\n\nconst getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);\n\nconst executeFilterStrategy = (rule, row) => {\n  const { value, field, transform, transformRowValue } = rule;\n  if (field === 'all') return Object.values(row).some((colValue) => strategiesOperators('contains')(colValue, value));\n  const rowValue = row[field];\n  const transformedValue = isFunction(transform) ? transform(value) : value;\n  const transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;\n\n  const filterStrategy = getRuleStrategyOperator(rule);\n  return filterStrategy(transformedRowValue, transformedValue);\n};\n\nconst filterByRules =\n  (rules, condition = 'AND') =>\n  (row) =>\n    condition === 'AND'\n      ? rules.reduce(\n          (isFiltered, rule) =>\n            rule.rules && rule.rules.length\n              ? isFiltered && filterByRules(rule.rules, rule.condition)(row)\n              : isFiltered && executeFilterStrategy(rule, row),\n          true,\n        )\n      : rules.some((rule) =>\n          rule.rules && rule.rules.length\n            ? filterByRules(rule.rules, rule.condition)(row)\n            : executeFilterStrategy(rule, row),\n        );\n\nexport function filterRowsByQueryGroup(rows, query, composedRows) {\n  if (query && query.rules && query.rules.length === 0) return rows;\n  const newRows = [];\n  const parentMap = {};\n  composedRows.forEach((parentRow) => {\n    if (parentRow.isGroup) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n    } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n      parentMap[parentRow.parentNode.id] = true;\n    }\n  });\n\n  return newRows.filter((r) => {\n    if (r.isGroup && !parentMap[r.id]) return false;\n    return true;\n  });\n}\n\nexport const filterRowsByQuery = (rows, query) => {\n  return rows.filter(filterByRules(query.rules, query.condition));\n};\n\nexport default filterRowsByQuery;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK;AAEpF,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,sBAAsB;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,KAAK,KAAK,CAAC,aAAa,oBAAoB,YAAY,UAAU;AAC5G,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,aAAa,UAAU,SAAS;AACpE,QAAM,sBAAsB,WAAW,qBAAqB,kBAAkB,YAAY;AAE1F,QAAM,iBAAiB,wBAAwB;AAC/C,SAAO,eAAe,qBAAqB;AAAA;AAG7C,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM,OACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,WAAW,OACxD,cAAc,sBAAsB,MAAM,MAChD,QAEF,MAAM,KAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,WAAW,OAC1C,sBAAsB,MAAM;AAGnC,gCAAgC,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU;AAChB,QAAM,YAAY;AAClB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,WACR;AAAA,QACH,WAAW;AAAA;AAAA,eAEJ,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,WAAW,UAAU,OAAO;AAC5F,cAAQ,KAAK;AAAA,WACR;AAAA,QACH,WAAW;AAAA;AAEb,gBAAU,UAAU,WAAW,MAAM;AAAA;AAAA;AAIzC,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA;AAAA;AAIJ,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,SAAO,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM;AAAA;AAGtD,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -1,17 +1,15 @@
-import compare from 'comparejs';
-
-var strategiesOperators = (op => ({
-  range: (rowValue, _ref) => {
-    let {
-      start,
-      end
-    } = _ref;
-    return start <= rowValue && end >= rowValue;
-  },
+import * as React from "react";
+import compare from "comparejs";
+const strategiesOperators = (op) => ({
+  range: (rowValue, { start, end }) => 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 };
+})[op] || compare.id;
+var strategiesOperators_default = strategiesOperators;
+export {
+  strategiesOperators_default as default,
+  strategiesOperators
+};
+//# sourceMappingURL=strategiesOperators.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/filtering-helper/strategiesOperators.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import compare from 'comparejs';\n\nexport const strategiesOperators = op =>\n  ({\n    range: (rowValue, { start, end }) => start <= rowValue && end >= rowValue,\n    equal: (value1, value2) => compare.id(value1, value2),\n    greaterThan: compare.gt,\n    lessThan: compare.lt,\n    contains: (rowValue, value) =>\n      String(rowValue)\n        .toLowerCase()\n        .indexOf(String(value).toLowerCase()) !== -1,\n  }[op] || compare.id);\n\nexport default strategiesOperators;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB,QAChC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,UAAU,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ;AAAA,EAC9C,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UACnB,OAAO,UACJ,cACA,QAAQ,OAAO,OAAO,mBAAmB;AAAA,GAC9C,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
+  "names": []
+}

package/esm/plugins/filterable/helper.js

@@ -1,45 +1,31 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { uniqBy, property, get, isFunction, groupBy } from '@elliemae/ds-utilities';
-
-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(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; }
+import * as React from "react";
+import {
+  isFunction,
+  uniqBy,
+  get,
+  groupBy,
+  property
+} from "@elliemae/ds-utilities";
 const getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
-const getFilterLabels = (column, rows) => uniqBy(rows, property(column.searchBy || column.property)).map(row => {
+const getFilterLabels = (column, rows) => uniqBy(rows, property(column.searchBy || column.property)).map((row) => {
   const value = get(row, column.searchBy || column.property);
-  if (value === undefined) return {};
+  if (value === void 0)
+    return {};
   const rowColumnValue = String(get(row, column.searchBy || column.property));
-
   if (isFunction(column.valueTransformation)) {
     const nextValue = column.valueTransformation(rowColumnValue);
-    return {
-      id: nextValue,
-      label: nextValue
-    };
+    return { id: nextValue, label: nextValue };
   }
-
   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 { 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 => {
+  rows.forEach((r) => {
     if (r.children) {
       flat = [...flat, ...r.children];
     }
@@ -47,60 +33,54 @@ const getFilterLabelsGroup = (column, rows) => {
   return getFilterLabels(column, flat);
 };
 function getFilterValue(filter, column) {
-  const {
-    value
-  } = filter;
-  if (!column) return value;
-  const {
-    filterOptions,
-    filterLabels
-  } = column;
-
+  const { value } = filter;
+  if (!column)
+    return value;
+  const { filterOptions, filterLabels } = column;
   if (filterOptions) {
-    const foundOption = column.filterOptions.filter(option => option.id === value)[0];
-    if (foundOption) return foundOption.label;
+    const foundOption = column.filterOptions.filter((option) => option.id === value)[0];
+    if (foundOption)
+      return foundOption.label;
     return value;
   }
-
   if (filterLabels) {
     return filterLabels[value];
   }
-
   return value;
 }
 function buildFilterArray(newFilter, filters) {
-  // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]
-  return uniqBy([...filters, newFilter], v => [v.group, v.value].join());
+  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());
 }
-const groupFilters = filters => filters.filter(filter => !filter.fixed);
-
+const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);
 function parseFilterToRule(filter) {
-  return _objectSpread(_objectSpread({}, filter), {}, {
+  return {
+    ...filter,
     value: filter.filterParams || filter.value,
     field: filter.group
-  });
+  };
 }
-
 function parseFiltersToQuery(filters) {
-  const groupedFilters = groupBy(groupFilters(filters), filter => filter.group);
+  const groupedFilters = 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
       queryResult.rules.push({
-        condition: 'OR',
+        condition: "OR",
         rules: filter.map(parseFilterToRule)
       });
     } else {
       queryResult.rules.push(parseFilterToRule(filter[0]));
     }
-
     return queryResult;
-  }, {
-    condition: 'AND',
-    rules: []
-  });
+  }, { condition: "AND", rules: [] });
 }
-
-export { buildFilterArray, getFilterLabel, getFilterLabels, getFilterLabelsGroup, getFilterValue, groupFilters, parseFiltersToQuery };
+export {
+  buildFilterArray,
+  getFilterLabel,
+  getFilterLabels,
+  getFilterLabelsGroup,
+  getFilterValue,
+  groupFilters,
+  parseFiltersToQuery
+};
+//# sourceMappingURL=helper.js.map

package/esm/plugins/filterable/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  isFunction,\n  uniqBy,\n  get,\n  groupBy,\n  property,\n} from '@elliemae/ds-utilities';\n\nexport const getFilterLabel = (column, value) => (column.filterLabels ? column.filterLabels[value] || value : value);\n\nexport const getFilterLabels = (column, rows) =>\n  uniqBy(rows, property(column.searchBy || column.property))\n    .map((row) => {\n      const value = get(row, column.searchBy || column.property);\n      if (value === undefined) return {};\n      const rowColumnValue = String(get(row, column.searchBy || column.property));\n      if (isFunction(column.valueTransformation)) {\n        const nextValue = column.valueTransformation(rowColumnValue);\n        return { id: nextValue, label: nextValue };\n      }\n      const label = getFilterLabel(column, rowColumnValue);\n      return { id: rowColumnValue || label, label };\n    })\n    .filter((row) => row.id)\n    .filter((row) => {\n      if (row.id.startsWith) return !row.id.startsWith('grouped-by');\n      return true;\n    });\n\nexport const getFilterLabelsGroup = (column, rows) => {\n  let flat = [];\n  rows.forEach((r) => {\n    if (r.children) {\n      flat = [...flat, ...r.children];\n    }\n  });\n  return getFilterLabels(column, flat);\n};\n\nexport function getFilterValue(filter, column) {\n  const { value } = filter;\n\n  if (!column) return value;\n\n  const { filterOptions, filterLabels } = column;\n\n  if (filterOptions) {\n    const foundOption = column.filterOptions.filter((option) => option.id === value)[0];\n    if (foundOption) return foundOption.label;\n    return value;\n  }\n  if (filterLabels) {\n    return filterLabels[value];\n  }\n\n  return value;\n}\n\nexport function buildFilterArray(newFilter, filters) {\n  // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]\n  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());\n}\n\nexport const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);\n\nfunction parseFilterToRule(filter) {\n  return {\n    ...filter,\n    value: filter.filterParams || filter.value,\n    field: filter.group,\n  };\n}\n\nexport function parseFiltersToQuery(filters) {\n  const groupedFilters = groupBy(groupFilters(filters), (filter) => filter.group);\n  return Object.keys(groupedFilters).reduce(\n    (queryResult, field) => {\n      const filter = groupedFilters[field];\n      if (Array.isArray(filter) && filter.length > 1) {\n        // create query group with 'OR' condition\n        queryResult.rules.push({\n          condition: 'OR',\n          rules: filter.map(parseFilterToRule),\n        });\n      } else {\n        queryResult.rules.push(parseFilterToRule(filter[0]));\n      }\n      return queryResult;\n    },\n    { condition: 'AND', rules: [] },\n  );\n}\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,WAC7C,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO;AACjD,MAAI,UAAU;AAAW,WAAO;AAChC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO;AACjE,MAAI,WAAW,OAAO,sBAAsB;AAC1C,UAAM,YAAY,OAAO,oBAAoB;AAC7C,WAAO,EAAE,IAAI,WAAW,OAAO;AAAA;AAEjC,QAAM,QAAQ,eAAe,QAAQ;AACrC,SAAO,EAAE,IAAI,kBAAkB,OAAO;AAAA,GAEvC,OAAO,CAAC,QAAQ,IAAI,IACpB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW;AACjD,SAAO;AAAA;AAGN,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO;AACX,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE;AAAA;AAAA;AAG1B,SAAO,gBAAgB,QAAQ;AAAA;AAG1B,wBAAwB,QAAQ,QAAQ;AAC7C,QAAM,EAAE,UAAU;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,iBAAiB;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA;AAET,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA;AAGtB,SAAO;AAAA;AAGF,0BAA0B,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,YAAY,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO;AAAA;AAG5D,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO;AAE5E,2BAA2B,QAAQ;AACjC,SAAO;AAAA,OACF;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA;AAAA;AAIX,6BAA6B,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,UAAU,CAAC,WAAW,OAAO;AACzE,SAAO,OAAO,KAAK,gBAAgB,OACjC,CAAC,aAAa,UAAU;AACtB,UAAM,SAAS,eAAe;AAC9B,QAAI,MAAM,QAAQ,WAAW,OAAO,SAAS,GAAG;AAE9C,kBAAY,MAAM,KAAK;AAAA,QACrB,WAAW;AAAA,QACX,OAAO,OAAO,IAAI;AAAA;AAAA,WAEf;AACL,kBAAY,MAAM,KAAK,kBAAkB,OAAO;AAAA;AAElD,WAAO;AAAA,KAET,EAAE,WAAW,OAAO,OAAO;AAAA;",
+  "names": []
+}

package/esm/plugins/filterable/index.js

@@ -1 +1,6 @@
-export { FilterablePlugin } from './FilterablePlugin.js';
+import * as React from "react";
+import { FilterablePlugin } from "./FilterablePlugin";
+export {
+  FilterablePlugin
+};
+//# sourceMappingURL=index.js.map

package/esm/plugins/filterable/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterablePlugin } from './FilterablePlugin';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/plugins/filterable/useFilterableState.js

@@ -1,20 +1,12 @@
-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/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect, useMemo } from 'react';
-import { v4 } from 'uuid';
-import { parseFiltersToQuery, getFilterValue, buildFilterArray } from './helper.js';
-
-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(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; }
-
+import * as React from "react";
+import { useMemo, useState, useEffect } from "react";
+import { v4 as uuidv4 } from "uuid";
+import {
+  buildFilterArray,
+  getFilterValue,
+  parseFiltersToQuery
+} from "./helper";
 const noop = () => null;
-
 function useFilterableState(grid) {
   const {
     filters: filtersProp,
@@ -29,70 +21,55 @@ function useFilterableState(grid) {
       setFilters(filtersProp);
     }
   }, [filtersProp]);
-  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [filters]);
-
-  const handleFiltersChange = nextFilters => {
+  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [
+    filters
+  ]);
+  const handleFiltersChange = (nextFilters) => {
     const {
-      refs: {
-        body
-      }
+      refs: { body }
     } = grid.getInstance();
     body.current.scrollTop = 0;
     setFilters(nextFilters);
-    grid.observeRows(rows => onFiltersChange(nextFilters, queryFromFilters, rows));
+    grid.observeRows((rows) => onFiltersChange(nextFilters, queryFromFilters, rows));
   };
-
   const addFilter = (filter, column) => {
     let hasBeenCalled = false;
-
-    const trimmedFilter = _objectSpread(_objectSpread({}, filter), {}, {
+    const trimmedFilter = {
+      ...filter,
       value: String(filter.value).trim()
-    });
-    /* eslint-disable indent */
-
-
-    const parsedFilter = !filter.group ? _objectSpread(_objectSpread({}, trimmedFilter), {}, {
+    };
+    const parsedFilter = !filter.group ? {
+      ...trimmedFilter,
       value: String(filter.value).trim(),
-      group: 'all',
-      label: 'All',
-      id: v4()
-    }) : _objectSpread(_objectSpread({}, trimmedFilter), {}, {
+      group: "all",
+      label: "All",
+      id: uuidv4()
+    } : {
+      ...trimmedFilter,
       value: String(filter.value).trim(),
-      id: v4(),
+      id: uuidv4(),
       label: column && column.filterLabel || trimmedFilter.label,
       originalProperty: column.originalProperty || column.property,
       customValue: getFilterValue(trimmedFilter, column)
-    });
-    /* eslint-enable indent */
-
-    setFilters(prevFilters => {
-      // This was setted for an issue that was recalling this function on the handleFiltersChange
+    };
+    setFilters((prevFilters) => {
       if (hasBeenCalled) {
         return;
       }
-
       hasBeenCalled = true;
       const nextFilters = buildFilterArray(parsedFilter, prevFilters);
-      handleFiltersChange(nextFilters);
+      handleFiltersChange(nextFilters, true);
       onAddFilter(parsedFilter, nextFilters, column);
     });
   };
-
-  const removeFilter = _ref => {
-    let {
-      group,
-      pill,
-      nextFilters
-    } = _ref;
+  const removeFilter = ({ group, pill, nextFilters }) => {
     onRemoveFilter(group, pill.value, nextFilters);
     handleFiltersChange(nextFilters);
   };
-
   const removeAllFilters = () => {
     onRemoveAllFilters();
     handleFiltersChange([]);
   };
-
   return {
     actions: {
       addFilter,
@@ -105,5 +82,7 @@ function useFilterableState(grid) {
     }
   };
 }
-
-export { useFilterableState };
+export {
+  useFilterableState
+};
+//# sourceMappingURL=useFilterableState.js.map

package/esm/plugins/filterable/useFilterableState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/useFilterableState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  buildFilterArray,\n  getFilterValue,\n  parseFiltersToQuery,\n} from './helper';\n\nconst noop = () => null;\n\nexport function useFilterableState(grid) {\n  const {\n    filters: filtersProp,\n    onAddFilter = noop,\n    onRemoveFilter = noop,\n    onRemoveAllFilters = noop,\n    onFiltersChange = noop,\n  } = grid.props;\n\n  const [filters, setFilters] = useState(filtersProp || []);\n\n  useEffect(() => {\n    if (filtersProp && filtersProp !== filters) {\n      setFilters(filtersProp);\n    }\n  }, [filtersProp]);\n\n  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [\n    filters,\n  ]);\n\n  const handleFiltersChange = (nextFilters) => {\n    const {\n      refs: { body },\n    } = grid.getInstance();\n    body.current.scrollTop = 0;\n    setFilters(nextFilters);\n    grid.observeRows((rows) =>\n      onFiltersChange(nextFilters, queryFromFilters, rows),\n    );\n  };\n\n  const addFilter = (filter, column) => {\n    let hasBeenCalled = false;\n    const trimmedFilter = {\n      ...filter,\n      value: String(filter.value).trim(),\n    };\n    /* eslint-disable indent */\n    const parsedFilter = !filter.group\n      ? {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          group: 'all',\n          label: 'All',\n          id: uuidv4(),\n        }\n      : {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          id: uuidv4(),\n          label: (column && column.filterLabel) || trimmedFilter.label,\n          originalProperty: column.originalProperty || column.property,\n          customValue: getFilterValue(trimmedFilter, column),\n        };\n    /* eslint-enable indent */\n    setFilters((prevFilters) => {\n      // This was setted for an issue that was recalling this function on the handleFiltersChange\n      if (hasBeenCalled) {\n        return;\n      }\n      hasBeenCalled = true;\n\n      const nextFilters = buildFilterArray(parsedFilter, prevFilters);\n      handleFiltersChange(nextFilters, true);\n      onAddFilter(parsedFilter, nextFilters, column);\n    });\n  };\n\n  const removeFilter = ({ group, pill, nextFilters }) => {\n    onRemoveFilter(group, pill.value, nextFilters);\n    handleFiltersChange(nextFilters);\n  };\n\n  const removeAllFilters = () => {\n    onRemoveAllFilters();\n    handleFiltersChange([]);\n  };\n  return {\n    actions: {\n      addFilter,\n      removeFilter,\n      removeAllFilters,\n    },\n    state: {\n      query: queryFromFilters,\n      filters,\n    },\n  };\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,OAAO,MAAM;AAEZ,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,MAChB,KAAK;AAET,QAAM,CAAC,SAAS,cAAc,SAAS,eAAe;AAEtD,YAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW;AAAA;AAAA,KAEZ,CAAC;AAEJ,QAAM,mBAAmB,QAAQ,MAAM,oBAAoB,WAAW,KAAK;AAAA,IACzE;AAAA;AAGF,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE;AAAA,QACN,KAAK;AACT,SAAK,QAAQ,YAAY;AACzB,eAAW;AACX,SAAK,YAAY,CAAC,SAChB,gBAAgB,aAAa,kBAAkB;AAAA;AAInD,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB;AAAA,SACjB;AAAA,MACH,OAAO,OAAO,OAAO,OAAO;AAAA;AAG9B,UAAM,eAAe,CAAC,OAAO,QACzB;AAAA,SACK;AAAA,MACH,OAAO,OAAO,OAAO,OAAO;AAAA,MAC5B,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,QAEN;AAAA,SACK;AAAA,MACH,OAAO,OAAO,OAAO,OAAO;AAAA,MAC5B,IAAI;AAAA,MACJ,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,eAAe,eAAe;AAAA;AAGjD,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA;AAEF,sBAAgB;AAEhB,YAAM,cAAc,iBAAiB,cAAc;AACnD,0BAAoB,aAAa;AACjC,kBAAY,cAAc,aAAa;AAAA;AAAA;AAI3C,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,kBAAkB;AACrD,mBAAe,OAAO,KAAK,OAAO;AAClC,wBAAoB;AAAA;AAGtB,QAAM,mBAAmB,MAAM;AAC7B;AACA,wBAAoB;AAAA;AAEtB,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA;AAAA;AAAA;",
+  "names": []
+}