@elliemae/ds-datagrids 2.2.0 → 2.3.0-alpha.3

package/esm/plugins/pagination/PaginationPlugin.js

@@ -1,96 +1,63 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React, { useMemo } from 'react';
-import { mergeRefs } from '@elliemae/ds-utilities';
-import FocusGridManager from '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import paginate from './helper.js';
-import { usePaginationState } from './usePaginationState.js';
-import NoResults from '../../components/NoResults.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { mergeRefs } from "@elliemae/ds-utilities";
+import { FocusGrid } from "@elliemae/ds-shared/FocusGroup/FocusGrid";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { paginate } from "./helper";
+import { usePaginationState } from "./usePaginationState";
+import { NoResults } from "../../components/NoResults";
 const composeRows = (rows, grid) => {
   const {
-    state: {
-      pagination
-    },
-    props: {
-      groupedRows
-    }
+    state: { pagination },
+    props: { groupedRows }
   } = grid.getInstance();
-  if (groupedRows) return rows; // disable pagination with grouping
-
+  if (groupedRows)
+    return rows;
   if (groupedRows) {
-    const filterIds = rows.map(r => r.id);
-    return paginate(rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
+    const filterIds = rows.map((r) => r.id);
+    return paginate(rows.filter((c) => filterIds.includes(c.id)).map((r) => ({
+      ...r,
       _isGroup: r.isGroup
     })), pagination);
   }
-
   return paginate(rows, pagination);
 };
-
-const Body = /*#__PURE__*/React.memo(_ref => {
-  let {
-    component: Component,
-    rows,
-    rowRenderer,
-    noResultsPlaceholder,
-    innerRef,
-    innerBodyRef,
-    // depends on body-header-scroll-sync
-    isPlaceholderActive = false
-  } = _ref,
-      otherBodyProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
-    innerRef: mergeRefs(innerRef),
-    children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
-      index,
-      rowIndex: index
-    }, {})) : /*#__PURE__*/_jsx(NoResults, {
-      innerRef: innerRef,
-      rowRenderer: rowRenderer
-    }, void 0, noResultsPlaceholder)
-  }));
-});
-
+const Body = React2.memo(({
+  component: Component,
+  rows,
+  rowRenderer,
+  noResultsPlaceholder,
+  innerRef,
+  innerBodyRef,
+  isPlaceholderActive = false,
+  ...otherBodyProps
+}) => /* @__PURE__ */ React2.createElement(Component, {
+  ...otherBodyProps,
+  innerRef: mergeRefs(innerRef)
+}, !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
+  innerRef,
+  rowRenderer
+}, noResultsPlaceholder)));
 const decorateRenderers = (renderers, grid) => {
   const BodyWrapper = renderers.body.wrapper;
-  renderers.body.wrapper = useMemo(() => props => {
-    const {
+  renderers.body.wrapper = useMemo(() => (props) => {
+    const { hotKeys, shouldRefocus, state } = grid.getInstance();
+    return /* @__PURE__ */ React2.createElement(FocusGrid, {
       hotKeys,
-      shouldRefocus,
-      state
-    } = grid.getInstance();
-    return /*#__PURE__*/_jsx(FocusGridManager, {
-      hotKeys: hotKeys,
       shouldRefocus: false
-    }, void 0, /*#__PURE__*/jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
+    }, /* @__PURE__ */ React2.createElement(Body, {
+      ...props,
       component: BodyWrapper
-    })));
+    }));
   }, []);
   return renderers;
 };
