@elliemae/ds-datagrids 3.16.0-next.2 → 3.16.0-next.20

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/TextFilterMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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\nconst 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"],
+  "mappings": "AAAA,YAAY,WAAW;AC2BmB;AA1B1C,OAAOA,UAAS,gBAAgB;AAChC,OAAO,eAAe;AACtB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,gBAAgB;AAC5C,SAAS,MAAM,oBAAoB;AACnC,SAAS,mBAAmB;AAE5B,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AAAA,EACA,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,YAAY,SAAS;AAAA,EACrB,YAAY,CAAC;AAAA,EACb,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,aAAa;AAAA,EACb,UAAU;AACZ,MAAM;AACJ,QAAM,EAAE,SAAS,GAAG,eAAe,IAAI;AAEvC,QAAM,iBAAiB,CAAC,QAAQ,QAAQ,oBAAC,KAAK,cAAL,EAA4B,OAAO,OAAO,OAAO,MAAM,OAAO,MAAvC,GAA2C;AAE3G,QAAM,gBAAgB,CAAC,QAAQ,IAAI,IAAI,cAAc;AAErD,QAAM,mBAAmB,QAAQ,OAAO,CAAC,MAAM,EAAE,UAAU,OAAO,QAAQ;AAE1E,QAAM,yBAAyB,iBAAiB,IAAI,CAAC,MAAM,EAAE,KAAK;AAElE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,sBAAsB;AAE/D,EAAAA,OAAM,UAAU,MAAM;AACpB,UAAM,oBAAoB,QAAQ,OAAO,CAAC,MAAM,EAAE,UAAU,OAAO,QAAQ;AAC3E,gBAAY,kBAAkB,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,EACnD,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAc,OAAO,YAAY,OAAO;AAE9C,QAAM,eAAe,MAAM;AACzB,QAAI,cAAc,CAAC,GAAG,OAAO;AAC7B,UAAM,eAAe,CAAC;AAKtB,2BAAuB,QAAQ,CAAC,SAAS;AACvC,UAAI,CAAC,SAAS,SAAS,IAAI,GAAG;AAC5B,sBAAc,YAAY,OAAO,CAAC,WAAW,EAAE,OAAO,UAAU,eAAe,OAAO,UAAU,KAAK;AACrG,qBAAa,KAAK,EAAE,OAAO,aAAa,MAAM,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,MACjE;AAAA,IACF,CAAC;AACD,iBAAa,QAAQ,CAAC,kBAAkB;AACtC,qBAAe;AAAA,QACb,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AACD,aAAS,QAAQ,CAAC,SAAS;AAEzB,UAAI,CAAC,uBAAuB,SAAS,IAAI,GAAG;AAC1C;AAAA,UACE;AAAA,YACE,OAAO;AAAA,YACP,OAAO,OAAO;AAAA,YACd,OAAO;AAAA,YACP,UAAU,QAAQ,QAAQ,YAAY;AAAA,YACtC,mBAAmB,OAAO;AAAA,UAC5B;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AACD,YAAQ;AAAA,EACV;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,0BAAwB;AAAA,MACxB,cAAc;AAAA,MACd,YACE,UACE,oBAAC,QAAK,gBAAgB,EAAE,IAAI,4BAA4B,GAAG,WAAU,sBAAqB,SAAO,MAC/F;AAAA,QAAC,KAAK;AAAA,QAAL;AAAA,UACC,QAAQ;AAAA,UACR,UAAU,CAAC,cAAc;AACvB,wBAAY,SAAS;AAAA,UACvB;AAAA,UACA,aAAW;AAAA,UACX,OAAK;AAAA,UACL,YAAU;AAAA,UAET,wBAAc,OAAO;AAAA;AAAA,MACxB,GACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,uBAAuB;AAAA,YACrB,GAAG,OAAO;AAAA,YACV;AAAA,UACF;AAAA,UACA,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO;AAAA,UACjB,kBAAkB,CAAC,kBAAkB;AACnC,gBAAI,eAAe;AACjB;AAAA,gBACE;AAAA,kBACE,OAAO,OAAO,YAAY,OAAO;AAAA,kBACjC,OAAO,OAAO;AAAA,kBACd,OAAO;AAAA,kBACP,UAAU,QAAQ,QAAQ,YAAY;AAAA,kBACtC,mBAAmB,OAAO;AAAA,gBAC5B;AAAA,gBACA;AAAA,cACF;AACA,yBAAW,KAAK;AAAA,YAClB;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAGJ,QAAQ;AAAA,MACR,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,SAAS,UAAU,eAAe;AAAA,MAClC,SAAS,QAAQ,OAAO;AAAA,MACxB;AAAA,MACA,kBACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,MAAM,oBAAC,eAAY;AAAA,UACnB,SAAS,MAAO,eAAe,WAAW,KAAK,IAAI,WAAW,IAAI;AAAA,UAClE,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;AAEA,eAAe,YAAY;AAAA,EACzB,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU,MAAM,CAAC,CAAC;AAAA,EAC7B,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,CAAC;AAAA,EAC9C,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU,MAAM,CAAC,CAAC;AAAA,EAC7B,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AACrB;AAGA,IAAO,yBAAQ;",
   "names": ["React"]
 }

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

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

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

