@elliemae/ds-datagrids 2.3.0-next.3 → 3.0.0-alpha.0

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

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupingByPlugin_exports = {};
+__export(GroupingByPlugin_exports, {
+  GroupingByPlugin: () => GroupingByPlugin
+});
+var React = __toESM(require("react"));
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_lodash = require("lodash");
+const groupedByData = (groupedBy, composedRows) => {
+  const grouped = (0, import_lodash.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 = (0, import_createInstancePlugin.createInstancePlugin)("groupedByRows", {
+  decorateGrid(grid) {
+    const {
+      composedRows,
+      props: { groupedBy }
+    } = grid.getInstance();
+    grid.composedRows = groupedBy ? groupedByData(groupedBy, composedRows) : composedRows;
+    return grid;
+  }
+});
+module.exports = __toCommonJS(GroupingByPlugin_exports);
+//# sourceMappingURL=GroupingByPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/grouping-by/GroupingByPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;AACrC,oBAAwB;AAExB,MAAM,gBAAgB,CAAC,WAAW,iBAAiB;AACjD,QAAM,UAAU,2BAAQ,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,sDAAqB,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/cjs/plugins/grouping-grid/GroupingPlugin.js

@@ -0,0 +1,126 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupingPlugin_exports = {};
+__export(GroupingPlugin_exports, {
+  GroupingPlugin: () => GroupingPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_react_window = require("react-window");
+var import_walkStrategy = require("./walkStrategy");
+var import_rowSizes = require("../../rowSizes");
+var import_blockNames = require("../../blockNames");
+const blockName = `${import_blockNames.dataGridBlockName}-group-row-header`;
+const GroupRowHeaderWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const GroupRowHeaderTitle = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "title");
+const GroupingPlugin = (0, import_createInstancePlugin.createInstancePlugin)("groupedRows", {
+  decorateGrid(grid) {
+    const { columns, composedRows } = grid.getInstance();
+    const detailColumns = (0, import_react.useMemo)(() => columns.map((column) => ({
+      ...column,
+      customRenderer: column.detailCustomRenderer
+    })).filter((col) => !col.expandableColumn), [columns]);
+    const flatRows = [];
+    (0, import_walkStrategy.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 import_rowSizes.RowSizes.normal;
+      return rowData._isGroup || rowData.isGroup ? import_rowSizes.RowSizes.compact : import_rowSizes.RowSizes.normal;
+    };
+    const getListHeight = () => {
+      const size = rows.reduce((h, r) => {
+        const rowHeight = r._isGroup || r.isGroup ? import_rowSizes.RowSizes.compact : import_rowSizes.RowSizes.normal;
+        return h + rowHeight;
+      }, 0);
+      return size;
+    };
+    return {
+      ...bodyProps,
+      getListHeight,
+      listComponent: import_react_window.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) => ({
+        ...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 {
+      ...rows,
+      allRows: rows.allRows.map((r) => ({
+        ...r.data,
+        _isGroup: r.isGroup
+      })),
+      rows: rows.rows.map((r) => ({
+        ...r.data,
+        _isGroup: r.isGroup
+      }))
+    };
+  },
+  decorateRenderers(renderers, grid) {
+    const Row = renderers.body.row;
+    renderers.body.row = (0, import_react.useMemo)(() => ({ isExpanded, ...rowProps }) => {
+      const { composedRows } = grid.getInstance();
+      const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
+      const { groupedRowsRenderHeader } = grid.props;
+      if (node && node._isGroup) {
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(GroupRowHeaderWrapper, {
+          ...rowProps
+        }, /* @__PURE__ */ import_react.default.createElement(GroupRowHeaderTitle, null, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group")));
+      }
+      return /* @__PURE__ */ import_react.default.createElement(Row, {
+        ...rowProps
+      });
+    }, []);
+    return renderers;
+  }
+});
+module.exports = __toCommonJS(GroupingPlugin_exports);
+//# sourceMappingURL=GroupingPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/grouping-grid/GroupingPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,76 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var walkStrategy_exports = {};
+__export(walkStrategy_exports, {
+  walkTreeStrategy: () => walkTreeStrategy
+});
+var React = __toESM(require("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
+      });
+    }
+  }
+}
+module.exports = __toCommonJS(walkStrategy_exports);
+//# sourceMappingURL=walkStrategy.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/grouping-grid/walkStrategy.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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/cjs/plugins/index.js

@@ -0,0 +1,68 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var plugins_exports = {};
+__export(plugins_exports, {
+  BodyHeaderScrollSyncPlugin: () => import_body_header_scroll_sync.BodyHeaderScrollSyncPlugin,
+  ColumnSizingPlugin: () => import_column_sizing.ColumnSizingPlugin,
+  ComboBox: () => import_editable.ComboBox,
+  CustomRendererPlugin: () => import_custom_cell_renderer.CustomRendererPlugin,
+  DndColumnsPlugin: () => import_column_dnd.DndColumnsPlugin,
+  DndRowsPlugin: () => import_row_dnd.DndRowsPlugin,
+  EditablePlugin: () => import_editable.EditablePlugin,
+  ExpandableColumn: () => import_expandable_grid.ExpandableColumn,
+  ExpandablePlugin: () => import_expandable_grid.ExpandablePlugin,
+  ExportDataPlugin: () => import_export_data.ExportDataPlugin,
+  FilterablePlugin: () => import_filterable.FilterablePlugin,
+  InfiniteScrollPlugin: () => import_infinite_scrolling.InfiniteScrollPlugin,
+  PaginationPlugin: () => import_pagination.PaginationPlugin,
+  ResizablePlugin: () => import_resizable.ResizablePlugin,
+  SelectablePlugin: () => import_selectable.SelectablePlugin,
+  SortablePlugin: () => import_sortable.SortablePlugin,
+  TextBox: () => import_editable.TextBox,
+  ToolbarPlugin: () => import_toolbar.ToolbarPlugin,
+  VirtualizationPlugin: () => import_virtualization.VirtualizationPlugin
+});
+var React = __toESM(require("react"));
+var import_body_header_scroll_sync = require("./body-header-scroll-sync");
+var import_column_dnd = require("./column-dnd");
+var import_column_sizing = require("./column-sizing");
+var import_custom_cell_renderer = require("./custom-cell-renderer");
+var import_editable = require("./editable");
+var import_expandable_grid = require("./expandable-grid");
+var import_filterable = require("./filterable");
+var import_infinite_scrolling = require("./infinite-scrolling");
+var import_pagination = require("./pagination");
+var import_resizable = require("./resizable");
+var import_row_dnd = require("./row-dnd");
+var import_selectable = require("./selectable");
+var import_sortable = require("./sortable");
+var import_toolbar = require("./toolbar");
+var import_export_data = require("./export-data");
+var import_virtualization = require("./virtualization");
+module.exports = __toCommonJS(plugins_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAA2C;AAC3C,wBAAiC;AACjC,2BAAmC;AACnC,kCAAqC;AACrC,sBAAkD;AAClD,6BAAmD;AACnD,wBAAiC;AACjC,gCAAqC;AACrC,wBAAiC;AACjC,uBAAgC;AAChC,qBAA8B;AAC9B,wBAAiC;AACjC,sBAA+B;AAC/B,qBAA8B;AAC9B,yBAAiC;AACjC,4BAAqC;",
+  "names": []
+}

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

@@ -0,0 +1,100 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var InfiniteScrollPlugin_exports = {};
+__export(InfiniteScrollPlugin_exports, {
+  InfiniteScrollPlugin: () => InfiniteScrollPlugin
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+const registerStateHook = (grid) => {
+  const {
+    props: { getData, onInfiniteScrolling = () => null },
+    actions: { updateRows }
+  } = grid;
+  const loading = (0, import_react.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 = ({ children, ...props }, grid) => {
+  const { loadMoreData } = grid.getInstance().actions;
+  const [bodyNode, setBodyRef] = (0, import_react.useState)();
+  const prevScroll = (0, import_react.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);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (bodyNode) {
+      bodyNode.addEventListener("scroll", handleBodyScroll);
+    }
+    return () => {
+      if (bodyNode) {
+        bodyNode.removeEventListener("scroll", handleBodyScroll);
+      }
+    };
+  }, [bodyNode]);
+  return {
+    ...props,
+    listProps: { outerRef: setBodyRef }
+  };
+};
+const InfiniteScrollPlugin = (0, import_createInstancePlugin.createInstancePlugin)("infinite-scroll", {
+  registerStateHook,
+  getBodyProps
+});
+module.exports = __toCommonJS(InfiniteScrollPlugin_exports);
+//# sourceMappingURL=InfiniteScrollPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/infinite-scrolling/InfiniteScrollPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,kCAAqC;AAIrC,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,sBAAsB,MAAM;AAAA,IAC9C,SAAS,EAAE;AAAA,MACT;AAEJ,QAAM,UAAU,yBAAO;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,8BAAU,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,sDAAqB,mBAAmB;AAAA,EAC1E;AAAA,EACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var infinite_scrolling_exports = {};
+__export(infinite_scrolling_exports, {
+  InfiniteScrollPlugin: () => import_InfiniteScrollPlugin.InfiniteScrollPlugin
+});
+var React = __toESM(require("react"));
+var import_InfiniteScrollPlugin = require("./InfiniteScrollPlugin");
+module.exports = __toCommonJS(infinite_scrolling_exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/plugins/pagination/PaginationPlugin.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PaginationPlugin_exports = {};
+__export(PaginationPlugin_exports, {
+  PaginationPlugin: () => PaginationPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_helper = require("./helper");
+var import_usePaginationState = require("./usePaginationState");
+var import_NoResults = require("../../components/NoResults");
+const composeRows = (rows, grid) => {
+  const {
+    state: { pagination },
+    props: { groupedRows }
+  } = grid.getInstance();
+  if (groupedRows)
+    return rows;
+  if (groupedRows) {
+    const filterIds = rows.map((r) => r.id);
+    return (0, import_helper.paginate)(rows.filter((c) => filterIds.includes(c.id)).map((r) => ({
+      ...r,
+      _isGroup: r.isGroup
+    })), pagination);
+  }
+  return (0, import_helper.paginate)(rows, pagination);
+};
+const Body = import_react.default.memo(({
+  component: Component,
+  rows,
+  rowRenderer,
+  noResultsPlaceholder,
+  innerRef,
+  innerBodyRef,
+  isPlaceholderActive = false,
+  ...otherBodyProps
+}) => /* @__PURE__ */ import_react.default.createElement(Component, {
+  ...otherBodyProps,
+  innerRef: (0, import_ds_utilities.mergeRefs)(innerRef)
+}, !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
+  innerRef,
+  rowRenderer
+}, noResultsPlaceholder)));
+const decorateRenderers = (renderers, grid) => {
+  const BodyWrapper = renderers.body.wrapper;
+  renderers.body.wrapper = (0, import_react.useMemo)(() => (props) => {
+    const { hotKeys, shouldRefocus, state } = grid.getInstance();
+    return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.FocusGrid, {
+      hotKeys,
+      shouldRefocus: false
+    }, /* @__PURE__ */ import_react.default.createElement(Body, {
+      ...props,
+      component: BodyWrapper
+    }));
+  }, []);
+  return renderers;
+};
+const PaginationPlugin = (0, import_createInstancePlugin.createInstancePlugin)("pagination", {
+  registerStateHook: import_usePaginationState.usePaginationState,
+  decorateRenderers,
+  composeRows
+});
+module.exports = __toCommonJS(PaginationPlugin_exports);
+//# sourceMappingURL=PaginationPlugin.js.map

package/dist/cjs/plugins/pagination/PaginationPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/pagination/PaginationPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { useMemo } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { FocusGrid } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { paginate } from './helper';\nimport { usePaginationState } from './usePaginationState';\nimport { NoResults } from '../../components/NoResults';\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { pagination },\n    props: { groupedRows },\n  } = grid.getInstance();\n  if (groupedRows) return rows; // disable pagination with grouping\n  if (groupedRows) {\n    const filterIds = rows.map((r) => r.id);\n    return paginate(\n      rows\n        .filter((c) => filterIds.includes(c.id))\n        .map((r) => ({\n          ...r,\n          _isGroup: r.isGroup,\n        })),\n      pagination,\n    );\n  }\n\n  return paginate(rows, pagination);\n};\n\nconst Body = React.memo(\n  ({\n    component: Component,\n    rows,\n    rowRenderer,\n    noResultsPlaceholder,\n    innerRef,\n    innerBodyRef, // depends on body-header-scroll-sync\n    isPlaceholderActive = false,\n    ...otherBodyProps\n  }) => (\n    <Component {...otherBodyProps} innerRef={mergeRefs(innerRef)}>\n      {!isPlaceholderActive ? (\n        rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  ),\n);\n\nconst decorateRenderers = (renderers, grid) => {\n  const BodyWrapper = renderers.body.wrapper;\n  renderers.body.wrapper = useMemo(\n    () => (props) => {\n      const { hotKeys, shouldRefocus, state } = grid.getInstance();\n      return (\n        <FocusGrid hotKeys={hotKeys} shouldRefocus={false}>\n          <Body {...props} component={BodyWrapper} />\n        </FocusGrid>\n      );\n    },\n    [],\n  );\n  return renderers;\n};\n\nexport const PaginationPlugin = createInstancePlugin('pagination', {\n  registerStateHook: usePaginationState,\n  decorateRenderers,\n  composeRows,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,0BAA0B;AAC1B,uBAA0B;AAC1B,kCAAqC;AACrC,oBAAyB;AACzB,gCAAmC;AACnC,uBAA0B;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,MACP,KAAK;AACT,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE;AACpC,WAAO,4BACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,KACnC,IAAI,CAAC,MAAO;AAAA,SACR;AAAA,MACH,UAAU,EAAE;AAAA,SAEhB;AAAA;AAIJ,SAAO,4BAAS,MAAM;AAAA;AAGxB,MAAM,OAAO,qBAAM,KACjB,CAAC;AAAA,EACC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,KACnB;AAAA,MAEH,mDAAC,WAAD;AAAA,KAAe;AAAA,EAAgB,UAAU,mCAAU;AAAA,GAChD,CAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,SAAS,OAEtE,mDAAC,4BAAD;AAAA,EAAW;AAAA,EAAoB;AAAA,GAC5B;AAOX,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,UAAM,EAAE,SAAS,eAAe,UAAU,KAAK;AAC/C,WACE,mDAAC,4BAAD;AAAA,MAAW;AAAA,MAAkB,eAAe;AAAA,OAC1C,mDAAC,MAAD;AAAA,SAAU;AAAA,MAAO,WAAW;AAAA;AAAA,KAIlC;AAEF,SAAO;AAAA;AAGF,MAAM,mBAAmB,sDAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA;",
+  "names": []
+}