@elliemae/ds-datagrids 3.0.0-next.2 → 3.0.0-next.3

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

@@ -0,0 +1,104 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import {
+  isFunction,
+  uniqBy,
+  get,
+  groupBy,
+  property
+} from "@elliemae/ds-utilities";
+const getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
+const getFilterLabels = (column, rows) => uniqBy(rows, property(column.searchBy || column.property)).map((row) => {
+  const 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 __spreadProps(__spreadValues({}, 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 {\n  isFunction,\n  uniqBy,\n  get,\n  groupBy,\n  property,\n} from '@elliemae/ds-utilities';\n\nexport const getFilterLabel = (column, value) => (column.filterLabels ? column.filterLabels[value] || value : value);\n\nexport const getFilterLabels = (column, rows) =>\n  uniqBy(rows, property(column.searchBy || column.property))\n    .map((row) => {\n      const value = get(row, column.searchBy || column.property);\n      if (value === undefined) return {};\n      const rowColumnValue = String(get(row, column.searchBy || column.property));\n      if (isFunction(column.valueTransformation)) {\n        const nextValue = column.valueTransformation(rowColumnValue);\n        return { id: nextValue, label: nextValue };\n      }\n      const label = getFilterLabel(column, rowColumnValue);\n      return { id: rowColumnValue || label, label };\n    })\n    .filter((row) => row.id)\n    .filter((row) => {\n      if (row.id.startsWith) return !row.id.startsWith('grouped-by');\n      return true;\n    });\n\nexport const getFilterLabelsGroup = (column, rows) => {\n  let flat = [];\n  rows.forEach((r) => {\n    if (r.children) {\n      flat = [...flat, ...r.children];\n    }\n  });\n  return getFilterLabels(column, flat);\n};\n\nexport function getFilterValue(filter, column) {\n  const { value } = filter;\n\n  if (!column) return value;\n\n  const { filterOptions, filterLabels } = column;\n\n  if (filterOptions) {\n    const foundOption = column.filterOptions.filter((option) => option.id === value)[0];\n    if (foundOption) return foundOption.label;\n    return value;\n  }\n  if (filterLabels) {\n    return filterLabels[value];\n  }\n\n  return value;\n}\n\nexport function buildFilterArray(newFilter, filters) {\n  // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]\n  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());\n}\n\nexport const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);\n\nfunction parseFilterToRule(filter) {\n  return {\n    ...filter,\n    value: filter.filterParams || filter.value,\n    field: filter.group,\n  };\n}\n\nexport function parseFiltersToQuery(filters) {\n  const groupedFilters = groupBy(groupFilters(filters), (filter) => filter.group);\n  return Object.keys(groupedFilters).reduce(\n    (queryResult, field) => {\n      const filter = groupedFilters[field];\n      if (Array.isArray(filter) && filter.length > 1) {\n        // create query group with 'OR' condition\n        queryResult.rules.push({\n          condition: 'OR',\n          rules: filter.map(parseFilterToRule),\n        });\n      } else {\n        queryResult.rules.push(parseFilterToRule(filter[0]));\n      }\n      return queryResult;\n    },\n    { condition: 'AND', rules: [] },\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,WAC7C,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO;AACjD,MAAI,UAAU;AAAW,WAAO;AAChC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO;AACjE,MAAI,WAAW,OAAO,sBAAsB;AAC1C,UAAM,YAAY,OAAO,oBAAoB;AAC7C,WAAO,EAAE,IAAI,WAAW,OAAO;AAAA;AAEjC,QAAM,QAAQ,eAAe,QAAQ;AACrC,SAAO,EAAE,IAAI,kBAAkB,OAAO;AAAA,GAEvC,OAAO,CAAC,QAAQ,IAAI,IACpB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW;AACjD,SAAO;AAAA;AAGN,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO;AACX,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE;AAAA;AAAA;AAG1B,SAAO,gBAAgB,QAAQ;AAAA;AAG1B,wBAAwB,QAAQ,QAAQ;AAC7C,QAAM,EAAE,UAAU;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,iBAAiB;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA;AAET,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA;AAGtB,SAAO;AAAA;AAGF,0BAA0B,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,YAAY,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO;AAAA;AAG5D,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO;AAE5E,2BAA2B,QAAQ;AACjC,SAAO,iCACF,SADE;AAAA,IAEL,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA;AAAA;AAIX,6BAA6B,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,UAAU,CAAC,WAAW,OAAO;AACzE,SAAO,OAAO,KAAK,gBAAgB,OACjC,CAAC,aAAa,UAAU;AACtB,UAAM,SAAS,eAAe;AAC9B,QAAI,MAAM,QAAQ,WAAW,OAAO,SAAS,GAAG;AAE9C,kBAAY,MAAM,KAAK;AAAA,QACrB,WAAW;AAAA,QACX,OAAO,OAAO,IAAI;AAAA;AAAA,WAEf;AACL,kBAAY,MAAM,KAAK,kBAAkB,OAAO;AAAA;AAElD,WAAO;AAAA,KAET,EAAE,WAAW,OAAO,OAAO;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { FilterablePlugin } from "./FilterablePlugin";
+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';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

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

@@ -0,0 +1,104 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { useMemo, useState, useEffect } from "react";
+import { v4 as uuidv4 } from "uuid";
+import {
+  buildFilterArray,
+  getFilterValue,
+  parseFiltersToQuery
+} from "./helper";
+const noop = () => null;
+function useFilterableState(grid) {
+  const {
+    filters: filtersProp,
+    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 = __spreadProps(__spreadValues({}, filter), {
+      value: String(filter.value).trim()
+    });
+    const parsedFilter = !filter.group ? __spreadProps(__spreadValues({}, trimmedFilter), {
+      value: String(filter.value).trim(),
+      group: "all",
+      label: "All",
+      id: uuidv4()
+    }) : __spreadProps(__spreadValues({}, 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 {\n  buildFilterArray,\n  getFilterValue,\n  parseFiltersToQuery,\n} from './helper';\n\nconst noop = () => null;\n\nexport function useFilterableState(grid) {\n  const {\n    filters: filtersProp,\n    onAddFilter = noop,\n    onRemoveFilter = noop,\n    onRemoveAllFilters = noop,\n    onFiltersChange = noop,\n  } = grid.props;\n\n  const [filters, setFilters] = useState(filtersProp || []);\n\n  useEffect(() => {\n    if (filtersProp && filtersProp !== filters) {\n      setFilters(filtersProp);\n    }\n  }, [filtersProp]);\n\n  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [\n    filters,\n  ]);\n\n  const handleFiltersChange = (nextFilters) => {\n    const {\n      refs: { body },\n    } = grid.getInstance();\n    body.current.scrollTop = 0;\n    setFilters(nextFilters);\n    grid.observeRows((rows) =>\n      onFiltersChange(nextFilters, queryFromFilters, rows),\n    );\n  };\n\n  const addFilter = (filter, column) => {\n    let hasBeenCalled = false;\n    const trimmedFilter = {\n      ...filter,\n      value: String(filter.value).trim(),\n    };\n    /* eslint-disable indent */\n    const parsedFilter = !filter.group\n      ? {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          group: 'all',\n          label: 'All',\n          id: uuidv4(),\n        }\n      : {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          id: uuidv4(),\n          label: (column && column.filterLabel) || trimmedFilter.label,\n          originalProperty: column.originalProperty || column.property,\n          customValue: getFilterValue(trimmedFilter, column),\n        };\n    /* eslint-enable indent */\n    setFilters((prevFilters) => {\n      // This was setted for an issue that was recalling this function on the handleFiltersChange\n      if (hasBeenCalled) {\n        return;\n      }\n      hasBeenCalled = true;\n\n      const nextFilters = buildFilterArray(parsedFilter, prevFilters);\n      handleFiltersChange(nextFilters, true);\n      onAddFilter(parsedFilter, nextFilters, column);\n    });\n  };\n\n  const removeFilter = ({ group, pill, nextFilters }) => {\n    onRemoveFilter(group, pill.value, nextFilters);\n    handleFiltersChange(nextFilters);\n  };\n\n  const removeAllFilters = () => {\n    onRemoveAllFilters();\n    handleFiltersChange([]);\n  };\n  return {\n    actions: {\n      addFilter,\n      removeFilter,\n      removeAllFilters,\n    },\n    state: {\n      query: queryFromFilters,\n      filters,\n    },\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,OAAO,MAAM;AAEZ,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,MAChB,KAAK;AAET,QAAM,CAAC,SAAS,cAAc,SAAS,eAAe;AAEtD,YAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW;AAAA;AAAA,KAEZ,CAAC;AAEJ,QAAM,mBAAmB,QAAQ,MAAM,oBAAoB,WAAW,KAAK;AAAA,IACzE;AAAA;AAGF,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE;AAAA,QACN,KAAK;AACT,SAAK,QAAQ,YAAY;AACzB,eAAW;AACX,SAAK,YAAY,CAAC,SAChB,gBAAgB,aAAa,kBAAkB;AAAA;AAInD,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB,iCACjB,SADiB;AAAA,MAEpB,OAAO,OAAO,OAAO,OAAO;AAAA;AAG9B,UAAM,eAAe,CAAC,OAAO,QACzB,iCACK,gBADL;AAAA,MAEE,OAAO,OAAO,OAAO,OAAO;AAAA,MAC5B,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,SAEN,iCACK,gBADL;AAAA,MAEE,OAAO,OAAO,OAAO,OAAO;AAAA,MAC5B,IAAI;AAAA,MACJ,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,eAAe,eAAe;AAAA;AAGjD,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA;AAEF,sBAAgB;AAEhB,YAAM,cAAc,iBAAiB,cAAc;AACnD,0BAAoB,aAAa;AACjC,kBAAY,cAAc,aAAa;AAAA;AAAA;AAI3C,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,kBAAkB;AACrD,mBAAe,OAAO,KAAK,OAAO;AAClC,wBAAoB;AAAA;AAGtB,QAAM,mBAAmB,MAAM;AAC7B;AACA,wBAAoB;AAAA;AAEtB,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+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-shared/createDataInstance/createInstancePlugin';\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\n      ? groupedByData(groupedBy, composedRows)\n      : composedRows;\n    return grid;\n  },\n});\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,gBAAgB,CAAC,WAAW,iBAAiB;AACjD,QAAM,UAAU,QAAQ,cAAc;AACtC,SAAO,OAAO,KAAK,SAAS,IAAI,CAAC,GAAG,QAAS;AAAA,IAC3C,IAAI,cAAc,aAAa;AAAA,IAC/B,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU,QAAQ;AAAA,IAClB,UAAU;AAAA,IACV,SAAS;AAAA;AAAA;AAIN,MAAM,mBAAmB,qBAAqB,iBAAiB;AAAA,EACpE,aAAa,MAAM;AACjB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,EAAE;AAAA,QACP,KAAK;AACT,SAAK,eAAe,YAChB,cAAc,WAAW,gBACzB;AACJ,WAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,119 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { VariableSizeList } from "react-window";
+import { walkTreeStrategy } from "./walkStrategy";
+import { RowSizes } from "../../rowSizes";
+import { dataGridBlockName } from "../../blockNames";
+const blockName = `${dataGridBlockName}-group-row-header`;
+const GroupRowHeaderWrapper = aggregatedClasses("div")(blockName);
+const GroupRowHeaderTitle = aggregatedClasses("div")(blockName, "title");
+const GroupingPlugin = createInstancePlugin("groupedRows", {
+  decorateGrid(grid) {
+    const { columns, composedRows } = grid.getInstance();
+    const detailColumns = useMemo(() => columns.map((column) => __spreadProps(__spreadValues({}, column), {
+      customRenderer: column.detailCustomRenderer
+    })).filter((col) => !col.expandableColumn), [columns]);
+    const flatRows = [];
+    walkTreeStrategy({
+      data: composedRows,
+      cb: (n) => flatRows.push(n)
+    });
+    return {
+      detailColumns,
+      composedRows: flatRows
+    };
+  },
+  getBodyProps(bodyProps, grid) {
+    const { composedRows: rows } = grid.getInstance();
+    const getItemSize = (index) => {
+      const rowData = rows[index];
+      if (!rowData)
+        return RowSizes.normal;
+      return rowData._isGroup || rowData.isGroup ? RowSizes.compact : RowSizes.normal;
+    };
+    const getListHeight = () => {
+      const size = rows.reduce((h, r) => {
+        const rowHeight = r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;
+        return h + rowHeight;
+      }, 0);
+      return size;
+    };
+    return __spreadProps(__spreadValues({}, bodyProps), {
+      getListHeight,
+      listComponent: VariableSizeList,
+      listProps: { itemSize: getItemSize }
+    });
+  },
+  composeRows: (rows, grid) => {
+    const {
+      composedRows,
+      props: { rowKey }
+    } = grid.getInstance();
+    if (Array.isArray(rows)) {
+      const filterIds = rows.map((r) => r.data[rowKey]);
+      return composedRows.filter((c) => filterIds.includes(c.data[rowKey])).map((r) => __spreadProps(__spreadValues({}, r.data), {
+        children: Array.isArray(r.data.children) ? r.data.children.filter((c) => filterIds.includes(c[rowKey])) : r.data.children,
+        _isGroup: r.isGroup
+      })).filter((g) => g.children === void 0 || g.children.length > 0);
+    }
+    return __spreadProps(__spreadValues({}, rows), {
+      allRows: rows.allRows.map((r) => __spreadProps(__spreadValues({}, r.data), {
+        _isGroup: r.isGroup
+      })),
+      rows: rows.rows.map((r) => __spreadProps(__spreadValues({}, r.data), {
+        _isGroup: r.isGroup
+      }))
+    });
+  },
+  decorateRenderers(renderers, grid) {
+    const Row = renderers.body.row;
+    renderers.body.row = useMemo(() => (_a) => {
+      var _b = _a, { isExpanded } = _b, rowProps = __objRest(_b, ["isExpanded"]);
+      const { composedRows } = grid.getInstance();
+      const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
+      const { groupedRowsRenderHeader } = grid.props;
+      if (node && node._isGroup) {
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(GroupRowHeaderWrapper, __spreadValues({}, rowProps), /* @__PURE__ */ React2.createElement(GroupRowHeaderTitle, null, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group")));
+      }
+      return /* @__PURE__ */ React2.createElement(Row, __spreadValues({}, rowProps));
+    }, []);
+    return renderers;
+  }
+});
+export {
+  GroupingPlugin
+};
+//# sourceMappingURL=GroupingPlugin.js.map

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

@@ -0,0 +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/createDataInstance/createInstancePlugin';\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\n        ? RowSizes.compact\n        : RowSizes.normal;\n    };\n    // eslint-disable-next-line no-unused-vars\n    const getListHeight = () => {\n      const size = rows.reduce((h, r) => {\n        const rowHeight =\n          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]\n            ? composedRows[rowProps.index]\n            : 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\n                      ? groupedRowsRenderHeader(node)\n                      : 'Group'}\n                  </GroupRowHeaderTitle>\n                </GroupRowHeaderWrapper>\n              </>\n            );\n          }\n          return <Row {...rowProps} />;\n        },\n      [],\n    );\n\n    return renderers;\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AACrB,MAAM,wBAAwB,kBAAkB,OAAO;AACvD,MAAM,sBAAsB,kBAAkB,OAAO,WAAW;AAEzD,MAAM,iBAAiB,qBAAqB,eAAe;AAAA,EAChE,aAAa,MAAM;AACjB,UAAM,EAAE,SAAS,iBAAiB,KAAK;AAEvC,UAAM,gBAAgB,QACpB,MACE,QACG,IAAI,CAAC,WAAY,iCACb,SADa;AAAA,MAEhB,gBAAgB,OAAO;AAAA,QAExB,OAAO,CAAC,QAAQ,CAAC,IAAI,mBAC1B,CAAC;AAEH,UAAM,WAAW;AACjB,qBAAiB;AAAA,MACf,MAAM;AAAA,MACN,IAAI,CAAC,MAAM,SAAS,KAAK;AAAA;AAE3B,WAAO;AAAA,MACL;AAAA,MACA,cAAc;AAAA;AAAA;AAAA,EAGlB,aAAa,WAAW,MAAM;AAC5B,UAAM,EAAE,cAAc,SAAS,KAAK;AAEpC,UAAM,cAAc,CAAC,UAAU;AAC7B,YAAM,UAAU,KAAK;AACrB,UAAI,CAAC;AAAS,eAAO,SAAS;AAC9B,aAAO,QAAQ,YAAY,QAAQ,UAC/B,SAAS,UACT,SAAS;AAAA;AAGf,UAAM,gBAAgB,MAAM;AAC1B,YAAM,OAAO,KAAK,OAAO,CAAC,GAAG,MAAM;AACjC,cAAM,YACJ,EAAE,YAAY,EAAE,UAAU,SAAS,UAAU,SAAS;AACxD,eAAO,IAAI;AAAA,SACV;AACH,aAAO;AAAA;AAET,WAAO,iCACF,YADE;AAAA,MAEL;AAAA,MACA,eAAe;AAAA,MACf,WAAW,EAAE,UAAU;AAAA;AAAA;AAAA,EAG3B,aAAa,CAAC,MAAM,SAAS;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,EAAE;AAAA,QACP,KAAK;AAET,QAAI,MAAM,QAAQ,OAAO;AACvB,YAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,KAAK;AACzC,aAAO,aACJ,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,KAAK,UACxC,IAAI,CAAC,MAAO,iCACR,EAAE,OADM;AAAA,QAEX,UAAU,MAAM,QAAQ,EAAE,KAAK,YAC3B,EAAE,KAAK,SAAS,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,YACnD,EAAE,KAAK;AAAA,QACX,UAAU,EAAE;AAAA,UAEb,OAAO,CAAC,MAAM,EAAE,aAAa,UAAa,EAAE,SAAS,SAAS;AAAA;AAEnE,WAAO,iCACF,OADE;AAAA,MAEL,SAAS,KAAK,QAAQ,IAAI,CAAC,MAAO,iCAC7B,EAAE,OAD2B;AAAA,QAEhC,UAAU,EAAE;AAAA;AAAA,MAEd,MAAM,KAAK,KAAK,IAAI,CAAC,MAAO,iCACvB,EAAE,OADqB;AAAA,QAE1B,UAAU,EAAE;AAAA;AAAA;AAAA;AAAA,EAIlB,kBAAkB,WAAW,MAAM;AACjC,UAAM,MAAM,UAAU,KAAK;AAE3B,cAAU,KAAK,MAAM,QACnB,MAGE,CAAC,OAAgC;AAAhC,mBAAE,iBAAF,IAAiB,qBAAjB,IAAiB,CAAf;AACD,YAAM,EAAE,iBAAiB,KAAK;AAE9B,YAAM,OAAO,aAAa,SAAS,SAC/B,aAAa,SAAS,SACtB,SAAS;AACb,YAAM,EAAE,4BAA4B,KAAK;AAEzC,UAAI,QAAQ,KAAK,UAAU;AACzB,eACE,4DACE,qCAAC,uBAAD,mBAA2B,WACzB,qCAAC,qBAAD,MACG,0BACG,wBAAwB,QACxB;AAAA;AAMd,aAAO,qCAAC,KAAD,mBAAS;AAAA,OAEpB;AAGF,WAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,47 @@
+import * as React from "react";
+function getPath(parentNode, index, childrenKey) {
+  if (!parentNode)
+    return [index];
+  return [...parentNode.path, childrenKey, index];
+}
+function walkTreeStrategy({
+  data,
+  childrenKey = "children",
+  level = 0,
+  getId = (item) => item.id,
+  parentNode,
+  shouldWalkChildren = () => true,
+  cb
+}) {
+  for (let i = 0; i < data.length; i++) {
+    const currLevel = level + 1;
+    const children = data[i][childrenKey];
+    const isGroup = children && !!children.length;
+    const node = {
+      index: i,
+      id: getId(data[i]),
+      data: data[i],
+      path: getPath(parentNode, i, childrenKey),
+      isGroup,
+      nestingLevel: currLevel,
+      parentNode: parentNode || {
+        isGroup: true,
+        data: { children: data }
+      }
+    };
+    cb(node);
+    if (shouldWalkChildren(node) && children && children.length) {
+      walkTreeStrategy({
+        data: children,
+        level: currLevel,
+        parentNode: node,
+        shouldWalkChildren,
+        cb
+      });
+    }
+  }
+}
+export {
+  walkTreeStrategy
+};
+//# sourceMappingURL=walkStrategy.js.map

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

@@ -0,0 +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;ACAA,iBAAiB,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC;AACzB,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa;AAAA;AAGpC,0BAA0B;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ,UAAQ,KAAK;AAAA,EACrB;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B;AAAA,GACC;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;AAAA,MACf,MAAM,KAAK;AAAA,MACX,MAAM,QAAQ,YAAY,GAAG;AAAA,MAC7B;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU;AAAA;AAAA;AAGtB,OAAG;AACH,QAAI,mBAAmB,SAAS,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/plugins/index.js

@@ -0,0 +1,39 @@
+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";
+export {
+  BodyHeaderScrollSyncPlugin,
+  ColumnSizingPlugin,
+  ComboBox,
+  CustomRendererPlugin,
+  DndColumnsPlugin,
+  DndRowsPlugin,
+  EditablePlugin,
+  ExpandableColumn,
+  ExpandablePlugin,
+  ExportDataPlugin,
+  FilterablePlugin,
+  InfiniteScrollPlugin,
+  PaginationPlugin,
+  ResizablePlugin,
+  SelectablePlugin,
+  SortablePlugin,
+  TextBox,
+  ToolbarPlugin,
+  VirtualizationPlugin
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

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

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useRef, useEffect, useState } from "react";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+const registerStateHook = (grid) => {
+  const {
+    props: { getData, onInfiniteScrolling = () => null },
+    actions: { updateRows }
+  } = grid;
+  const loading = useRef(false);
+  const addMoreData = (data = []) => {
+    loading.current = false;
+    updateRows((prevRows) => prevRows.concat(data || []));
+  };
+  const doLoadData = async (currentRows) => {
+    loading.current = true;
+    return Promise.resolve(getData(currentRows)).then(addMoreData);
+  };
+  const loadMoreData = (currentRows) => {
+    onInfiniteScrolling(currentRows);
+    if (loading.current || !getData)
+      return;
+    doLoadData(currentRows);
+  };
+  return {
+    actions: {
+      loadMoreData
+    }
+  };
+};
+const getBodyProps = (_a, grid) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  const { loadMoreData } = grid.getInstance().actions;
+  const [bodyNode, setBodyRef] = useState();
+  const prevScroll = useRef();
+  prevScroll.current = 0;
+  const handleBodyScroll = (event, s) => {
+    const { target } = event;
+    const { scrollHeight, scrollTop, offsetHeight, scrollLeft } = target;
+    const { composedRows } = grid.getInstance();
+    if (prevScroll.current !== scrollLeft) {
+      prevScroll.current = scrollLeft;
+      return;
+    }
+    if (bodyNode !== target)
+      return;
+    if (scrollTop + offsetHeight >= scrollHeight - 1) {
+      loadMoreData(composedRows);
+    }
+  };
+  useEffect(() => {
+    if (bodyNode) {
+      bodyNode.addEventListener("scroll", handleBodyScroll);
+    }
+    return () => {
+      if (bodyNode) {
+        bodyNode.removeEventListener("scroll", handleBodyScroll);
+      }
+    };
+  }, [bodyNode]);
+  return __spreadProps(__spreadValues({}, props), {
+    listProps: { outerRef: setBodyRef }
+  });
+};
+const InfiniteScrollPlugin = createInstancePlugin("infinite-scroll", {
+  registerStateHook,
+  getBodyProps
+});
+export {
+  InfiniteScrollPlugin
+};
+//# sourceMappingURL=InfiniteScrollPlugin.js.map