@@ -1,7 +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,YAAY,WAAW;ACAvB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEO,MAAM,sBAAsB,CAAC,SAAS;AAC3C,SAAO,eAAe,SAAS,eAAe;AAChD;AAEA,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DateRangeFilterMenu } from './DateRangeFilterMenu.js';\nimport { SingleDateFilterMenu } from './SingleDateFilterMenu.js'; // implement\nimport { SingleRangeSwitcherMenu } from './SingleRangeSwitcherMenu.js'; // implement\nimport { TextFilterMenu } from './TextFilterMenu.js';\n\nconst ComponentTypes = {\n  'date-range': DateRangeFilterMenu,\n  'single-date': SingleDateFilterMenu,\n  'date-switcher': SingleRangeSwitcherMenu,\n  string: TextFilterMenu,\n};\n\nexport const getFilterMenuByType = (type) => ComponentTypes[type] || ComponentTypes.string;\n\nexport default getFilterMenuByType;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEO,MAAM,sBAAsB,CAAC,SAAS,eAAe,IAAI,KAAK,eAAe;AAEpF,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -1,43 +1,35 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-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 }
-    } = grid.getInstance();
-    let rowsToUse = composedRows;
-    if (column.filter && column.filter.isMulti) {
-      rowsToUse = rows;
+import { FilterableHeader } from "./components/FilterableHeader.js";
+import { getFilterLabels, getFilterLabelsGroup } from "./helper.js";
+const FilterableFormatter = ({ grid, onAddFilter, onRemoveFilter, query, filterMenuRef }) => function(value, { column }) {
+  const {
+    rows,
+    composedRows,
+    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, query) : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);
+  const columnData = column.filterOptions || filteredLabels;
+  return /* @__PURE__ */ jsx(
+    FilterableHeader,
+    {
+      column,
+      columnData,
+      filters,
+      filterMenuRef,
+      onAddFilter,
+      onFilterMenuClose,
+      onFilterMenuOpen,
+      onRemoveFilter,
+      isMulti: column.filter && column.filter.isMulti,
+      value
     }
-    const filteredLabels = groupedRows && !groupedBy ? getFilterLabelsGroup(column, rows, query) : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);
-    const columnData = column.filterOptions || filteredLabels;
-    return /* @__PURE__ */ jsx(
-      FilterableHeader,
-      {
-        column,
-        columnData,
-        filters,
-        filterMenuRef,
-        onAddFilter,
-        onFilterMenuClose,
-        onFilterMenuOpen,
-        onRemoveFilter,
-        isMulti: column.filter && column.filter.isMulti,
-        value
-      }
-    );
-  };
+  );
 };
 var filterableFormatter_default = FilterableFormatter;
 export {

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

@@ -1,7 +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,YAAY,WAAW;ACgCjB;AA9BN,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,4BAA4B;AAEtD,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SAAO,CAAC,OAAO,EAAE,OAAO,MAAM;AAC5B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,EAAE,aAAa,WAAW,mBAAmB,iBAAiB;AAAA,MACrE,OAAO,EAAE,QAAQ;AAAA,IACnB,IAAI,KAAK,YAAY;AAErB,QAAI,YAAY;AAChB,QAAI,OAAO,UAAU,OAAO,OAAO,SAAS;AAC1C,kBAAY;AAAA,IACd;AAEA,UAAM,iBACJ,eAAe,CAAC,YACZ,qBAAqB,QAAQ,MAAM,KAAK,IACxC,gBAAgB,QAAQ,UAAU,QAAQ,WAAW,KAAK;AAEhE,UAAM,aAAa,OAAO,iBAAiB;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,OAAO,UAAU,OAAO,OAAO;AAAA,QACxC;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FilterableHeader } from './components/FilterableHeader.js';\nimport { getFilterLabels, getFilterLabelsGroup } from './helper.js';\n\nconst FilterableFormatter = ({ grid, onAddFilter, onRemoveFilter, query, filterMenuRef }) =>\n  function (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\nexport { FilterableFormatter };\nexport default FilterableFormatter;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0BjB;AAxBN,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,4BAA4B;AAEtD,MAAM,sBAAsB,CAAC,EAAE,MAAM,aAAa,gBAAgB,OAAO,cAAc,MACrF,SAAU,OAAO,EAAE,OAAO,GAAG;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,aAAa,WAAW,mBAAmB,iBAAiB;AAAA,IACrE,OAAO,EAAE,QAAQ;AAAA,EACnB,IAAI,KAAK,YAAY;AAErB,MAAI,YAAY;AAChB,MAAI,OAAO,UAAU,OAAO,OAAO,SAAS;AAC1C,gBAAY;AAAA,EACd;AAEA,QAAM,iBACJ,eAAe,CAAC,YACZ,qBAAqB,QAAQ,MAAM,KAAK,IACxC,gBAAgB,QAAQ,UAAU,QAAQ,WAAW,KAAK;AAEhE,QAAM,aAAa,OAAO,iBAAiB;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;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,EACF;AAEJ;AAGF,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { isFunction } from "@elliemae/ds-utilities";
-import { strategiesOperators } from "./strategiesOperators";
+import { strategiesOperators } from "./strategiesOperators.js";
 const getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);
 const executeFilterStrategy = (rule, row) => {
   const { value, field, transform, transformRowValue } = rule;
@@ -43,9 +43,7 @@ function filterRowsByQueryGroup(rows, query, composedRows) {
     return true;
   });
 }
-const filterRowsByQuery = (rows, query) => {
-  return rows.filter(filterByRules(query.rules, query.condition));
-};
+const filterRowsByQuery = (rows, query) => rows.filter(filterByRules(query.rules, query.condition));
 var filterRowsByQuery_default = filterRowsByQuery;
 export {
   filterRowsByQuery_default as default,

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

@@ -1,7 +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,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK,QAAQ;AAE5F,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,kBAAkB,IAAI;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,GAAG,EAAE,KAAK,CAAC,aAAa,oBAAoB,UAAU,EAAE,UAAU,KAAK,CAAC;AAClH,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,sBAAsB,WAAW,iBAAiB,IAAI,kBAAkB,QAAQ,IAAI;AAE1F,QAAM,iBAAiB,wBAAwB,IAAI;AACnD,SAAO,eAAe,qBAAqB,gBAAgB;AAC7D;AAEA,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM;AAAA,EACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC3D,cAAc,sBAAsB,MAAM,GAAG;AAAA,EACnD;AACF,IACA,MAAM;AAAA,EAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC7C,sBAAsB,MAAM,GAAG;AACrC;AAED,SAAS,uBAAuB,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU,CAAC;AACjB,QAAM,YAAY,CAAC;AACnB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH,WAAW,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,SAAS,EAAE,UAAU,IAAI,GAAG;AAC5F,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD,gBAAU,UAAU,WAAW,MAAM;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA,EACT,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,SAAO,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM,SAAS,CAAC;AAChE;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from '@elliemae/ds-utilities';\nimport { strategiesOperators } from './strategiesOperators.js';\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) => rows.filter(filterByRules(query.rules, query.condition));\n\nexport default filterRowsByQuery;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK,QAAQ;AAE5F,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,kBAAkB,IAAI;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,GAAG,EAAE,KAAK,CAAC,aAAa,oBAAoB,UAAU,EAAE,UAAU,KAAK,CAAC;AAClH,QAAM,WAAW,IAAI,KAAK;AAC1B,QAAM,mBAAmB,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,sBAAsB,WAAW,iBAAiB,IAAI,kBAAkB,QAAQ,IAAI;AAE1F,QAAM,iBAAiB,wBAAwB,IAAI;AACnD,SAAO,eAAe,qBAAqB,gBAAgB;AAC7D;AAEA,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM;AAAA,EACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC3D,cAAc,sBAAsB,MAAM,GAAG;AAAA,EACnD;AACF,IACA,MAAM;AAAA,EAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC7C,sBAAsB,MAAM,GAAG;AACrC;AAED,SAAS,uBAAuB,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU,CAAC;AACjB,QAAM,YAAY,CAAC;AACnB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH,WAAW,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,SAAS,EAAE,UAAU,IAAI,GAAG;AAC5F,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD,gBAAU,UAAU,WAAW,EAAE,IAAI;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE,EAAE;AAAG,aAAO;AAC1C,WAAO;AAAA,EACT,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM,SAAS,CAAC;AAEzG,IAAO,4BAAQ;",
   "names": []
 }

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

