@elliemae/ds-legacy-datagrids 1.0.0-rc.1

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

@@ -0,0 +1,153 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2, { useState } from "react";
+import PropTypes from "prop-types";
+import { compact } from "lodash";
+import { DSDropdownMenu } from "@elliemae/ds-legacy-dropdownmenu";
+import { DSButton } from "@elliemae/ds-legacy-button";
+import { PopperPositions as Position } from "@elliemae/ds-legacy-popper";
+import { Menu, MenuCombobox } from "@elliemae/ds-legacy-menu";
+import { SearchSmall } from "@elliemae/ds-legacy-icons";
+const TextFilterMenu = ({
+  column,
+  menuStyle = {},
+  className,
+  filters = [],
+  isMenuOpened = false,
+  onOpenMenu = () => null,
+  onClose = () => null,
+  placement = Position.BOTTOM_END,
+  menuProps = {},
+  onAddFilter = () => null,
+  onRemoveFilter = () => null,
+  maxOptions = 10,
+  isMulti = false
+}) => {
+  const { options, ...otherMenuProps } = menuProps;
+  const generateOption = (option, idx) => /* @__PURE__ */ jsx(Menu.ItemCheckbox, { label: option.label, name: option.id }, idx);
+  const renderOptions = (arr) => arr.map(generateOption);
+  const filtersForColumn = filters.filter((f) => f.group === column.property);
+  const initialSelectedOptions = filtersForColumn.map((f) => f.value);
+  const [selected, setSelected] = useState(initialSelectedOptions);
+  React2.useEffect(() => {
+    const filtersForColumn2 = filters.filter((f) => f.group === column.property);
+    setSelected(filtersForColumn2.map((f) => f.value));
+  }, [filters]);
+  const filterGroup = column.searchBy || column.property;
+  const onCloseMulti = () => {
+    let nextFilters = [...filters];
+    const shouldRemove = [];
+    initialSelectedOptions.forEach((item) => {
+      if (!selected.includes(item)) {
+        nextFilters = nextFilters.filter((filter) => !(filter.group === filterGroup && filter.value === item));
+        shouldRemove.push({ group: filterGroup, pill: { value: item } });
+      }
+    });
+    shouldRemove.forEach((removedFilter) => {
+      onRemoveFilter({
+        ...removedFilter,
+        nextFilters
+      });
+    });
+    selected.forEach((item) => {
+      if (!initialSelectedOptions.includes(item)) {
+        onAddFilter(
+          {
+            group: filterGroup,
+            label: column.label,
+            value: item,
+            operator: column?.filter?.operator || "contains",
+            transformRowValue: column.valueTransformation
+          },
+          column
+        );
+      }
+    });
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    DSDropdownMenu,
+    {
+      closeMenuOnItemSelection: true,
+      contentStyle: menuStyle,
+      customMenu: isMulti ? /* @__PURE__ */ jsx(Menu, { containerProps: { id: "text-filter-menu-multiple" }, className: "dg-multiple-filter", visible: true, children: /* @__PURE__ */ jsx(
+        Menu.SelectionGroup,
+        {
+          active: selected,
+          onSelect: (newValues) => {
+            setSelected(newValues);
+          },
+          focusOnOpen: true,
+          multi: true,
+          searchable: true,
+          children: renderOptions(options)
+        }
+      ) }) : /* @__PURE__ */ jsx(
+        MenuCombobox,
+        {
+          ...otherMenuProps,
+          className,
+          dropdownFilterOptions: {
+            ...column.dropdownFilterOptions,
+            maxOptions
+          },
+          maxWidth: column.filterMenuMaxWidth,
+          minWidth: column.filterMenuMinWidth,
+          onSelectMenuItem: (selectedValue) => {
+            if (selectedValue) {
+              onAddFilter(
+                {
+                  group: column.searchBy || column.property,
+                  label: column.label,
+                  value: selectedValue,
+                  operator: column?.filter?.operator || "contains",
+                  transformRowValue: column.valueTransformation
+                },
+                column
+              );
+              onOpenMenu(false);
+            }
+          }
+        }
+      ),
+      isOpen: isMenuOpened,
+      maxWidth: column.filterMenuMaxWidth,
+      menuProps,
+      minWidth: column.filterMenuMinWidth,
+      onOpenMenu,
+      onClose: isMulti ? onCloseMulti : onClose,
+      options: compact(options),
+      placement,
+      triggerComponent: /* @__PURE__ */ jsx(
+        DSButton,
+        {
+          buttonType: "text",
+          icon: /* @__PURE__ */ jsx(SearchSmall, {}),
+          onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
+          size: "s"
+        }
+      )
+    }
+  );
+};
+TextFilterMenu.propTypes = {
+  column: PropTypes.any,
+  menuStyle: PropTypes.shape({}),
+  className: PropTypes.string,
+  filters: PropTypes.arrayOf(PropTypes.shape({})),
+  isMenuOpened: PropTypes.bool,
+  onOpenMenu: PropTypes.func,
+  onClose: PropTypes.func,
+  placement: PropTypes.string,
+  menuProps: PropTypes.shape({}),
+  onAddFilter: PropTypes.func,
+  onRemoveFilter: PropTypes.func,
+  maxOptions: PropTypes.number,
+  isMulti: PropTypes.bool
+};
+var TextFilterMenu_default = TextFilterMenu;
+export {
+  TextFilterMenu,
+  TextFilterMenu_default as default
+};
+//# sourceMappingURL=TextFilterMenu.js.map

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