-
-const PaginationPlugin = createInstancePlugin('pagination', {
+const PaginationPlugin = createInstancePlugin("pagination", {
   registerStateHook: usePaginationState,
   decorateRenderers,
   composeRows
 });
-
-export { PaginationPlugin };
+export {
+  PaginationPlugin
+};
+//# sourceMappingURL=PaginationPlugin.js.map

package/esm/plugins/pagination/PaginationPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/PaginationPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,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,SACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,KACnC,IAAI,CAAC,MAAO;AAAA,SACR;AAAA,MACH,UAAU,EAAE;AAAA,SAEhB;AAAA;AAIJ,SAAO,SAAS,MAAM;AAAA;AAGxB,MAAM,OAAO,OAAM,KACjB,CAAC;AAAA,EACC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,KACnB;AAAA,MAEH,qCAAC,WAAD;AAAA,KAAe;AAAA,EAAgB,UAAU,UAAU;AAAA,GAChD,CAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,SAAS,OAEtE,qCAAC,WAAD;AAAA,EAAW;AAAA,EAAoB;AAAA,GAC5B;AAOX,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,UAAU,QACvB,MAAM,CAAC,UAAU;AACf,UAAM,EAAE,SAAS,eAAe,UAAU,KAAK;AAC/C,WACE,qCAAC,WAAD;AAAA,MAAW;AAAA,MAAkB,eAAe;AAAA,OAC1C,qCAAC,MAAD;AAAA,SAAU;AAAA,MAAO,WAAW;AAAA;AAAA,KAIlC;AAEF,SAAO;AAAA;AAGF,MAAM,mBAAmB,qBAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA;",
+  "names": []
+}

package/esm/plugins/pagination/components/Pagination.js

@@ -1,36 +1,34 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import Paginator from './Paginator.js';
-import PerPageDropdown from './PerPageDropdown.js';
-
-const PaginationControls = aggregatedClasses('div')('data-grid', 'controls-pagination');
-
-const Pagination = _ref => {
-  let {
-    paginated,
-    pagination = {},
-    onPerPage,
-    onPageSelect,
-    paginationStep = 5,
-    maxPerPage = 10,
-    minPerPage = 5
-  } = _ref;
-  const {
-    perPage
-  } = pagination;
-  if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
-  return paginated.amount > 0 ? /*#__PURE__*/_jsx(PaginationControls, {}, void 0, /*#__PURE__*/_jsx(PerPageDropdown, {
+import * as React from "react";
+import React2 from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { Paginator } from "./Paginator";
+import { PerPageDropdown } from "./PerPageDropdown";
+const PaginationControls = aggregatedClasses("div")("data-grid", "controls-pagination");
+const Pagination = ({
+  paginated,
+  pagination = {},
+  onPerPage,
+  onPageSelect,
+  paginationStep = 5,
+  maxPerPage = 10,
+  minPerPage = 5
+}) => {
+  const { perPage } = pagination;
+  if (pagination && pagination.conditionalPagination === true && paginated.amount === 1)
+    return null;
+  return paginated.amount > 0 ? /* @__PURE__ */ React2.createElement(PaginationControls, null, /* @__PURE__ */ React2.createElement(PerPageDropdown, {
     max: maxPerPage,
     min: minPerPage,
     onChange: onPerPage,
     step: paginationStep,
     value: perPage
-  }), /*#__PURE__*/_jsx(Paginator, {
+  }), /* @__PURE__ */ React2.createElement(Paginator, {
     onSelect: onPageSelect,
     pages: paginated.amount,
-    pagination: pagination
+    pagination
   })) : null;
 };
-
-export { Pagination };
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/esm/plugins/pagination/components/Pagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/Pagination.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB,kBAAkB,OAC3C,aACA;AAGF,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,aAAa;AAAA,EACb;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,qCAAC,oBAAD,MACE,qCAAC,iBAAD;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MAET,qCAAC,WAAD;AAAA,IACE,UAAU;AAAA,IACV,OAAO,UAAU;AAAA,IACjB;AAAA,QAGF;AAAA;",
+  "names": []
+}

package/esm/plugins/pagination/components/Paginator.js

@@ -1,26 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import ReactPagify from 'react-pagify';
-import segmentize from 'segmentize';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
-const blockName = 'data-grid';
-const PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');
-const PagifyContext = aggregatedClasses(ReactPagify === null || ReactPagify === void 0 ? void 0 : ReactPagify.Context)(blockName, 'pagify-pagination');
-
-const Paginator = _ref => {
-  let {
-    pagination,
-    pages,
-    onSelect,
-    labelPrevious = 'Previous',
-    labelNext = 'Next'
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import ReactPagify from "react-pagify";
+import segmentize from "segmentize";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "data-grid";
+const PaginationContainer = aggregatedClasses("div")(blockName, "pagination");
+const PagifyContext = aggregatedClasses(ReactPagify?.Context)(blockName, "pagify-pagination");
+const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", labelNext = "Next" }) => {
   const prevPage = pagination.page - 1;
   const nextPage = pagination.page + 1;
-  return /*#__PURE__*/_jsx(PaginationContainer, {}, void 0, /*#__PURE__*/_jsx(PagifyContext, {
-    onSelect: page => page !== pagination.page && onSelect(page),
+  return /* @__PURE__ */ React2.createElement(PaginationContainer, null, /* @__PURE__ */ React2.createElement(PagifyContext, {
+    onSelect: (page) => page !== pagination.page && onSelect(page),
     segments: segmentize({
       page: pagination.page,
       pages,
@@ -28,32 +18,36 @@ const Paginator = _ref => {
       endPages: 1,
       sidePages: 1
     })
-  }, void 0, /*#__PURE__*/_jsx(ReactPagify.Button, {
-    className: pagination.page <= 1 ? 'button-disabled' : '',
+  }, /* @__PURE__ */ React2.createElement(ReactPagify.Button, {
+    className: pagination.page <= 1 ? "button-disabled" : "",
     page: prevPage
-  }, void 0, labelPrevious), _ReactPagify$Segment || (_ReactPagify$Segment = /*#__PURE__*/_jsx(ReactPagify.Segment, {
+  }, labelPrevious), /* @__PURE__ */ React2.createElement(ReactPagify.Segment, {
     field: "beginPages"
-  })), _ReactPagify$Ellipsis || (_ReactPagify$Ellipsis = /*#__PURE__*/_jsx(ReactPagify.Ellipsis, {
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Ellipsis, {
     className: "ellipsis",
     nextField: "previousPages",
     previousField: "beginPages"
-  })), _ReactPagify$Segment2 || (_ReactPagify$Segment2 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Segment, {
     field: "previousPages"
-  })), _ReactPagify$Segment3 || (_ReactPagify$Segment3 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Segment, {
     className: "selected",
     field: "centerPage"
-  })), _ReactPagify$Segment4 || (_ReactPagify$Segment4 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Segment, {
     field: "nextPages"
-  })), _ReactPagify$Ellipsis2 || (_ReactPagify$Ellipsis2 = /*#__PURE__*/_jsx(ReactPagify.Ellipsis, {
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Ellipsis, {
     className: "ellipsis",
     nextField: "endPages",
     previousField: "nextPages"
-  })), _ReactPagify$Segment5 || (_ReactPagify$Segment5 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Segment, {
     field: "endPages"
-  })), /*#__PURE__*/_jsx(ReactPagify.Button, {
-    className: pagination.page >= pages ? 'button-disabled' : '',
+  }), /* @__PURE__ */ React2.createElement(ReactPagify.Button, {
+    className: pagination.page >= pages ? "button-disabled" : "",
     page: nextPage
-  }, void 0, labelNext)));
+  }, labelNext)));
 };
-
-export { Paginator as default };
+var Paginator_default = Paginator;
+export {
+  Paginator,
+  Paginator_default as default
+};
+//# sourceMappingURL=Paginator.js.map

package/esm/plugins/pagination/components/Paginator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/Paginator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,sBAAsB,kBAAkB,OAAO,WAAW;AAChE,MAAM,gBAAgB,kBAAkB,aAAa,SAAS,WAAW;AAEzE,MAAM,YAAY,CAAC,EAAE,YAAY,OAAO,UAAU,gBAAgB,YAAY,YAAY,aAAa;AACrG,QAAM,WAAW,WAAW,OAAO;AACnC,QAAM,WAAW,WAAW,OAAO;AACnC,SACE,qCAAC,qBAAD,MACE,qCAAC,eAAD;AAAA,IACE,UAAU,CAAC,SAAS,SAAS,WAAW,QAAQ,SAAS;AAAA,IACzD,UAAU,WAAW;AAAA,MACnB,MAAM,WAAW;AAAA,MACjB;AAAA,MACA,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAW;AAAA;AAAA,KAGb,qCAAC,YAAY,QAAb;AAAA,IAAoB,WAAW,WAAW,QAAQ,IAAI,oBAAoB;AAAA,IAAI,MAAM;AAAA,KACjF,gBAGH,qCAAC,YAAY,SAAb;AAAA,IAAqB,OAAM;AAAA,MAE3B,qCAAC,YAAY,UAAb;AAAA,IAAsB,WAAU;AAAA,IAAW,WAAU;AAAA,IAAgB,eAAc;AAAA,MAEnF,qCAAC,YAAY,SAAb;AAAA,IAAqB,OAAM;AAAA,MAC3B,qCAAC,YAAY,SAAb;AAAA,IAAqB,WAAU;AAAA,IAAW,OAAM;AAAA,MAChD,qCAAC,YAAY,SAAb;AAAA,IAAqB,OAAM;AAAA,MAE3B,qCAAC,YAAY,UAAb;AAAA,IAAsB,WAAU;AAAA,IAAW,WAAU;AAAA,IAAW,eAAc;AAAA,MAE9E,qCAAC,YAAY,SAAb;AAAA,IAAqB,OAAM;AAAA,MAE3B,qCAAC,YAAY,QAAb;AAAA,IAAoB,WAAW,WAAW,QAAQ,QAAQ,oBAAoB;AAAA,IAAI,MAAM;AAAA,KACrF;AAAA;AAQX,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/plugins/pagination/components/PerPageDropdown.js

@@ -1,71 +1,39 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'react';
-import memoizeOne from 'memoize-one';
-import { range } from '@elliemae/ds-utilities';
-import { DSComboBox, components } from '@elliemae/ds-form';
-import { jsxs } from 'react/jsx-runtime';
-
-var _span;
-
-const _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const SingleValue = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsxs(components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
-    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, "per page"))]
-  }));
-};
-
-const generateOption = value => ({
+import * as React from "react";
+import React2 from "react";
+import memoize from "memoize-one";
+import { range } from "@elliemae/ds-utilities";
+import { DSComboBox, components } from "@elliemae/ds-form";
+const SingleValue = ({ children, ...props }) => /* @__PURE__ */ React2.createElement(components.SingleValue, {
+  ...props
+}, children, " ", /* @__PURE__ */ React2.createElement("span", null, "per page"));
+const generateOption = (value) => ({
   value,
   label: value
 });
-
-const getOptions = memoizeOne((step, min, max) => {
+const getOptions = memoize((step, min, max) => {
   const options = range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
-
-function PerPageDropdown(_ref2) {
-  let {
-    min = 0,
-    max = 100,
-    step = 5,
-    value = 0,
-    onChange = () => null
-  } = _ref2;
+function PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {
   const options = getOptions(step, min, max);
-  return /*#__PURE__*/_jsx(DSComboBox, {
+  return /* @__PURE__ */ React2.createElement(DSComboBox, {
     className: "per-page-dropdown",
     components: {
       SingleValue
     },
     containerProps: {
-      'data-testid': 'per-page-dropdown'
+      "data-testid": "per-page-dropdown"
     },
     maxOptions: 10,
-    onChange: onChange,
-    options: options,
+    onChange,
+    options,
     searchable: false,
-    value: value
+    value
   });
 }
-
-export { PerPageDropdown as default };
+var PerPageDropdown_default = PerPageDropdown;
+export {
+  PerPageDropdown,
+  PerPageDropdown_default as default
+};
+//# sourceMappingURL=PerPageDropdown.js.map

package/esm/plugins/pagination/components/PerPageDropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/PerPageDropdown.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,aAAa,YAClC,qCAAC,WAAW,aAAZ;AAAA,KAA4B;AAAA,GACzB,UAAS,KAAC,qCAAC,QAAD,MAAM;AAIrB,MAAM,iBAAiB,CAAC,UAAW;AAAA,EACjC;AAAA,EACA,OAAO;AAAA;AAET,MAAM,aAAa,QAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AACjD,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,UAAU;AAAA;AAGxD,yBAAyB,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,QAAQ;AAC3F,QAAM,UAAU,WAAW,MAAM,KAAK;AACtC,SACE,qCAAC,YAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY;AAAA,MACV;AAAA;AAAA,IAEF,gBAAgB;AAAA,MACd,eAAe;AAAA;AAAA,IAEjB,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA;AAAA;AAMN,IAAO,0BAAQ;",
+  "names": []
+}

package/esm/plugins/pagination/helper.js

@@ -1,27 +1,19 @@
-const parsePerPageNumber = function (number, max) {
-  let min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  if (number > max) return max;
-  if (number < min) return min;
+import * as React from "react";
+const parsePerPageNumber = (number, max, min = 1) => {
+  if (number > max)
+    return max;
+  if (number < min)
+    return min;
   return number;
 };
-function paginate(rows, _ref) {
-  let {
-    page,
-    perPage = 1,
-    amountOfPages: amount,
-    totalRows
-  } = _ref;
-
-  // return if pagination state is controlled
+const paginate = (rows, { page, perPage = 1, amountOfPages: amount, totalRows }) => {
   if (amount && totalRows) {
     return {
       amount,
       rows,
       page
     };
-  } // adapt to zero indexed logic
-
-
+  }
   const p = page - 1 || 0;
   const amountOfPages = perPage ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1)) : 1;
   const startPage = p < amountOfPages ? p : 0;
@@ -31,6 +23,11 @@ function paginate(rows, _ref) {
     allRows: rows,
     page: startPage
   };
-}
-
-export { paginate as default, parsePerPageNumber };
+};
+var helper_default = paginate;
+export {
+  helper_default as default,
+  paginate,
+  parsePerPageNumber
+};
+//# sourceMappingURL=helper.js.map

package/esm/plugins/pagination/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const parsePerPageNumber = (number, max, min = 1) => {\n  if (number > max) return max;\n  if (number < min) return min;\n  return number;\n};\n\nexport const paginate = (\n  rows,\n  { page, perPage = 1, amountOfPages: amount, totalRows },\n) => {\n  // return if pagination state is controlled\n  if (amount && totalRows) {\n    return {\n      amount,\n      rows,\n      page,\n    };\n  }\n  // adapt to zero indexed logic\n  const p = page - 1 || 0;\n\n  const amountOfPages = perPage\n    ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1))\n    : 1;\n  const startPage = p < amountOfPages ? p : 0;\n\n  return {\n    amount: amountOfPages,\n    rows: perPage\n      ? rows.slice(startPage * perPage, startPage * perPage + perPage)\n      : rows,\n    allRows: rows,\n    page: startPage,\n  };\n};\n\nexport default paginate;\n"],
+  "mappings": "AAAA;ACAO,MAAM,qBAAqB,CAAC,QAAQ,KAAK,MAAM,MAAM;AAC1D,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,SAAO;AAAA;AAGF,MAAM,WAAW,CACtB,MACA,EAAE,MAAM,UAAU,GAAG,eAAe,QAAQ,gBACzC;AAEH,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAIJ,QAAM,IAAI,OAAO,KAAK;AAEtB,QAAM,gBAAgB,UAClB,KAAK,KAAK,KAAK,SAAU,WAAU,IAAI,UAAU,MACjD;AACJ,QAAM,YAAY,IAAI,gBAAgB,IAAI;AAE1C,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM,UACF,KAAK,MAAM,YAAY,SAAS,YAAY,UAAU,WACtD;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA;AAAA;AAIV,IAAO,iBAAQ;",
+  "names": []
+}

package/esm/plugins/pagination/index.js

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

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

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

package/esm/plugins/pagination/usePaginationState.js

@@ -1,16 +1,6 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useDerivedStateFromProps } from '@elliemae/ds-utilities';
-import { parsePerPageNumber } from './helper.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
+import { parsePerPageNumber } from "./helper";
 function usePaginationState(grid) {
   const {
     minPerPage = 0,
@@ -23,16 +13,12 @@ function usePaginationState(grid) {
     },
     groupedRows
   } = grid.props;
-  const {
-    composedRows,
-    rows
-  } = grid.getInstance();
+  const { composedRows, rows } = grid.getInstance();
   const [pagination, setPagination] = useDerivedStateFromProps(paginationProp);
-
-  const onPerPage = perPageNumber => {
+  const onPerPage = (perPageNumber) => {
     const parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
     const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;
-    setPagination(prevPagination => {
+    setPagination((prevPagination) => {
       onPerPageChange(actualNumber);
       return {
         page: prevPagination.page,
@@ -40,18 +26,17 @@ function usePaginationState(grid) {
       };
     });
   };
-
-  const onPageSelect = page => {
+  const onPageSelect = (page) => {
     const length = groupedRows ? composedRows.length : rows.length;
-    setPagination(prevPagination => {
+    setPagination((prevPagination) => {
       const pages = Math.ceil(length / prevPagination.perPage);
       onPageChange(page);
-      return _objectSpread(_objectSpread({}, prevPagination), {}, {
+      return {
+        ...prevPagination,
         page: Math.min(Math.max(page, 1), pages)
-      });
+      };
     });
   };
-
   return {
     state: {
       pagination
@@ -62,5 +47,7 @@ function usePaginationState(grid) {
     }
   };
 }
-
-export { usePaginationState };
+export {
+  usePaginationState
+};
+//# sourceMappingURL=usePaginationState.js.map

package/esm/plugins/pagination/usePaginationState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/usePaginationState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { parsePerPageNumber } from './helper';\n\nexport function usePaginationState(grid) {\n  const {\n    minPerPage = 0,\n    maxPerPage = 50,\n    onPerPageChange = () => null,\n    onPageChange = () => null,\n    pagination: paginationProp = {\n      page: 1,\n      perPage: 10,\n    },\n    groupedRows,\n  } = grid.props;\n  const { composedRows, rows } = grid.getInstance();\n  const [pagination, setPagination] = useDerivedStateFromProps(paginationProp);\n\n  const onPerPage = (perPageNumber) => {\n    const parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);\n    const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;\n\n    setPagination((prevPagination) => {\n      onPerPageChange(actualNumber);\n      return {\n        page: prevPagination.page,\n        perPage: actualNumber,\n      };\n    });\n  };\n\n  const onPageSelect = (page) => {\n    const length = groupedRows ? composedRows.length : rows.length;\n    setPagination((prevPagination) => {\n      const pages = Math.ceil(length / prevPagination.perPage);\n      onPageChange(page);\n      return {\n        ...prevPagination,\n        page: Math.min(Math.max(page, 1), pages),\n      };\n    });\n  };\n\n  return {\n    state: {\n      pagination,\n    },\n    actions: {\n      onPerPage,\n      onPageSelect,\n    },\n  };\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB,MAAM;AAAA,IACxB,eAAe,MAAM;AAAA,IACrB,YAAY,iBAAiB;AAAA,MAC3B,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX;AAAA,MACE,KAAK;AACT,QAAM,EAAE,cAAc,SAAS,KAAK;AACpC,QAAM,CAAC,YAAY,iBAAiB,yBAAyB;AAE7D,QAAM,YAAY,CAAC,kBAAkB;AACnC,UAAM,sBAAsB,mBAAmB,eAAe,YAAY;AAC1E,UAAM,eAAe,sBAAsB,SAAS,qBAAqB,MAAM;AAE/E,kBAAc,CAAC,mBAAmB;AAChC,sBAAgB;AAChB,aAAO;AAAA,QACL,MAAM,eAAe;AAAA,QACrB,SAAS;AAAA;AAAA;AAAA;AAKf,QAAM,eAAe,CAAC,SAAS;AAC7B,UAAM,SAAS,cAAc,aAAa,SAAS,KAAK;AACxD,kBAAc,CAAC,mBAAmB;AAChC,YAAM,QAAQ,KAAK,KAAK,SAAS,eAAe;AAChD,mBAAa;AACb,aAAO;AAAA,WACF;AAAA,QACH,MAAM,KAAK,IAAI,KAAK,IAAI,MAAM,IAAI;AAAA;AAAA;AAAA;AAKxC,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA;AAAA,IAEF,SAAS;AAAA,MACP;AAAA,MACA;AAAA;AAAA;AAAA;",
+  "names": []
+}