@@ -1,7 +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,YAAY,WAAW;ACAvB,OAAO,aAAa;AAEb,MAAM,sBAAsB,SAChC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ,MAAM;AAAA,EACpD,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UACnB,OAAO,QAAQ,EACZ,YAAY,EACZ,QAAQ,OAAO,KAAK,EAAE,YAAY,CAAC,MAAM;AAChD,GAAE,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
+  "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) => String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1,\n  }[op] || compare.id);\n\nexport default strategiesOperators;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,aAAa;AAEb,MAAM,sBAAsB,CAAC,QACjC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ,MAAM;AAAA,EACpD,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UAAU,OAAO,QAAQ,EAAE,YAAY,EAAE,QAAQ,OAAO,KAAK,EAAE,YAAY,CAAC,MAAM;AACzG,GAAE,EAAE,KAAK,QAAQ;AAEnB,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -1,11 +1,5 @@
 import * as React from "react";
-import {
-  isFunction,
-  uniqBy,
-  get,
-  groupBy,
-  property
-} from "@elliemae/ds-utilities";
+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 value = get(row, column.searchBy || column.property);

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

@@ -1,7 +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,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,QAAQ,CAAC,EACtD,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ;AACzD,MAAI,UAAU;AAAW,WAAO,CAAC;AACjC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ,CAAC;AAC1E,MAAI,WAAW,OAAO,mBAAmB,GAAG;AAC1C,UAAM,YAAY,OAAO,oBAAoB,cAAc;AAC3D,WAAO,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAC3C;AACA,QAAM,QAAQ,eAAe,QAAQ,cAAc;AACnD,SAAO,EAAE,IAAI,kBAAkB,OAAO,MAAM;AAC9C,CAAC,EACA,OAAO,CAAC,QAAQ,IAAI,EAAE,EACtB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW,YAAY;AAC7D,SAAO;AACT,CAAC;AAEE,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO,CAAC;AACZ,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,gBAAgB,QAAQ,IAAI;AACrC;AAEO,SAAS,eAAe,QAAQ,QAAQ;AAC7C,QAAM,EAAE,MAAM,IAAI;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,aAAa,IAAI;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,KAAK,EAAE;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA,EACT;AACA,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAEO,SAAS,iBAAiB,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACzE;AAEO,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,KAAK;AAEjF,SAAS,kBAAkB,QAAQ;AACjC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,EAChB;AACF;AAEO,SAAS,oBAAoB,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,OAAO,GAAG,CAAC,WAAW,OAAO,KAAK;AAC9E,SAAO,OAAO,KAAK,cAAc,EAAE;AAAA,IACjC,CAAC,aAAa,UAAU;AACtB,YAAM,SAAS,eAAe;AAC9B,UAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAAG;AAE9C,oBAAY,MAAM,KAAK;AAAA,UACrB,WAAW;AAAA,UACX,OAAO,OAAO,IAAI,iBAAiB;AAAA,QACrC,CAAC;AAAA,MACH,OAAO;AACL,oBAAY,MAAM,KAAK,kBAAkB,OAAO,EAAE,CAAC;AAAA,MACrD;AACA,aAAO;AAAA,IACT;AAAA,IACA,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAAA,EAChC;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction, uniqBy, get, groupBy, property } 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,YAAY,WAAW;ACAvB,SAAS,YAAY,QAAQ,KAAK,SAAS,gBAAgB;AAEpD,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,KAAK,KAAK,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,QAAQ,CAAC,EACtD,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ;AACzD,MAAI,UAAU;AAAW,WAAO,CAAC;AACjC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ,CAAC;AAC1E,MAAI,WAAW,OAAO,mBAAmB,GAAG;AAC1C,UAAM,YAAY,OAAO,oBAAoB,cAAc;AAC3D,WAAO,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAC3C;AACA,QAAM,QAAQ,eAAe,QAAQ,cAAc;AACnD,SAAO,EAAE,IAAI,kBAAkB,OAAO,MAAM;AAC9C,CAAC,EACA,OAAO,CAAC,QAAQ,IAAI,EAAE,EACtB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW,YAAY;AAC7D,SAAO;AACT,CAAC;AAEE,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO,CAAC;AACZ,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,gBAAgB,QAAQ,IAAI;AACrC;AAEO,SAAS,eAAe,QAAQ,QAAQ;AAC7C,QAAM,EAAE,MAAM,IAAI;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,aAAa,IAAI;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,KAAK,EAAE,CAAC;AAClF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA,EACT;AACA,MAAI,cAAc;AAChB,WAAO,aAAa,KAAK;AAAA,EAC3B;AAEA,SAAO;AACT;AAEO,SAAS,iBAAiB,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACzE;AAEO,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,KAAK;AAEjF,SAAS,kBAAkB,QAAQ;AACjC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,EAChB;AACF;AAEO,SAAS,oBAAoB,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,OAAO,GAAG,CAAC,WAAW,OAAO,KAAK;AAC9E,SAAO,OAAO,KAAK,cAAc,EAAE;AAAA,IACjC,CAAC,aAAa,UAAU;AACtB,YAAM,SAAS,eAAe,KAAK;AACnC,UAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAAG;AAE9C,oBAAY,MAAM,KAAK;AAAA,UACrB,WAAW;AAAA,UACX,OAAO,OAAO,IAAI,iBAAiB;AAAA,QACrC,CAAC;AAAA,MACH,OAAO;AACL,oBAAY,MAAM,KAAK,kBAAkB,OAAO,CAAC,CAAC,CAAC;AAAA,MACrD;AACA,aAAO;AAAA,IACT;AAAA,IACA,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAAA,EAChC;AACF;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { FilterablePlugin } from "./FilterablePlugin";
+import { FilterablePlugin } from "./FilterablePlugin.js";
 export {
   FilterablePlugin
 };

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

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterablePlugin } from './FilterablePlugin.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
   "names": []
 }

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