@@ -0,0 +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-legacy-dropdownmenu';\nimport { DSButton } from '@elliemae/ds-legacy-button';\nimport { PopperPositions as Position } from '@elliemae/ds-legacy-popper';\nimport { Menu, MenuCombobox } from '@elliemae/ds-legacy-menu';\nimport { SearchSmall } from '@elliemae/ds-legacy-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": "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",
+  "names": ["React"]
+}

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DEFAULT_DATE_FORMAT = "MM/DD/YYYY";
+export {
+  DEFAULT_DATE_FORMAT
+};
+//# sourceMappingURL=defaultDateFormat.js.map

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

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

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+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) => ComponentTypes[type] || ComponentTypes.string;
+var getFilterMenuByType_default = getFilterMenuByType;
+export {
+  getFilterMenuByType_default as default,
+  getFilterMenuByType
+};
+//# sourceMappingURL=getFilterMenuByType.js.map

package/dist/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.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

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+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
+    }
+  );
+};
+var filterableFormatter_default = FilterableFormatter;
+export {
+  FilterableFormatter,
+  filterableFormatter_default as default
+};
+//# sourceMappingURL=filterableFormatter.js.map

package/dist/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.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

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { isFunction } from "@elliemae/ds-legacy-utilities";
+import { strategiesOperators } from "./strategiesOperators.js";
+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 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 = (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;
+  const newRows = [];
+  const parentMap = {};
+  composedRows.forEach((parentRow) => {
+    if (parentRow.isGroup) {
+      newRows.push({
+        ...parentRow,
+        _filtered: true
+      });
+    } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {
+      newRows.push({
+        ...parentRow,
+        _filtered: true
+      });
+      parentMap[parentRow.parentNode.id] = true;
+    }
+  });
+  return newRows.filter((r) => {
+    if (r.isGroup && !parentMap[r.id])
+      return false;
+    return true;
+  });
+}
+const filterRowsByQuery = (rows, query) => rows.filter(filterByRules(query.rules, query.condition));
+var filterRowsByQuery_default = filterRowsByQuery;
+export {
+  filterRowsByQuery_default as default,
+  filterRowsByQuery,
+  filterRowsByQueryGroup
+};
+//# sourceMappingURL=filterRowsByQuery.js.map

package/dist/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-legacy-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

@@ -0,0 +1,15 @@
+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;
+var strategiesOperators_default = strategiesOperators;
+export {
+  strategiesOperators_default as default,
+  strategiesOperators
+};
+//# sourceMappingURL=strategiesOperators.js.map

package/dist/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) => 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

