@elliemae/ds-datagrids 3.4.3-rc.1 → 3.4.3

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GroupingPlugin_exports = {};
 __export(GroupingPlugin_exports, {
@@ -25,7 +28,8 @@ __export(GroupingPlugin_exports, {
 });
 module.exports = __toCommonJS(GroupingPlugin_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_shared = require("@elliemae/ds-shared");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_react_window = require("react-window");
@@ -38,10 +42,13 @@ const GroupRowHeaderTitle = (0, import_ds_classnames.aggregatedClasses)("div")(b
 const GroupingPlugin = (0, import_ds_shared.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 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,
@@ -101,19 +108,27 @@ const GroupingPlugin = (0, import_ds_shared.createInstancePlugin)("groupedRows",
   },
   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, {
+    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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupRowHeaderWrapper, {
+              ...rowProps,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupRowHeaderTitle, {
+                children: groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group"
+              })
+            })
+          });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
           ...rowProps
-        }, /* @__PURE__ */ import_react.default.createElement(GroupRowHeaderTitle, null, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group")));
-      }
-      return /* @__PURE__ */ import_react.default.createElement(Row, {
-        ...rowProps
-      });
-    }, []);
+        });
+      },
+      []
+    );
     return renderers;
   }
 });

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

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

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var walkStrategy_exports = {};
 __export(walkStrategy_exports, {

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

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAvB,iBAAiB,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC,KAAK;AAC9B,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa,KAAK;AAChD;AAEO,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,EAAE;AAAA,MACjB,MAAM,KAAK;AAAA,MACX,MAAM,QAAQ,YAAY,GAAG,WAAW;AAAA,MACxC;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU,KAAK;AAAA,MACzB;AAAA,IACF;AACA,OAAG,IAAI;AACP,QAAI,mBAAmB,IAAI,KAAK,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,SAAS,QAAQ,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC,KAAK;AAC9B,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa,KAAK;AAChD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ,UAAQ,KAAK;AAAA,EACrB;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B;AACF,GAAG;AAED,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,YAAY,QAAQ;AAC1B,UAAM,WAAW,KAAK,GAAG;AACzB,UAAM,UAAU,YAAY,CAAC,CAAC,SAAS;AACvC,UAAM,OAAO;AAAA,MACX,OAAO;AAAA,MACP,IAAI,MAAM,KAAK,EAAE;AAAA,MACjB,MAAM,KAAK;AAAA,MACX,MAAM,QAAQ,YAAY,GAAG,WAAW;AAAA,MACxC;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU,KAAK;AAAA,MACzB;AAAA,IACF;AACA,OAAG,IAAI;AACP,QAAI,mBAAmB,IAAI,KAAK,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/plugins/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var plugins_exports = {};
 __export(plugins_exports, {

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

@@ -2,6 +2,6 @@
   "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;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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var InfiniteScrollPlugin_exports = {};
 __export(InfiniteScrollPlugin_exports, {

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

@@ -2,6 +2,6 @@
   "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';\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;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,uBAAqC;AAIrC,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,sBAAsB,MAAM;AAAA,IAC9C,SAAS,EAAE;AAAA,MACT;AAEJ,QAAM,UAAU,yBAAO,KAAK;AAE5B,QAAM,cAAc,CAAC,OAAO,CAAC,MAAM;AACjC,YAAQ,UAAU;AAClB,eAAW,CAAC,aAAa,SAAS,OAAO,QAAQ,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,QAAM,aAAa,OAAO,gBAAgB;AACxC,YAAQ,UAAU;AAClB,WAAO,QAAQ,QAAQ,QAAQ,WAAW,CAAC,EAAE,KAAK,WAAW;AAAA,EAC/D;AAEA,QAAM,eAAe,CAAC,gBAAgB;AACpC,wBAAoB,WAAW;AAC/B,QAAI,QAAQ,WAAW,CAAC;AAAS;AACjC,eAAW,WAAW;AAAA,EACxB;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,EAAE,aAAa,SAAS,SAAS;AACrD,QAAM,EAAE,iBAAiB,KAAK,YAAY,EAAE;AAE5C,QAAM,CAAC,UAAU,cAAc,2BAAS;AACxC,QAAM,aAAa,yBAAO;AAC1B,aAAW,UAAU;AAErB,QAAM,mBAAmB,CAAC,OAAO,MAAM;AACrC,UAAM,EAAE,WAAW;AACnB,UAAM,EAAE,cAAc,WAAW,cAAc,eAAe;AAC9D,UAAM,EAAE,iBAAiB,KAAK,YAAY;AAE1C,QAAI,WAAW,YAAY,YAAY;AACrC,iBAAW,UAAU;AACrB;AAAA,IACF;AAEA,QAAI,aAAa;AAAQ;AACzB,QAAI,YAAY,gBAAgB,eAAe,GAAG;AAChD,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,iBAAiB,UAAU,gBAAgB;AAAA,IACtD;AACA,WAAO,MAAM;AACX,UAAI,UAAU;AACZ,iBAAS,oBAAoB,UAAU,gBAAgB;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,EAAE,UAAU,WAAW;AAAA,EACpC;AACF;AAEO,MAAM,uBAAuB,2CAAqB,mBAAmB;AAAA,EAC1E;AAAA,EACA;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,uBAAqC;AAIrC,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,sBAAsB,MAAM,KAAK;AAAA,IACnD,SAAS,EAAE,WAAW;AAAA,EACxB,IAAI;AAEJ,QAAM,cAAU,qBAAO,KAAK;AAE5B,QAAM,cAAc,CAAC,OAAO,CAAC,MAAM;AACjC,YAAQ,UAAU;AAClB,eAAW,CAAC,aAAa,SAAS,OAAO,QAAQ,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,QAAM,aAAa,OAAO,gBAAgB;AACxC,YAAQ,UAAU;AAClB,WAAO,QAAQ,QAAQ,QAAQ,WAAW,CAAC,EAAE,KAAK,WAAW;AAAA,EAC/D;AAEA,QAAM,eAAe,CAAC,gBAAgB;AACpC,wBAAoB,WAAW;AAC/B,QAAI,QAAQ,WAAW,CAAC;AAAS;AACjC,eAAW,WAAW;AAAA,EACxB;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,GAAG,SAAS;AACrD,QAAM,EAAE,aAAa,IAAI,KAAK,YAAY,EAAE;AAE5C,QAAM,CAAC,UAAU,UAAU,QAAI,uBAAS;AACxC,QAAM,iBAAa,qBAAO;AAC1B,aAAW,UAAU;AAErB,QAAM,mBAAmB,CAAC,OAAO,MAAM;AACrC,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,EAAE,cAAc,WAAW,cAAc,WAAW,IAAI;AAC9D,UAAM,EAAE,aAAa,IAAI,KAAK,YAAY;AAE1C,QAAI,WAAW,YAAY,YAAY;AACrC,iBAAW,UAAU;AACrB;AAAA,IACF;AAEA,QAAI,aAAa;AAAQ;AACzB,QAAI,YAAY,gBAAgB,eAAe,GAAG;AAChD,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,iBAAiB,UAAU,gBAAgB;AAAA,IACtD;AACA,WAAO,MAAM;AACX,UAAI,UAAU;AACZ,iBAAS,oBAAoB,UAAU,gBAAgB;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,EAAE,UAAU,WAAW;AAAA,EACpC;AACF;AAEO,MAAM,2BAAuB,uCAAqB,mBAAmB;AAAA,EAC1E;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var infinite_scrolling_exports = {};
 __export(infinite_scrolling_exports, {

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

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PaginationPlugin_exports = {};
 __export(PaginationPlugin_exports, {
@@ -25,6 +28,7 @@ __export(PaginationPlugin_exports, {
 });
 module.exports = __toCommonJS(PaginationPlugin_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
@@ -40,41 +44,52 @@ const composeRows = (rows, grid) => {
     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.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 Body = import_react.default.memo(
+  ({
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef,
+    isPlaceholderActive = false,
+    ...otherBodyProps
+  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+    ...otherBodyProps,
+    innerRef: (0, import_ds_utilities.mergeRefs)(innerRef),
+    children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {})) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NoResults.NoResults, {
+      innerRef,
+      rowRenderer,
+      children: 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_ds_shared.FocusGrid, {
-      hotKeys,
-      shouldRefocus: false
-    }, /* @__PURE__ */ import_react.default.createElement(Body, {
-      ...props,
-      component: BodyWrapper
-    }));
-  }, []);
+  renderers.body.wrapper = (0, import_react.useMemo)(
+    () => (props) => {
+      const { hotKeys, shouldRefocus, state } = grid.getInstance();
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.FocusGrid, {
+        hotKeys,
+        shouldRefocus: false,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Body, {
+          ...props,
+          component: BodyWrapper
+        })
+      });
+    },
+    []
+  );
   return renderers;
 };
 const PaginationPlugin = (0, import_ds_shared.createInstancePlugin)("pagination", {

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

@@ -2,6 +2,6 @@
   "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 { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\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;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,0BAA0B;AAC1B,uBAAgD;AAChD,oBAAyB;AACzB,gCAAmC;AACnC,uBAA0B;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,MACP,KAAK,YAAY;AACrB,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AACtC,WAAO,4BACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,EAAE,CAAC,EACtC,IAAI,CAAC,MAAO;AAAA,MACX,GAAG;AAAA,MACH,UAAU,EAAE;AAAA,IACd,EAAE,GACJ,UACF;AAAA,EACF;AAEA,SAAO,4BAAS,MAAM,UAAU;AAClC;AAEA,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;AAAA,EAAW,GAAG;AAAA,EAAgB,UAAU,mCAAU,QAAQ;AAAA,GACxD,CAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,IAEzE,mDAAC;AAAA,EAAU;AAAA,EAAoB;AAAA,GAC5B,oBACH,CAEJ,CAEJ;AAEA,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,YAAY;AAC3D,WACE,mDAAC;AAAA,MAAU;AAAA,MAAkB,eAAe;AAAA,OAC1C,mDAAC;AAAA,MAAM,GAAG;AAAA,MAAO,WAAW;AAAA,KAAa,CAC3C;AAAA,EAEJ,GACA,CAAC,CACH;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,2CAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,CAAC;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAA+B;AAC/B,0BAA0B;AAC1B,uBAAgD;AAChD,oBAAyB;AACzB,gCAAmC;AACnC,uBAA0B;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,IACpB,OAAO,EAAE,YAAY;AAAA,EACvB,IAAI,KAAK,YAAY;AACrB,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AACtC,eAAO;AAAA,MACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,EAAE,CAAC,EACtC,IAAI,CAAC,OAAO;AAAA,QACX,GAAG;AAAA,QACH,UAAU,EAAE;AAAA,MACd,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,aAAO,wBAAS,MAAM,UAAU;AAClC;AAEA,MAAM,OAAO,aAAAA,QAAM;AAAA,EACjB,CAAC;AAAA,IACC,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,OACnB;AAAA,EACL,MACE,4CAAC;AAAA,IAAW,GAAG;AAAA,IAAgB,cAAU,+BAAU,QAAQ;AAAA,IACxD,WAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,IAEzE,4CAAC;AAAA,MAAU;AAAA,MAAoB;AAAA,MAC5B;AAAA,KACH;AAAA,GAEJ;AAEJ;AAEA,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,cAAU;AAAA,IACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,SAAS,eAAe,MAAM,IAAI,KAAK,YAAY;AAC3D,aACE,4CAAC;AAAA,QAAU;AAAA,QAAkB,eAAe;AAAA,QAC1C,sDAAC;AAAA,UAAM,GAAG;AAAA,UAAO,WAAW;AAAA,SAAa;AAAA,OAC3C;AAAA,IAEJ;AAAA,IACA,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEO,MAAM,uBAAmB,uCAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,CAAC;",
+  "names": ["React"]
 }

package/dist/cjs/plugins/pagination/components/Pagination.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Pagination_exports = {};
 __export(Pagination_exports, {
@@ -25,11 +28,14 @@ __export(Pagination_exports, {
 });
 module.exports = __toCommonJS(Pagination_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_Paginator = require("./Paginator");
 var import_PerPageDropdown = require("./PerPageDropdown");
-const PaginationControls = (0, import_ds_classnames.aggregatedClasses)("div")("data-grid", "controls-pagination");
+const PaginationControls = (0, import_ds_classnames.aggregatedClasses)("div")(
+  "data-grid",
+  "controls-pagination"
+);
 const Pagination = ({
   paginated,
   pagination = {},
@@ -42,16 +48,21 @@ const Pagination = ({
   const { perPage } = pagination;
   if (pagination && pagination.conditionalPagination === true && paginated.amount === 1)
     return null;
-  return paginated.amount > 0 ? /* @__PURE__ */ import_react.default.createElement(PaginationControls, null, /* @__PURE__ */ import_react.default.createElement(import_PerPageDropdown.PerPageDropdown, {
-    max: maxPerPage,
-    min: minPerPage,
-    onChange: onPerPage,
-    step: paginationStep,
-    value: perPage
-  }), /* @__PURE__ */ import_react.default.createElement(import_Paginator.Paginator, {
-    onSelect: onPageSelect,
-    pages: paginated.amount,
-    pagination
-  })) : null;
+  return paginated.amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PaginationControls, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PerPageDropdown.PerPageDropdown, {
+        max: maxPerPage,
+        min: minPerPage,
+        onChange: onPerPage,
+        step: paginationStep,
+        value: perPage
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Paginator.Paginator, {
+        onSelect: onPageSelect,
+        pages: paginated.amount,
+        pagination
+      })
+    ]
+  }) : null;
 };
 //# sourceMappingURL=Pagination.js.map

package/dist/cjs/plugins/pagination/components/Pagination.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/plugins/pagination/components/Pagination.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { Paginator } from './Paginator';\nimport { PerPageDropdown } from './PerPageDropdown';\n\nconst PaginationControls = aggregatedClasses('div')(\n  'data-grid',\n  'controls-pagination',\n);\n\nconst Pagination = ({\n  paginated,\n  pagination = {},\n  onPerPage,\n  onPageSelect,\n  paginationStep = 5,\n  maxPerPage = 10,\n  minPerPage = 5,\n}) => {\n  const { perPage } = pagination;\n  if (\n    pagination &&\n    pagination.conditionalPagination === true &&\n    paginated.amount === 1\n  )\n    return null;\n  return paginated.amount > 0 ? (\n    <PaginationControls>\n      <PerPageDropdown\n        max={maxPerPage}\n        min={minPerPage}\n        onChange={onPerPage}\n        step={paginationStep}\n        value={perPage}\n      />\n      <Paginator\n        onSelect={onPageSelect}\n        pages={paginated.amount}\n        pagination={pagination}\n      />\n    </PaginationControls>\n  ) : null;\n};\n\nexport { Pagination };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,uBAA0B;AAC1B,6BAAgC;AAEhC,MAAM,qBAAqB,4CAAkB,KAAK,EAChD,aACA,qBACF;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,MACT;AACJ,QAAM,EAAE,YAAY;AACpB,MACE,cACA,WAAW,0BAA0B,QACrC,UAAU,WAAW;AAErB,WAAO;AACT,SAAO,UAAU,SAAS,IACxB,mDAAC,0BACC,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,GACT,GACA,mDAAC;AAAA,IACC,UAAU;AAAA,IACV,OAAO,UAAU;AAAA,IACjB;AAAA,GACF,CACF,IACE;AACN;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,2BAAkC;AAClC,uBAA0B;AAC1B,6BAAgC;AAEhC,MAAM,yBAAqB,wCAAkB,KAAK;AAAA,EAChD;AAAA,EACA;AACF;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,MACE,cACA,WAAW,0BAA0B,QACrC,UAAU,WAAW;AAErB,WAAO;AACT,SAAO,UAAU,SAAS,IACxB,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,OACT;AAAA,MACA,4CAAC;AAAA,QACC,UAAU;AAAA,QACV,OAAO,UAAU;AAAA,QACjB;AAAA,OACF;AAAA;AAAA,GACF,IACE;AACN;",
   "names": []
 }

package/dist/cjs/plugins/pagination/components/Paginator.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Paginator_exports = {};
 __export(Paginator_exports, {
@@ -26,7 +29,7 @@ __export(Paginator_exports, {
 });
 module.exports = __toCommonJS(Paginator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_pagify = __toESM(require("react-pagify"));
 var import_segmentize = __toESM(require("segmentize"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -36,41 +39,56 @@ const PagifyContext = (0, import_ds_classnames.aggregatedClasses)(import_react_p
 const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", labelNext = "Next" }) => {
   const prevPage = pagination.page - 1;
   const nextPage = pagination.page + 1;
-  return /* @__PURE__ */ import_react.default.createElement(PaginationContainer, null, /* @__PURE__ */ import_react.default.createElement(PagifyContext, {
-    onSelect: (page) => page !== pagination.page && onSelect(page),
-    segments: (0, import_segmentize.default)({
-      page: pagination.page,
-      pages,
-      beginPages: 1,
-      endPages: 1,
-      sidePages: 1
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationContainer, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PagifyContext, {
+      onSelect: (page) => page !== pagination.page && onSelect(page),
+      segments: (0, import_segmentize.default)({
+        page: pagination.page,
+        pages,
+        beginPages: 1,
+        endPages: 1,
+        sidePages: 1
+      }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Button, {
+          className: pagination.page <= 1 ? "button-disabled" : "",
+          page: prevPage,
+          children: labelPrevious
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Segment, {
+          field: "beginPages"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Ellipsis, {
+          className: "ellipsis",
+          nextField: "previousPages",
+          previousField: "beginPages"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Segment, {
+          field: "previousPages"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Segment, {
+          className: "selected",
+          field: "centerPage"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Segment, {
+          field: "nextPages"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Ellipsis, {
+          className: "ellipsis",
+          nextField: "endPages",
+          previousField: "nextPages"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Segment, {
+          field: "endPages"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_pagify.default.Button, {
+          className: pagination.page >= pages ? "button-disabled" : "",
+          page: nextPage,
+          children: labelNext
+        })
+      ]
     })
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Button, {
-    className: pagination.page <= 1 ? "button-disabled" : "",
-    page: prevPage
-  }, labelPrevious), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
-    field: "beginPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Ellipsis, {
-    className: "ellipsis",
-    nextField: "previousPages",
-    previousField: "beginPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
-    field: "previousPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
-    className: "selected",
-    field: "centerPage"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
-    field: "nextPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Ellipsis, {
-    className: "ellipsis",
-    nextField: "endPages",
-    previousField: "nextPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
-    field: "endPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Button, {
-    className: pagination.page >= pages ? "button-disabled" : "",
-    page: nextPage
-  }, labelNext)));
+  });
 };
 var Paginator_default = Paginator;
 //# sourceMappingURL=Paginator.js.map

package/dist/cjs/plugins/pagination/components/Paginator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/plugins/pagination/components/Paginator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport React from 'react';\nimport ReactPagify from 'react-pagify';\nimport segmentize from 'segmentize';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'data-grid';\n\nconst PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');\nconst PagifyContext = aggregatedClasses(ReactPagify?.Context)(blockName, 'pagify-pagination');\n\nconst Paginator = ({ pagination, pages, onSelect, labelPrevious = 'Previous', labelNext = 'Next' }) => {\n  const prevPage = pagination.page - 1;\n  const nextPage = pagination.page + 1;\n  return (\n    <PaginationContainer>\n      <PagifyContext\n        onSelect={(page) => page !== pagination.page && onSelect(page)}\n        segments={segmentize({\n          page: pagination.page,\n          pages,\n          beginPages: 1,\n          endPages: 1,\n          sidePages: 1,\n        })}\n      >\n        <ReactPagify.Button className={pagination.page <= 1 ? 'button-disabled' : ''} page={prevPage}>\n          {labelPrevious}\n        </ReactPagify.Button>\n\n        <ReactPagify.Segment field=\"beginPages\" />\n\n        <ReactPagify.Ellipsis className=\"ellipsis\" nextField=\"previousPages\" previousField=\"beginPages\" />\n\n        <ReactPagify.Segment field=\"previousPages\" />\n        <ReactPagify.Segment className=\"selected\" field=\"centerPage\" />\n        <ReactPagify.Segment field=\"nextPages\" />\n\n        <ReactPagify.Ellipsis className=\"ellipsis\" nextField=\"endPages\" previousField=\"nextPages\" />\n\n        <ReactPagify.Segment field=\"endPages\" />\n\n        <ReactPagify.Button className={pagination.page >= pages ? 'button-disabled' : ''} page={nextPage}>\n          {labelNext}\n        </ReactPagify.Button>\n      </PagifyContext>\n    </PaginationContainer>\n  );\n};\n\nexport { Paginator };\nexport default Paginator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,0BAAwB;AACxB,wBAAuB;AACvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,sBAAsB,4CAAkB,KAAK,EAAE,WAAW,YAAY;AAC5E,MAAM,gBAAgB,4CAAkB,6BAAa,OAAO,EAAE,WAAW,mBAAmB;AAE5F,MAAM,YAAY,CAAC,EAAE,YAAY,OAAO,UAAU,gBAAgB,YAAY,YAAY,aAAa;AACrG,QAAM,WAAW,WAAW,OAAO;AACnC,QAAM,WAAW,WAAW,OAAO;AACnC,SACE,mDAAC,2BACC,mDAAC;AAAA,IACC,UAAU,CAAC,SAAS,SAAS,WAAW,QAAQ,SAAS,IAAI;AAAA,IAC7D,UAAU,+BAAW;AAAA,MACnB,MAAM,WAAW;AAAA,MACjB;AAAA,MACA,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAW;AAAA,IACb,CAAC;AAAA,KAED,mDAAC,4BAAY,QAAZ;AAAA,IAAmB,WAAW,WAAW,QAAQ,IAAI,oBAAoB;AAAA,IAAI,MAAM;AAAA,KACjF,aACH,GAEA,mDAAC,4BAAY,SAAZ;AAAA,IAAoB,OAAM;AAAA,GAAa,GAExC,mDAAC,4BAAY,UAAZ;AAAA,IAAqB,WAAU;AAAA,IAAW,WAAU;AAAA,IAAgB,eAAc;AAAA,GAAa,GAEhG,mDAAC,4BAAY,SAAZ;AAAA,IAAoB,OAAM;AAAA,GAAgB,GAC3C,mDAAC,4BAAY,SAAZ;AAAA,IAAoB,WAAU;AAAA,IAAW,OAAM;AAAA,GAAa,GAC7D,mDAAC,4BAAY,SAAZ;AAAA,IAAoB,OAAM;AAAA,GAAY,GAEvC,mDAAC,4BAAY,UAAZ;AAAA,IAAqB,WAAU;AAAA,IAAW,WAAU;AAAA,IAAW,eAAc;AAAA,GAAY,GAE1F,mDAAC,4BAAY,SAAZ;AAAA,IAAoB,OAAM;AAAA,GAAW,GAEtC,mDAAC,4BAAY,QAAZ;AAAA,IAAmB,WAAW,WAAW,QAAQ,QAAQ,oBAAoB;AAAA,IAAI,MAAM;AAAA,KACrF,SACH,CACF,CACF;AAEJ;AAGA,IAAO,oBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,0BAAwB;AACxB,wBAAuB;AACvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,YAAY;AAC5E,MAAM,oBAAgB,wCAAkB,oBAAAA,SAAa,OAAO,EAAE,WAAW,mBAAmB;AAE5F,MAAM,YAAY,CAAC,EAAE,YAAY,OAAO,UAAU,gBAAgB,YAAY,YAAY,OAAO,MAAM;AACrG,QAAM,WAAW,WAAW,OAAO;AACnC,QAAM,WAAW,WAAW,OAAO;AACnC,SACE,4CAAC;AAAA,IACC,uDAAC;AAAA,MACC,UAAU,CAAC,SAAS,SAAS,WAAW,QAAQ,SAAS,IAAI;AAAA,MAC7D,cAAU,kBAAAC,SAAW;AAAA,QACnB,MAAM,WAAW;AAAA,QACjB;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb,CAAC;AAAA,MAED;AAAA,oDAAC,oBAAAD,QAAY,QAAZ;AAAA,UAAmB,WAAW,WAAW,QAAQ,IAAI,oBAAoB;AAAA,UAAI,MAAM;AAAA,UACjF;AAAA,SACH;AAAA,QAEA,4CAAC,oBAAAA,QAAY,SAAZ;AAAA,UAAoB,OAAM;AAAA,SAAa;AAAA,QAExC,4CAAC,oBAAAA,QAAY,UAAZ;AAAA,UAAqB,WAAU;AAAA,UAAW,WAAU;AAAA,UAAgB,eAAc;AAAA,SAAa;AAAA,QAEhG,4CAAC,oBAAAA,QAAY,SAAZ;AAAA,UAAoB,OAAM;AAAA,SAAgB;AAAA,QAC3C,4CAAC,oBAAAA,QAAY,SAAZ;AAAA,UAAoB,WAAU;AAAA,UAAW,OAAM;AAAA,SAAa;AAAA,QAC7D,4CAAC,oBAAAA,QAAY,SAAZ;AAAA,UAAoB,OAAM;AAAA,SAAY;AAAA,QAEvC,4CAAC,oBAAAA,QAAY,UAAZ;AAAA,UAAqB,WAAU;AAAA,UAAW,WAAU;AAAA,UAAW,eAAc;AAAA,SAAY;AAAA,QAE1F,4CAAC,oBAAAA,QAAY,SAAZ;AAAA,UAAoB,OAAM;AAAA,SAAW;AAAA,QAEtC,4CAAC,oBAAAA,QAAY,QAAZ;AAAA,UAAmB,WAAW,WAAW,QAAQ,QAAQ,oBAAoB;AAAA,UAAI,MAAM;AAAA,UACrF;AAAA,SACH;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAGA,IAAO,oBAAQ;",
+  "names": ["ReactPagify", "segmentize"]
 }

package/dist/cjs/plugins/pagination/components/PerPageDropdown.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PerPageDropdown_exports = {};
 __export(PerPageDropdown_exports, {
@@ -26,13 +29,20 @@ __export(PerPageDropdown_exports, {
 });
 module.exports = __toCommonJS(PerPageDropdown_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_memoize_one = __toESM(require("memoize-one"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_form = require("@elliemae/ds-form");
-const SingleValue = ({ children, ...props }) => /* @__PURE__ */ import_react.default.createElement(import_ds_form.components.SingleValue, {
-  ...props
-}, children, " ", /* @__PURE__ */ import_react.default.createElement("span", null, "per page"));
+const SingleValue = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_form.components.SingleValue, {
+  ...props,
+  children: [
+    children,
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+      children: "per page"
+    })
+  ]
+});
 const generateOption = (value) => ({
   value,
   label: value
@@ -43,7 +53,7 @@ const getOptions = (0, import_memoize_one.default)((step, min, max) => {
 });
 function PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {
   const options = getOptions(step, min, max);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
     className: "per-page-dropdown",
     components: {
       SingleValue

package/dist/cjs/plugins/pagination/components/PerPageDropdown.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/plugins/pagination/components/PerPageDropdown.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport memoize from 'memoize-one';\nimport { range } from '@elliemae/ds-utilities';\nimport { DSComboBox, components } from '@elliemae/ds-form';\n\nconst SingleValue = ({ children, ...props }) => (\n  <components.SingleValue {...props}>\n    {children} <span>per page</span>\n  </components.SingleValue>\n);\n\nconst generateOption = (value) => ({\n  value,\n  label: value,\n});\nconst getOptions = memoize((step, min, max) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nfunction PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {\n  const options = getOptions(step, min, max);\n  return (\n    <DSComboBox\n      className=\"per-page-dropdown\"\n      components={{\n        SingleValue,\n      }}\n      containerProps={{\n        'data-testid': 'per-page-dropdown',\n      }}\n      maxOptions={10}\n      onChange={onChange}\n      options={options}\n      searchable={false}\n      value={value}\n    />\n  );\n}\n\nexport { PerPageDropdown };\nexport default PerPageDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,yBAAoB;AACpB,0BAAsB;AACtB,qBAAuC;AAEvC,MAAM,cAAc,CAAC,EAAE,aAAa,YAClC,mDAAC,0BAAW,aAAX;AAAA,EAAwB,GAAG;AAAA,GACzB,UAAS,KAAC,mDAAC,cAAK,UAAQ,CAC3B;AAGF,MAAM,iBAAiB,CAAC,UAAW;AAAA,EACjC;AAAA,EACA,OAAO;AACT;AACA,MAAM,aAAa,gCAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,+BAAM,KAAK,MAAM,MAAM,IAAI,EAAE,IAAI,cAAc;AAC/D,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,MAAM,IAAI;AACxD,CAAC;AAED,yBAAyB,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,QAAQ;AAC3F,QAAM,UAAU,WAAW,MAAM,KAAK,GAAG;AACzC,SACE,mDAAC;AAAA,IACC,WAAU;AAAA,IACV,YAAY;AAAA,MACV;AAAA,IACF;AAAA,IACA,gBAAgB;AAAA,MACd,eAAe;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,GACF;AAEJ;AAGA,IAAO,0BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,yBAAoB;AACpB,0BAAsB;AACtB,qBAAuC;AAEvC,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MACxC,6CAAC,0BAAW,aAAX;AAAA,EAAwB,GAAG;AAAA,EACzB;AAAA;AAAA,IAAS;AAAA,IAAC,4CAAC;AAAA,MAAK;AAAA,KAAQ;AAAA;AAAA,CAC3B;AAGF,MAAM,iBAAiB,CAAC,WAAW;AAAA,EACjC;AAAA,EACA,OAAO;AACT;AACA,MAAM,iBAAa,mBAAAA,SAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,cAAU,2BAAM,KAAK,MAAM,MAAM,IAAI,EAAE,IAAI,cAAc;AAC/D,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,MAAM,IAAI;AACxD,CAAC;AAED,SAAS,gBAAgB,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,KAAK,GAAG;AAC3F,QAAM,UAAU,WAAW,MAAM,KAAK,GAAG;AACzC,SACE,4CAAC;AAAA,IACC,WAAU;AAAA,IACV,YAAY;AAAA,MACV;AAAA,IACF;AAAA,IACA,gBAAgB;AAAA,MACd,eAAe;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,GACF;AAEJ;AAGA,IAAO,0BAAQ;",
+  "names": ["memoize"]
 }