@@ -1,11 +1,7 @@
 import * as React from "react";
 import { useMemo, useState, useEffect } from "react";
 import { v4 as uuidv4 } from "uuid";
-import {
-  buildFilterArray,
-  getFilterValue,
-  parseFiltersToQuery
-} from "./helper";
+import { buildFilterArray, getFilterValue, parseFiltersToQuery } from "./helper.js";
 const noop = () => null;
 function useFilterableState(grid) {
   const {
@@ -21,18 +17,14 @@ function useFilterableState(grid) {
       setFilters(filtersProp);
     }
   }, [filtersProp]);
-  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [
-    filters
-  ]);
+  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [filters]);
   const handleFiltersChange = (nextFilters) => {
     const {
       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;

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

@@ -1,7 +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,YAAY,WAAW;ACAvB,SAAS,SAAS,UAAU,iBAAiB;AAC7C,SAAS,MAAM,cAAc;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,OAAO,MAAM;AAEZ,SAAS,mBAAmB,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,EACpB,IAAI,KAAK;AAET,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,eAAe,CAAC,CAAC;AAExD,YAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,mBAAmB,QAAQ,MAAM,oBAAoB,WAAW,CAAC,CAAC,GAAG;AAAA,IACzE;AAAA,EACF,CAAC;AAED,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE,KAAK;AAAA,IACf,IAAI,KAAK,YAAY;AACrB,SAAK,QAAQ,YAAY;AACzB,eAAW,WAAW;AACtB,SAAK;AAAA,MAAY,CAAC,SAChB,gBAAgB,aAAa,kBAAkB,IAAI;AAAA,IACrD;AAAA,EACF;AAEA,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,IACnC;AAEA,UAAM,eAAe,CAAC,OAAO,QACzB;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI,OAAO;AAAA,IACb,IACA;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,IAAI,OAAO;AAAA,MACX,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,eAAe,eAAe,MAAM;AAAA,IACnD;AAEJ,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA,MACF;AACA,sBAAgB;AAEhB,YAAM,cAAc,iBAAiB,cAAc,WAAW;AAC9D,0BAAoB,aAAa,IAAI;AACrC,kBAAY,cAAc,aAAa,MAAM;AAAA,IAC/C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,YAAY,MAAM;AACrD,mBAAe,OAAO,KAAK,OAAO,WAAW;AAC7C,wBAAoB,WAAW;AAAA,EACjC;AAEA,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB;AACnB,wBAAoB,CAAC,CAAC;AAAA,EACxB;AACA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { buildFilterArray, getFilterValue, parseFiltersToQuery } from './helper.js';\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 || []), [filters]);\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) => onFiltersChange(nextFilters, queryFromFilters, rows));\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,YAAY,WAAW;ACAvB,SAAS,SAAS,UAAU,iBAAiB;AAC7C,SAAS,MAAM,cAAc;AAC7B,SAAS,kBAAkB,gBAAgB,2BAA2B;AAEtE,MAAM,OAAO,MAAM;AAEZ,SAAS,mBAAmB,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,EACpB,IAAI,KAAK;AAET,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,eAAe,CAAC,CAAC;AAExD,YAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,mBAAmB,QAAQ,MAAM,oBAAoB,WAAW,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;AAEpF,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE,KAAK;AAAA,IACf,IAAI,KAAK,YAAY;AACrB,SAAK,QAAQ,YAAY;AACzB,eAAW,WAAW;AACtB,SAAK,YAAY,CAAC,SAAS,gBAAgB,aAAa,kBAAkB,IAAI,CAAC;AAAA,EACjF;AAEA,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,IACnC;AAEA,UAAM,eAAe,CAAC,OAAO,QACzB;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI,OAAO;AAAA,IACb,IACA;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,IAAI,OAAO;AAAA,MACX,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,eAAe,eAAe,MAAM;AAAA,IACnD;AAEJ,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA,MACF;AACA,sBAAgB;AAEhB,YAAM,cAAc,iBAAiB,cAAc,WAAW;AAC9D,0BAAoB,aAAa,IAAI;AACrC,kBAAY,cAAc,aAAa,MAAM;AAAA,IAC/C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,YAAY,MAAM;AACrD,mBAAe,OAAO,KAAK,OAAO,WAAW;AAC7C,wBAAoB,WAAW;AAAA,EACjC;AAEA,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB;AACnB,wBAAoB,CAAC,CAAC;AAAA,EACxB;AACA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/plugins/grouping-by/GroupingByPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/grouping-by/GroupingByPlugin.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createInstancePlugin } from '@elliemae/ds-shared';\nimport { groupBy } from 'lodash';\n\nconst groupedByData = (groupedBy, composedRows) => {\n  const grouped = groupBy(composedRows, groupedBy);\n  return Object.keys(grouped).map((c, key) => ({\n    id: `grouped-by-${groupedBy}-${key}`,\n    key: groupedBy,\n    value: c,\n    children: grouped[c],\n    _isGroup: true,\n    isGroup: true,\n  }));\n};\n\nexport const GroupingByPlugin = createInstancePlugin('groupedByRows', {\n  decorateGrid(grid) {\n    const {\n      composedRows,\n      props: { groupedBy },\n    } = grid.getInstance();\n    grid.composedRows = groupedBy ? groupedByData(groupedBy, composedRows) : composedRows;\n    return grid;\n  },\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B;AACrC,SAAS,eAAe;AAExB,MAAM,gBAAgB,CAAC,WAAW,iBAAiB;AACjD,QAAM,UAAU,QAAQ,cAAc,SAAS;AAC/C,SAAO,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,GAAG,SAAS;AAAA,IAC3C,IAAI,cAAc,aAAa;AAAA,IAC/B,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU,QAAQ;AAAA,IAClB,UAAU;AAAA,IACV,SAAS;AAAA,EACX,EAAE;AACJ;AAEO,MAAM,mBAAmB,qBAAqB,iBAAiB;AAAA,EACpE,aAAa,MAAM;AACjB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,UAAU;AAAA,IACrB,IAAI,KAAK,YAAY;AACrB,SAAK,eAAe,YAAY,cAAc,WAAW,YAAY,IAAI;AACzE,WAAO;AAAA,EACT;AACF,CAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B;AACrC,SAAS,eAAe;AAExB,MAAM,gBAAgB,CAAC,WAAW,iBAAiB;AACjD,QAAM,UAAU,QAAQ,cAAc,SAAS;AAC/C,SAAO,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,GAAG,SAAS;AAAA,IAC3C,IAAI,cAAc,aAAa;AAAA,IAC/B,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU,QAAQ,CAAC;AAAA,IACnB,UAAU;AAAA,IACV,SAAS;AAAA,EACX,EAAE;AACJ;AAEO,MAAM,mBAAmB,qBAAqB,iBAAiB;AAAA,EACpE,aAAa,MAAM;AACjB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,UAAU;AAAA,IACrB,IAAI,KAAK,YAAY;AACrB,SAAK,eAAe,YAAY,cAAc,WAAW,YAAY,IAAI;AACzE,WAAO;AAAA,EACT;AACF,CAAC;",
   "names": []
 }

package/dist/esm/plugins/grouping-grid/GroupingPlugin.js

@@ -4,9 +4,9 @@ import { useMemo } from "react";
 import { createInstancePlugin } from "@elliemae/ds-shared";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { VariableSizeList } from "react-window";
-import { walkTreeStrategy } from "./walkStrategy";
-import { RowSizes } from "../../rowSizes";
-import { dataGridBlockName } from "../../blockNames";
+import { walkTreeStrategy } from "./walkStrategy.js";
+import { RowSizes } from "../../rowSizes.js";
+import { dataGridBlockName } from "../../blockNames.js";
 const blockName = `${dataGridBlockName}-group-row-header`;
 const GroupRowHeaderWrapper = aggregatedClasses("div")(blockName);
 const GroupRowHeaderTitle = aggregatedClasses("div")(blockName, "title");
@@ -80,15 +80,19 @@ const GroupingPlugin = createInstancePlugin("groupedRows", {
   decorateRenderers(renderers, grid) {
     const Row = renderers.body.row;
     renderers.body.row = useMemo(
-      () => ({ isExpanded, ...rowProps }) => {
-        const { composedRows } = grid.getInstance();
-        const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
-        const { groupedRowsRenderHeader } = grid.props;
-        if (node && node._isGroup) {
-          return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(GroupRowHeaderWrapper, { ...rowProps, children: /* @__PURE__ */ jsx(GroupRowHeaderTitle, { children: groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group" }) }) });
+      () => (
+        // eslint-disable-next-line react/display-name
+        // eslint-disable-next-line react/prop-types
+        function({ isExpanded, ...rowProps }) {
+          const { composedRows } = grid.getInstance();
+          const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
+          const { groupedRowsRenderHeader } = grid.props;
+          if (node && node._isGroup) {
+            return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(GroupRowHeaderWrapper, { ...rowProps, children: /* @__PURE__ */ jsx(GroupRowHeaderTitle, { children: groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group" }) }) });
+          }
+          return /* @__PURE__ */ jsx(Row, { ...rowProps });
         }
-        return /* @__PURE__ */ jsx(Row, { ...rowProps });
-      },
+      ),
       []
     );
     return renderers;

package/dist/esm/plugins/grouping-grid/GroupingPlugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/grouping-grid/GroupingPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-underscore-dangle */\nimport React, { useMemo } from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { VariableSizeList } from 'react-window';\nimport { walkTreeStrategy } from './walkStrategy';\nimport { RowSizes } from '../../rowSizes';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-group-row-header`;\nconst GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);\nconst GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');\n\nexport const GroupingPlugin = createInstancePlugin('groupedRows', {\n  decorateGrid(grid) {\n    const { columns, composedRows } = grid.getInstance();\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const detailColumns = useMemo(\n      () =>\n        columns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    const flatRows = [];\n    walkTreeStrategy({\n      data: composedRows,\n      cb: (n) => flatRows.push(n),\n    });\n    return {\n      detailColumns,\n      composedRows: flatRows,\n    };\n  },\n  getBodyProps(bodyProps, grid) {\n    const { composedRows: rows } = grid.getInstance();\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      if (!rowData) return RowSizes.normal;\n      return rowData._isGroup || rowData.isGroup ? RowSizes.compact : RowSizes.normal;\n    };\n    // eslint-disable-next-line no-unused-vars\n    const getListHeight = () => {\n      const size = rows.reduce((h, r) => {\n        const rowHeight = r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;\n        return h + rowHeight;\n      }, 0);\n      return size;\n    };\n    return {\n      ...bodyProps,\n      getListHeight,\n      listComponent: VariableSizeList,\n      listProps: { itemSize: getItemSize },\n    };\n  },\n  composeRows: (rows, grid) => {\n    const {\n      composedRows,\n      props: { rowKey },\n    } = grid.getInstance();\n\n    if (Array.isArray(rows)) {\n      const filterIds = rows.map((r) => r.data[rowKey]);\n      return composedRows\n        .filter((c) => filterIds.includes(c.data[rowKey]))\n        .map((r) => ({\n          ...r.data,\n          children: Array.isArray(r.data.children)\n            ? r.data.children.filter((c) => filterIds.includes(c[rowKey]))\n            : r.data.children,\n          _isGroup: r.isGroup,\n        }))\n        .filter((g) => g.children === undefined || g.children.length > 0);\n    }\n    return {\n      ...rows,\n      allRows: rows.allRows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n      rows: rows.rows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n    };\n  },\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    renderers.body.row = useMemo(\n      () =>\n        // eslint-disable-next-line react/display-name\n        // eslint-disable-next-line react/prop-types\n        ({ isExpanded, ...rowProps }) => {\n          const { composedRows } = grid.getInstance();\n          // // https://jira.elliemae.io/browse/PUI-1667\n          const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;\n          const { groupedRowsRenderHeader } = grid.props;\n          // eslint-disable-next-line no-underscore-dangle\n          if (node && node._isGroup) {\n            return (\n              <>\n                <GroupRowHeaderWrapper {...rowProps}>\n                  <GroupRowHeaderTitle>\n                    {groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group'}\n                  </GroupRowHeaderTitle>\n                </GroupRowHeaderWrapper>\n              </>\n            );\n          }\n          return <Row {...rowProps} />;\n        },\n      [],\n    );\n\n    return renderers;\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-underscore-dangle */\nimport React, { useMemo } from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { VariableSizeList } from 'react-window';\nimport { walkTreeStrategy } from './walkStrategy.js';\nimport { RowSizes } from '../../rowSizes.js';\nimport { dataGridBlockName } from '../../blockNames.js';\n\nconst blockName = `${dataGridBlockName}-group-row-header`;\nconst GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);\nconst GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');\n\nexport const GroupingPlugin = createInstancePlugin('groupedRows', {\n  decorateGrid(grid) {\n    const { columns, composedRows } = grid.getInstance();\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const detailColumns = useMemo(\n      () =>\n        columns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    const flatRows = [];\n    walkTreeStrategy({\n      data: composedRows,\n      cb: (n) => flatRows.push(n),\n    });\n    return {\n      detailColumns,\n      composedRows: flatRows,\n    };\n  },\n  getBodyProps(bodyProps, grid) {\n    const { composedRows: rows } = grid.getInstance();\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      if (!rowData) return RowSizes.normal;\n      return rowData._isGroup || rowData.isGroup ? RowSizes.compact : RowSizes.normal;\n    };\n    // eslint-disable-next-line no-unused-vars\n    const getListHeight = () => {\n      const size = rows.reduce((h, r) => {\n        const rowHeight = r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;\n        return h + rowHeight;\n      }, 0);\n      return size;\n    };\n    return {\n      ...bodyProps,\n      getListHeight,\n      listComponent: VariableSizeList,\n      listProps: { itemSize: getItemSize },\n    };\n  },\n  composeRows: (rows, grid) => {\n    const {\n      composedRows,\n      props: { rowKey },\n    } = grid.getInstance();\n\n    if (Array.isArray(rows)) {\n      const filterIds = rows.map((r) => r.data[rowKey]);\n      return composedRows\n        .filter((c) => filterIds.includes(c.data[rowKey]))\n        .map((r) => ({\n          ...r.data,\n          children: Array.isArray(r.data.children)\n            ? r.data.children.filter((c) => filterIds.includes(c[rowKey]))\n            : r.data.children,\n          _isGroup: r.isGroup,\n        }))\n        .filter((g) => g.children === undefined || g.children.length > 0);\n    }\n    return {\n      ...rows,\n      allRows: rows.allRows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n      rows: rows.rows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n    };\n  },\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    renderers.body.row = useMemo(\n      () =>\n        // eslint-disable-next-line react/display-name\n        // eslint-disable-next-line react/prop-types\n        function ({ isExpanded, ...rowProps }) {\n          const { composedRows } = grid.getInstance();\n          // // https://jira.elliemae.io/browse/PUI-1667\n          const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;\n          const { groupedRowsRenderHeader } = grid.props;\n          // eslint-disable-next-line no-underscore-dangle\n          if (node && node._isGroup) {\n            return (\n              <>\n                <GroupRowHeaderWrapper {...rowProps}>\n                  <GroupRowHeaderTitle>\n                    {groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group'}\n                  </GroupRowHeaderTitle>\n                </GroupRowHeaderWrapper>\n              </>\n            );\n          }\n          return <Row {...rowProps} />;\n        },\n      [],\n    );\n\n    return renderers;\n  },\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/grouping-grid/walkStrategy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/grouping-grid/walkStrategy.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function getPath(parentNode, index, childrenKey) {\n  if (!parentNode) return [index];\n  return [...parentNode.path, childrenKey, index];\n}\n\nexport function walkTreeStrategy({\n  data,\n  childrenKey = 'children',\n  level = 0,\n  getId = item => item.id,\n  parentNode,\n  shouldWalkChildren = () => true,\n  cb,\n}) {\n  // eslint-disable-next-line no-loops/no-loops,no-plusplus\n  for (let i = 0; i < data.length; i++) {\n    const currLevel = level + 1;\n    const children = data[i][childrenKey];\n    const isGroup = children && !!children.length;\n    const node = {\n      index: i,\n      id: getId(data[i]),\n      data: data[i],\n      path: getPath(parentNode, i, childrenKey),\n      isGroup,\n      nestingLevel: currLevel,\n      parentNode: parentNode || {\n        isGroup: true,\n        data: { children: data },\n      },\n    };\n    cb(node);\n    if (shouldWalkChildren(node) && children && children.length) {\n      walkTreeStrategy({\n        data: children,\n        level: currLevel,\n        parentNode: node,\n        shouldWalkChildren,\n        cb,\n      });\n    }\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC,KAAK;AAC9B,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa,KAAK;AAChD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ,UAAQ,KAAK;AAAA,EACrB;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B;AACF,GAAG;AAED,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,YAAY,QAAQ;AAC1B,UAAM,WAAW,KAAK,GAAG;AACzB,UAAM,UAAU,YAAY,CAAC,CAAC,SAAS;AACvC,UAAM,OAAO;AAAA,MACX,OAAO;AAAA,MACP,IAAI,MAAM,KAAK,EAAE;AAAA,MACjB,MAAM,KAAK;AAAA,MACX,MAAM,QAAQ,YAAY,GAAG,WAAW;AAAA,MACxC;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU,KAAK;AAAA,MACzB;AAAA,IACF;AACA,OAAG,IAAI;AACP,QAAI,mBAAmB,IAAI,KAAK,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function getPath(parentNode, index, childrenKey) {\n  if (!parentNode) return [index];\n  return [...parentNode.path, childrenKey, index];\n}\n\nexport function walkTreeStrategy({\n  data,\n  childrenKey = 'children',\n  level = 0,\n  getId = (item) => item.id,\n  parentNode,\n  shouldWalkChildren = () => true,\n  cb,\n}) {\n  // eslint-disable-next-line no-loops/no-loops,no-plusplus\n  for (let i = 0; i < data.length; i++) {\n    const currLevel = level + 1;\n    const children = data[i][childrenKey];\n    const isGroup = children && !!children.length;\n    const node = {\n      index: i,\n      id: getId(data[i]),\n      data: data[i],\n      path: getPath(parentNode, i, childrenKey),\n      isGroup,\n      nestingLevel: currLevel,\n      parentNode: parentNode || {\n        isGroup: true,\n        data: { children: data },\n      },\n    };\n    cb(node);\n    if (shouldWalkChildren(node) && children && children.length) {\n      walkTreeStrategy({\n        data: children,\n        level: currLevel,\n        parentNode: node,\n        shouldWalkChildren,\n        cb,\n      });\n    }\n  }\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC,KAAK;AAC9B,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa,KAAK;AAChD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ,CAAC,SAAS,KAAK;AAAA,EACvB;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B;AACF,GAAG;AAED,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,YAAY,QAAQ;AAC1B,UAAM,WAAW,KAAK,CAAC,EAAE,WAAW;AACpC,UAAM,UAAU,YAAY,CAAC,CAAC,SAAS;AACvC,UAAM,OAAO;AAAA,MACX,OAAO;AAAA,MACP,IAAI,MAAM,KAAK,CAAC,CAAC;AAAA,MACjB,MAAM,KAAK,CAAC;AAAA,MACZ,MAAM,QAAQ,YAAY,GAAG,WAAW;AAAA,MACxC;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU,KAAK;AAAA,MACzB;AAAA,IACF;AACA,OAAG,IAAI;AACP,QAAI,mBAAmB,IAAI,KAAK,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/plugins/index.js

@@ -1,20 +1,20 @@
 import * as React from "react";
-import { BodyHeaderScrollSyncPlugin } from "./body-header-scroll-sync";
-import { DndColumnsPlugin } from "./column-dnd";
-import { ColumnSizingPlugin } from "./column-sizing";
-import { CustomRendererPlugin } from "./custom-cell-renderer";
-import { EditablePlugin, ComboBox, TextBox } from "./editable";
-import { ExpandableColumn, ExpandablePlugin } from "./expandable-grid";
-import { FilterablePlugin } from "./filterable";
-import { InfiniteScrollPlugin } from "./infinite-scrolling";
-import { PaginationPlugin } from "./pagination";
-import { ResizablePlugin } from "./resizable";
-import { DndRowsPlugin } from "./row-dnd";
-import { SelectablePlugin } from "./selectable";
-import { SortablePlugin } from "./sortable";
-import { ToolbarPlugin } from "./toolbar";
-import { ExportDataPlugin } from "./export-data";
-import { VirtualizationPlugin } from "./virtualization";
+import { BodyHeaderScrollSyncPlugin } from "./body-header-scroll-sync/index.js";
+import { DndColumnsPlugin } from "./column-dnd/index.js";
+import { ColumnSizingPlugin } from "./column-sizing/index.js";
+import { CustomRendererPlugin } from "./custom-cell-renderer/index.js";
+import { EditablePlugin, ComboBox, TextBox } from "./editable/index.js";
+import { ExpandableColumn, ExpandablePlugin } from "./expandable-grid/index.js";
+import { FilterablePlugin } from "./filterable/index.js";
+import { InfiniteScrollPlugin } from "./infinite-scrolling/index.js";
+import { PaginationPlugin } from "./pagination/index.js";
+import { ResizablePlugin } from "./resizable/index.js";
+import { DndRowsPlugin } from "./row-dnd/index.js";
+import { SelectablePlugin } from "./selectable/index.js";
+import { SortablePlugin } from "./sortable/index.js";
+import { ToolbarPlugin } from "./toolbar/index.js";
+import { ExportDataPlugin } from "./export-data/index.js";
+import { VirtualizationPlugin } from "./virtualization/index.js";
 export {
   BodyHeaderScrollSyncPlugin,
   ColumnSizingPlugin,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/plugins/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { BodyHeaderScrollSyncPlugin } from './body-header-scroll-sync';\nexport { DndColumnsPlugin } from './column-dnd';\nexport { ColumnSizingPlugin } from './column-sizing';\nexport { CustomRendererPlugin } from './custom-cell-renderer';\nexport { EditablePlugin, ComboBox, TextBox } from './editable';\nexport { ExpandableColumn, ExpandablePlugin } from './expandable-grid';\nexport { FilterablePlugin } from './filterable';\nexport { InfiniteScrollPlugin } from './infinite-scrolling';\nexport { PaginationPlugin } from './pagination';\nexport { ResizablePlugin } from './resizable';\nexport { DndRowsPlugin } from './row-dnd';\nexport { SelectablePlugin } from './selectable';\nexport { SortablePlugin } from './sortable';\nexport { ToolbarPlugin } from './toolbar';\nexport { ExportDataPlugin } from './export-data';\nexport { VirtualizationPlugin } from './virtualization';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { BodyHeaderScrollSyncPlugin } from './body-header-scroll-sync/index.js';\nexport { DndColumnsPlugin } from './column-dnd/index.js';\nexport { ColumnSizingPlugin } from './column-sizing/index.js';\nexport { CustomRendererPlugin } from './custom-cell-renderer/index.js';\nexport { EditablePlugin, ComboBox, TextBox } from './editable/index.js';\nexport { ExpandableColumn, ExpandablePlugin } from './expandable-grid/index.js';\nexport { FilterablePlugin } from './filterable/index.js';\nexport { InfiniteScrollPlugin } from './infinite-scrolling/index.js';\nexport { PaginationPlugin } from './pagination/index.js';\nexport { ResizablePlugin } from './resizable/index.js';\nexport { DndRowsPlugin } from './row-dnd/index.js';\nexport { SelectablePlugin } from './selectable/index.js';\nexport { SortablePlugin } from './sortable/index.js';\nexport { ToolbarPlugin } from './toolbar/index.js';\nexport { ExportDataPlugin } from './export-data/index.js';\nexport { VirtualizationPlugin } from './virtualization/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,gBAAgB,UAAU,eAAe;AAClD,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;",
   "names": []
 }

package/dist/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/infinite-scrolling/InfiniteScrollPlugin.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useEffect, useState } from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\n\n// TODO: EXPORT A SEPARATED INFINITE LOADER GRID\n\nconst registerStateHook = (grid) => {\n  const {\n    props: { getData, onInfiniteScrolling = () => null },\n    actions: { updateRows },\n  } = grid;\n\n  const loading = useRef(false);\n\n  const addMoreData = (data = []) => {\n    loading.current = false;\n    updateRows((prevRows) => prevRows.concat(data || []));\n  };\n\n  const doLoadData = async (currentRows) => {\n    loading.current = true;\n    return Promise.resolve(getData(currentRows)).then(addMoreData);\n  };\n\n  const loadMoreData = (currentRows) => {\n    onInfiniteScrolling(currentRows);\n    if (loading.current || !getData) return;\n    doLoadData(currentRows);\n  };\n\n  return {\n    actions: {\n      loadMoreData,\n    },\n  };\n};\n\nconst getBodyProps = ({ children, ...props }, grid) => {\n  const { loadMoreData } = grid.getInstance().actions;\n\n  const [bodyNode, setBodyRef] = useState();\n  const prevScroll = useRef();\n  prevScroll.current = 0;\n\n  const handleBodyScroll = (event, s) => {\n    const { target } = event;\n    const { scrollHeight, scrollTop, offsetHeight, scrollLeft } = target;\n    const { composedRows } = grid.getInstance();\n    // prevent horizontal scroll triggering infinite scrolling callbacks\n    if (prevScroll.current !== scrollLeft) {\n      prevScroll.current = scrollLeft;\n      return;\n    }\n    // todo: clean this. Better approach using another component for the infinite scroll\n    if (bodyNode !== target) return;\n    if (scrollTop + offsetHeight >= scrollHeight - 1) {\n      loadMoreData(composedRows);\n    }\n  };\n\n  useEffect(() => {\n    if (bodyNode) {\n      bodyNode.addEventListener('scroll', handleBodyScroll);\n    }\n    return () => {\n      if (bodyNode) {\n        bodyNode.removeEventListener('scroll', handleBodyScroll);\n      }\n    };\n  }, [bodyNode]);\n\n  return {\n    ...props,\n    listProps: { outerRef: setBodyRef },\n  };\n};\n\nexport const InfiniteScrollPlugin = createInstancePlugin('infinite-scroll', {\n  registerStateHook,\n  getBodyProps,\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW,gBAAgB;AAC5C,SAAS,4BAA4B;AAIrC,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,sBAAsB,MAAM,KAAK;AAAA,IACnD,SAAS,EAAE,WAAW;AAAA,EACxB,IAAI;AAEJ,QAAM,UAAU,OAAO,KAAK;AAE5B,QAAM,cAAc,CAAC,OAAO,CAAC,MAAM;AACjC,YAAQ,UAAU;AAClB,eAAW,CAAC,aAAa,SAAS,OAAO,QAAQ,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,QAAM,aAAa,OAAO,gBAAgB;AACxC,YAAQ,UAAU;AAClB,WAAO,QAAQ,QAAQ,QAAQ,WAAW,CAAC,EAAE,KAAK,WAAW;AAAA,EAC/D;AAEA,QAAM,eAAe,CAAC,gBAAgB;AACpC,wBAAoB,WAAW;AAC/B,QAAI,QAAQ,WAAW,CAAC;AAAS;AACjC,eAAW,WAAW;AAAA,EACxB;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,GAAG,SAAS;AACrD,QAAM,EAAE,aAAa,IAAI,KAAK,YAAY,EAAE;AAE5C,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS;AACxC,QAAM,aAAa,OAAO;AAC1B,aAAW,UAAU;AAErB,QAAM,mBAAmB,CAAC,OAAO,MAAM;AACrC,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,EAAE,cAAc,WAAW,cAAc,WAAW,IAAI;AAC9D,UAAM,EAAE,aAAa,IAAI,KAAK,YAAY;AAE1C,QAAI,WAAW,YAAY,YAAY;AACrC,iBAAW,UAAU;AACrB;AAAA,IACF;AAEA,QAAI,aAAa;AAAQ;AACzB,QAAI,YAAY,gBAAgB,eAAe,GAAG;AAChD,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,iBAAiB,UAAU,gBAAgB;AAAA,IACtD;AACA,WAAO,MAAM;AACX,UAAI,UAAU;AACZ,iBAAS,oBAAoB,UAAU,gBAAgB;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,EAAE,UAAU,WAAW;AAAA,EACpC;AACF;AAEO,MAAM,uBAAuB,qBAAqB,mBAAmB;AAAA,EAC1E;AAAA,EACA;AACF,CAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW,gBAAgB;AAC5C,SAAS,4BAA4B;AAIrC,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,sBAAsB,MAAM,KAAK;AAAA,IACnD,SAAS,EAAE,WAAW;AAAA,EACxB,IAAI;AAEJ,QAAM,UAAU,OAAO,KAAK;AAE5B,QAAM,cAAc,CAAC,OAAO,CAAC,MAAM;AACjC,YAAQ,UAAU;AAClB,eAAW,CAAC,aAAa,SAAS,OAAO,QAAQ,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,QAAM,aAAa,OAAO,gBAAgB;AACxC,YAAQ,UAAU;AAClB,WAAO,QAAQ,QAAQ,QAAQ,WAAW,CAAC,EAAE,KAAK,WAAW;AAAA,EAC/D;AAEA,QAAM,eAAe,CAAC,gBAAgB;AACpC,wBAAoB,WAAW;AAC/B,QAAI,QAAQ,WAAW,CAAC;AAAS;AACjC,eAAW,WAAW;AAAA,EACxB;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS;AACrD,QAAM,EAAE,aAAa,IAAI,KAAK,YAAY,EAAE;AAE5C,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS;AACxC,QAAM,aAAa,OAAO;AAC1B,aAAW,UAAU;AAErB,QAAM,mBAAmB,CAAC,OAAO,MAAM;AACrC,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,EAAE,cAAc,WAAW,cAAc,WAAW,IAAI;AAC9D,UAAM,EAAE,aAAa,IAAI,KAAK,YAAY;AAE1C,QAAI,WAAW,YAAY,YAAY;AACrC,iBAAW,UAAU;AACrB;AAAA,IACF;AAEA,QAAI,aAAa;AAAQ;AACzB,QAAI,YAAY,gBAAgB,eAAe,GAAG;AAChD,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,iBAAiB,UAAU,gBAAgB;AAAA,IACtD;AACA,WAAO,MAAM;AACX,UAAI,UAAU;AACZ,iBAAS,oBAAoB,UAAU,gBAAgB;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,EAAE,UAAU,WAAW;AAAA,EACpC;AACF;AAEO,MAAM,uBAAuB,qBAAqB,mBAAmB;AAAA,EAC1E;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/dist/esm/plugins/infinite-scrolling/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { InfiniteScrollPlugin } from "./InfiniteScrollPlugin";
+import { InfiniteScrollPlugin } from "./InfiniteScrollPlugin.js";
 export {
   InfiniteScrollPlugin
 };

package/dist/esm/plugins/infinite-scrolling/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/infinite-scrolling/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { InfiniteScrollPlugin } from './InfiniteScrollPlugin';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { InfiniteScrollPlugin } from './InfiniteScrollPlugin.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B;",
   "names": []
 }