@@ -0,0 +1,83 @@
+import * as React from "react";
+import { isFunction, uniqBy, get, groupBy, property } from "@elliemae/ds-legacy-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);
+  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 };
+  }
+  const label = getFilterLabel(column, rowColumnValue);
+  return { id: rowColumnValue || label, label };
+}).filter((row) => row.id).filter((row) => {
+  if (row.id.startsWith)
+    return !row.id.startsWith("grouped-by");
+  return true;
+});
+const getFilterLabelsGroup = (column, rows) => {
+  let flat = [];
+  rows.forEach((r) => {
+    if (r.children) {
+      flat = [...flat, ...r.children];
+    }
+  });
+  return getFilterLabels(column, flat);
+};
+function getFilterValue(filter, 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;
+    return value;
+  }
+  if (filterLabels) {
+    return filterLabels[value];
+  }
+  return value;
+}
+function buildFilterArray(newFilter, filters) {
+  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());
+}
+const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);
+function parseFilterToRule(filter) {
+  return {
+    ...filter,
+    value: filter.filterParams || filter.value,
+    field: filter.group
+  };
+}
+function parseFiltersToQuery(filters) {
+  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) {
+        queryResult.rules.push({
+          condition: "OR",
+          rules: filter.map(parseFilterToRule)
+        });
+      } else {
+        queryResult.rules.push(parseFilterToRule(filter[0]));
+      }
+      return queryResult;
+    },
+    { condition: "AND", rules: [] }
+  );
+}
+export {
+  buildFilterArray,
+  getFilterLabel,
+  getFilterLabels,
+  getFilterLabelsGroup,
+  getFilterValue,
+  groupFilters,
+  parseFiltersToQuery
+};
+//# sourceMappingURL=helper.js.map

package/dist/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 { isFunction, uniqBy, get, groupBy, property } from '@elliemae/ds-legacy-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

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

package/dist/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.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
+  "names": []
+}

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

@@ -0,0 +1,82 @@
+import * as React from "react";
+import { useMemo, useState, useEffect } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { buildFilterArray, getFilterValue, parseFiltersToQuery } from "./helper.js";
+const noop = () => null;
+function useFilterableState(grid) {
+  const {
+    filters: filtersProp,
+    onAddFilter = noop,
+    onRemoveFilter = noop,
+    onRemoveAllFilters = noop,
+    onFiltersChange = noop
+  } = grid.props;
+  const [filters, setFilters] = useState(filtersProp || []);
+  useEffect(() => {
+    if (filtersProp && filtersProp !== filters) {
+      setFilters(filtersProp);
+    }
+  }, [filtersProp]);
+  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));
+  };
+  const addFilter = (filter, column) => {
+    let hasBeenCalled = false;
+    const trimmedFilter = {
+      ...filter,
+      value: String(filter.value).trim()
+    };
+    const parsedFilter = !filter.group ? {
+      ...trimmedFilter,
+      value: String(filter.value).trim(),
+      group: "all",
+      label: "All",
+      id: uuidv4()
+    } : {
+      ...trimmedFilter,
+      value: String(filter.value).trim(),
+      id: uuidv4(),
+      label: column && column.filterLabel || trimmedFilter.label,
+      originalProperty: column.originalProperty || column.property,
+      customValue: getFilterValue(trimmedFilter, column)
+    };
+    setFilters((prevFilters) => {
+      if (hasBeenCalled) {
+        return;
+      }
+      hasBeenCalled = true;
+      const nextFilters = buildFilterArray(parsedFilter, prevFilters);
+      handleFiltersChange(nextFilters, true);
+      onAddFilter(parsedFilter, nextFilters, column);
+    });
+  };
+  const removeFilter = ({ group, pill, nextFilters }) => {
+    onRemoveFilter(group, pill.value, nextFilters);
+    handleFiltersChange(nextFilters);
+  };
+  const removeAllFilters = () => {
+    onRemoveAllFilters();
+    handleFiltersChange([]);
+  };
+  return {
+    actions: {
+      addFilter,
+      removeFilter,
+      removeAllFilters
+    },
+    state: {
+      query: queryFromFilters,
+      filters
+    }
+  };
+}
+export {
+  useFilterableState
+};
+//# sourceMappingURL=useFilterableState.js.map

package/dist/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 { 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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { createInstancePlugin } from "@elliemae/ds-legacy-shared";
+import { groupBy } from "lodash";
+const groupedByData = (groupedBy, composedRows) => {
+  const grouped = groupBy(composedRows, groupedBy);
+  return Object.keys(grouped).map((c, key) => ({
+    id: `grouped-by-${groupedBy}-${key}`,
+    key: groupedBy,
+    value: c,
+    children: grouped[c],
+    _isGroup: true,
+    isGroup: true
+  }));
+};
+const GroupingByPlugin = createInstancePlugin("groupedByRows", {
+  decorateGrid(grid) {
+    const {
+      composedRows,
+      props: { groupedBy }
+    } = grid.getInstance();
+    grid.composedRows = groupedBy ? groupedByData(groupedBy, composedRows) : composedRows;
+    return grid;
+  }
+});
+export {
+  GroupingByPlugin
+};
+//# sourceMappingURL=GroupingByPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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-legacy-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,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": []
+}