@elliemae/ds-datagrids 2.2.1 → 2.3.0-alpha.4

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

@@ -1,12 +1,10 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import { groupBy } from 'lodash';
-
+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-".concat(groupedBy, "-").concat(key),
+    id: `grouped-by-${groupedBy}-${key}`,
     key: groupedBy,
     value: c,
     children: grouped[c],
@@ -14,19 +12,17 @@ const groupedByData = (groupedBy, composedRows) => {
     isGroup: true
   }));
 };
-
-const GroupingByPlugin = createInstancePlugin('groupedByRows', {
+const GroupingByPlugin = createInstancePlugin("groupedByRows", {
   decorateGrid(grid) {
     const {
       composedRows,
-      props: {
-        groupedBy
-      }
+      props: { groupedBy }
     } = grid.getInstance();
     grid.composedRows = groupedBy ? groupedByData(groupedBy, composedRows) : composedRows;
     return grid;
   }
-
 });
-
-export { GroupingByPlugin };
+export {
+  GroupingByPlugin
+};
+//# sourceMappingURL=GroupingByPlugin.js.map

package/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/esm/plugins/grouping-grid/GroupingPlugin.js

@@ -1,65 +1,39 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { 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.js';
-import { RowSizes } from '../../rowSizes.js';
-import { dataGridBlockName } from '../../blockNames.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-const _excluded = ["isExpanded"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = "".concat(dataGridBlockName, "-group-row-header");
-const GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);
-const GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');
-const GroupingPlugin = createInstancePlugin('groupedRows', {
+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(); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const detailColumns = useMemo(() => columns.map(column => _objectSpread(_objectSpread({}, column), {}, {
+    const { columns, composedRows } = grid.getInstance();
+    const detailColumns = useMemo(() => columns.map((column) => ({
+      ...column,
       customRenderer: column.detailCustomRenderer
-    })).filter(col => !col.expandableColumn), [columns]);
+    })).filter((col) => !col.expandableColumn), [columns]);
     const flatRows = [];
     walkTreeStrategy({
       data: composedRows,
-      cb: n => flatRows.push(n)
+      cb: (n) => flatRows.push(n)
     });
     return {
       detailColumns,
       composedRows: flatRows
     };
   },
-
   getBodyProps(bodyProps, grid) {
-    const {
-      composedRows: rows
-    } = grid.getInstance(); // implementation of expandable row single column with aggregation
-
-    const getItemSize = index => {
+    const { composedRows: rows } = grid.getInstance();
+    const getItemSize = (index) => {
       const rowData = rows[index];
-      if (!rowData) return RowSizes.normal;
+      if (!rowData)
+        return RowSizes.normal;
       return rowData._isGroup || rowData.isGroup ? RowSizes.compact : RowSizes.normal;
-    }; // eslint-disable-next-line no-unused-vars
-
-
+    };
     const getListHeight = () => {
       const size = rows.reduce((h, r) => {
         const rowHeight = r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;
@@ -67,72 +41,57 @@ const GroupingPlugin = createInstancePlugin('groupedRows', {
       }, 0);
       return size;
     };
-
-    return _objectSpread(_objectSpread({}, bodyProps), {}, {
+    return {
+      ...bodyProps,
       getListHeight,
       listComponent: VariableSizeList,
-      listProps: {
-        itemSize: getItemSize
-      }
-    });
+      listProps: { itemSize: getItemSize }
+    };
   },
-
   composeRows: (rows, grid) => {
     const {
       composedRows,
-      props: {
-        rowKey
-      }
+      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 => _objectSpread(_objectSpread({}, r.data), {}, {
-        children: Array.isArray(r.data.children) ? r.data.children.filter(c => filterIds.includes(c[rowKey])) : r.data.children,
+      const filterIds = rows.map((r) => r.data[rowKey]);
+      return composedRows.filter((c) => filterIds.includes(c.data[rowKey])).map((r) => ({
+        ...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 === undefined || g.children.length > 0);
+      })).filter((g) => g.children === void 0 || g.children.length > 0);
     }
-
-    return _objectSpread(_objectSpread({}, rows), {}, {
-      allRows: rows.allRows.map(r => _objectSpread(_objectSpread({}, r.data), {}, {
+    return {
+      ...rows,
+      allRows: rows.allRows.map((r) => ({
+        ...r.data,
         _isGroup: r.isGroup
       })),
-      rows: rows.rows.map(r => _objectSpread(_objectSpread({}, r.data), {}, {
+      rows: rows.rows.map((r) => ({
+        ...r.data,
         _isGroup: r.isGroup
       }))
-    });
+    };
   },
-
   decorateRenderers(renderers, grid) {
-    const Row = renderers.body.row; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    renderers.body.row = useMemo(() => // eslint-disable-next-line react/display-name
-    // eslint-disable-next-line react/prop-types
-    _ref => {
-      let rowProps = _objectWithoutProperties(_ref, _excluded);
-
-      const {
-        composedRows
-      } = grid.getInstance(); // // https://jira.elliemae.io/browse/PUI-1667
-
+    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; // eslint-disable-next-line no-underscore-dangle
-
+      const { groupedRowsRenderHeader } = grid.props;
       if (node && node._isGroup) {
-        return /*#__PURE__*/jsx(Fragment, {
-          children: /*#__PURE__*/jsx(GroupRowHeaderWrapper, _objectSpread(_objectSpread({}, rowProps), {}, {
-            children: /*#__PURE__*/_jsx(GroupRowHeaderTitle, {}, void 0, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group')
-          }))
-        });
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(GroupRowHeaderWrapper, {
+          ...rowProps
+        }, /* @__PURE__ */ React2.createElement(GroupRowHeaderTitle, null, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group")));
       }
-
-      return /*#__PURE__*/jsx(Row, _objectSpread({}, rowProps));
+      return /* @__PURE__ */ React2.createElement(Row, {
+        ...rowProps
+      });
     }, []);
     return renderers;
   }
-
 });
-
-export { GroupingPlugin };
+export {
+  GroupingPlugin
+};
+//# sourceMappingURL=GroupingPlugin.js.map

package/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;AAAA,SACb;AAAA,MACH,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;AAAA,SACF;AAAA,MACH;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;AAAA,WACR,EAAE;AAAA,QACL,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;AAAA,SACF;AAAA,MACH,SAAS,KAAK,QAAQ,IAAI,CAAC,MAAO;AAAA,WAC7B,EAAE;AAAA,QACL,UAAU,EAAE;AAAA;AAAA,MAEd,MAAM,KAAK,KAAK,IAAI,CAAC,MAAO;AAAA,WACvB,EAAE;AAAA,QACL,UAAU,EAAE;AAAA;AAAA;AAAA;AAAA,EAIlB,kBAAkB,WAAW,MAAM;AACjC,UAAM,MAAM,UAAU,KAAK;AAE3B,cAAU,KAAK,MAAM,QACnB,MAGE,CAAC,EAAE,eAAe,eAAe;AAC/B,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;AAAA,aAA2B;AAAA,WACzB,qCAAC,qBAAD,MACG,0BACG,wBAAwB,QACxB;AAAA;AAMd,aAAO,qCAAC,KAAD;AAAA,WAAS;AAAA;AAAA,OAEpB;AAGF,WAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,22 +1,18 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
+import * as React from "react";
 function getPath(parentNode, index, childrenKey) {
-  if (!parentNode) return [index];
+  if (!parentNode)
+    return [index];
   return [...parentNode.path, childrenKey, index];
 }
-
-function walkTreeStrategy(_ref) {
-  let {
-    data,
-    childrenKey = 'children',
-    level = 0,
-    getId = item => item.id,
-    parentNode,
-    shouldWalkChildren = () => true,
-    cb
-  } = _ref;
-
-  // eslint-disable-next-line no-loops/no-loops,no-plusplus
+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];
@@ -30,13 +26,10 @@ function walkTreeStrategy(_ref) {
       nestingLevel: currLevel,
       parentNode: parentNode || {
         isGroup: true,
-        data: {
-          children: data
-        }
+        data: { children: data }
       }
     };
     cb(node);
-
     if (shouldWalkChildren(node) && children && children.length) {
       walkTreeStrategy({
         data: children,
@@ -48,5 +41,7 @@ function walkTreeStrategy(_ref) {
     }
   }
 }
-
-export { walkTreeStrategy };
+export {
+  walkTreeStrategy
+};
+//# sourceMappingURL=walkStrategy.js.map

package/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/esm/plugins/index.js

@@ -1,19 +1,39 @@
-export { BodyHeaderScrollSyncPlugin } from './body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js';
-export { DndColumnsPlugin } from './column-dnd/DndColumnsPlugin.js';
-export { ColumnSizingPlugin } from './column-sizing/ColumnSizingPlugin.js';
-export { CustomRendererPlugin } from './custom-cell-renderer/CustomRendererPlugin.js';
-export { EditablePlugin } from './editable/EditablePlugin.js';
-export { default as ComboBox } from './editable/EditableComponents/ComboBox.js';
-export { default as TextBox } from './editable/EditableComponents/TextBox.js';
-export { ExpandablePlugin } from './expandable-grid/ExpandablePlugin.js';
-export { default as ExpandableColumn } from './expandable-grid/ExpandableColumn.js';
-export { FilterablePlugin } from './filterable/FilterablePlugin.js';
-export { InfiniteScrollPlugin } from './infinite-scrolling/InfiniteScrollPlugin.js';
-export { PaginationPlugin } from './pagination/PaginationPlugin.js';
-export { ResizablePlugin } from './resizable/ResizablePlugin.js';
-export { DndRowsPlugin } from './row-dnd/DndRowsPlugin.js';
-export { SelectablePlugin } from './selectable/SelectablePlugin.js';
-export { SortablePlugin } from './sortable/SortablePlugin.js';
-export { ToolbarPlugin } from './toolbar/ToolbarPlugin.js';
-export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData } from './export-data/ExportDataPlugin.js';
-export { VirtualizationPlugin } from './virtualization/VirtualizationPlugin.js';
+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/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/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -1,114 +1,71 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useRef, useState, useEffect } from 'react';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-
-const _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const registerStateHook = grid => {
+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
-    }
+    props: { getData, onInfiniteScrolling = () => null },
+    actions: { updateRows }
   } = grid;
   const loading = useRef(false);
-
-  const addMoreData = function () {
-    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  const addMoreData = (data = []) => {
     loading.current = false;
-    updateRows(prevRows => prevRows.concat(data || []));
+    updateRows((prevRows) => prevRows.concat(data || []));
   };
-
-  const doLoadData = async currentRows => {
+  const doLoadData = async (currentRows) => {
     loading.current = true;
     return Promise.resolve(getData(currentRows)).then(addMoreData);
   };
-
-  const loadMoreData = currentRows => {
+  const loadMoreData = (currentRows) => {
     onInfiniteScrolling(currentRows);
-    if (loading.current || !getData) return;
+    if (loading.current || !getData)
+      return;
     doLoadData(currentRows);
   };
-
   return {
     actions: {
       loadMoreData
     }
   };
 };
-
-const getBodyProps = (_ref, grid) => {
-  let props = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    loadMoreData
-  } = grid.getInstance().actions;
+const getBodyProps = ({ children, ...props }, grid) => {
+  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(); // prevent horizontal scroll triggering infinite scrolling callbacks
-
+    const { target } = event;
+    const { scrollHeight, scrollTop, offsetHeight, scrollLeft } = target;
+    const { composedRows } = grid.getInstance();
     if (prevScroll.current !== scrollLeft) {
       prevScroll.current = scrollLeft;
       return;
-    } // todo: clean this. Better approach using another component for the infinite scroll
-
-
-    if (bodyNode !== target) return;
-
+    }
+    if (bodyNode !== target)
+      return;
     if (scrollTop + offsetHeight >= scrollHeight - 1) {
       loadMoreData(composedRows);
     }
   };
-
   useEffect(() => {
     if (bodyNode) {
-      bodyNode.addEventListener('scroll', handleBodyScroll);
+      bodyNode.addEventListener("scroll", handleBodyScroll);
     }
-
     return () => {
       if (bodyNode) {
-        bodyNode.removeEventListener('scroll', handleBodyScroll);
+        bodyNode.removeEventListener("scroll", handleBodyScroll);
       }
     };
   }, [bodyNode]);
-  return _objectSpread(_objectSpread({}, props), {}, {
-    listProps: {
-      outerRef: setBodyRef
-    }
-  });
+  return {
+    ...props,
+    listProps: { outerRef: setBodyRef }
+  };
 };
-
-const InfiniteScrollPlugin = createInstancePlugin('infinite-scroll', {
+const InfiniteScrollPlugin = createInstancePlugin("infinite-scroll", {
   registerStateHook,
   getBodyProps
 });
-
-export { InfiniteScrollPlugin };
+export {
+  InfiniteScrollPlugin
+};
+//# sourceMappingURL=InfiniteScrollPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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/createDataInstance/createInstancePlugin';\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;ACAA;AACA;AAIA,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,sBAAsB,MAAM;AAAA,IAC9C,SAAS,EAAE;AAAA,MACT;AAEJ,QAAM,UAAU,OAAO;AAEvB,QAAM,cAAc,CAAC,OAAO,OAAO;AACjC,YAAQ,UAAU;AAClB,eAAW,CAAC,aAAa,SAAS,OAAO,QAAQ;AAAA;AAGnD,QAAM,aAAa,OAAO,gBAAgB;AACxC,YAAQ,UAAU;AAClB,WAAO,QAAQ,QAAQ,QAAQ,cAAc,KAAK;AAAA;AAGpD,QAAM,eAAe,CAAC,gBAAgB;AACpC,wBAAoB;AACpB,QAAI,QAAQ,WAAW,CAAC;AAAS;AACjC,eAAW;AAAA;AAGb,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA;AAAA;AAAA;AAKN,MAAM,eAAe,CAAC,EAAE,aAAa,SAAS,SAAS;AACrD,QAAM,EAAE,iBAAiB,KAAK,cAAc;AAE5C,QAAM,CAAC,UAAU,cAAc;AAC/B,QAAM,aAAa;AACnB,aAAW,UAAU;AAErB,QAAM,mBAAmB,CAAC,OAAO,MAAM;AACrC,UAAM,EAAE,WAAW;AACnB,UAAM,EAAE,cAAc,WAAW,cAAc,eAAe;AAC9D,UAAM,EAAE,iBAAiB,KAAK;AAE9B,QAAI,WAAW,YAAY,YAAY;AACrC,iBAAW,UAAU;AACrB;AAAA;AAGF,QAAI,aAAa;AAAQ;AACzB,QAAI,YAAY,gBAAgB,eAAe,GAAG;AAChD,mBAAa;AAAA;AAAA;AAIjB,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,iBAAiB,UAAU;AAAA;AAEtC,WAAO,MAAM;AACX,UAAI,UAAU;AACZ,iBAAS,oBAAoB,UAAU;AAAA;AAAA;AAAA,KAG1C,CAAC;AAEJ,SAAO;AAAA,OACF;AAAA,IACH,WAAW,EAAE,UAAU;AAAA;AAAA;AAIpB,MAAM,uBAAuB,qBAAqB,mBAAmB;AAAA,EAC1E;AAAA,EACA;AAAA;",
+  "names": []
+}

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

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

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

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