@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/elements/PageControls/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { isNumber } from 'payload/shared';
 import React, { Fragment } from 'react';
 import { Pagination } from '../../elements/Pagination/index.js';
@@ -12,115 +10,87 @@ import './index.scss';
 const baseClass = 'page-controls';
 /**
  * @internal
- */
-export const PageControlsComponent = t0 => {
-  const $ = _c(16);
-  const {
-    AfterPageControls,
-    collectionConfig,
-    data,
-    handlePageChange,
-    handlePerPageChange,
-    limit
-  } = t0;
-  const {
-    i18n
-  } = useTranslation();
-  let t1;
-  if ($[0] !== AfterPageControls || $[1] !== collectionConfig?.admin?.pagination?.limits || $[2] !== data.hasNextPage || $[3] !== data.hasPrevPage || $[4] !== data.limit || $[5] !== data.nextPage || $[6] !== data.page || $[7] !== data.pagingCounter || $[8] !== data.prevPage || $[9] !== data.totalDocs || $[10] !== data.totalPages || $[11] !== handlePageChange || $[12] !== handlePerPageChange || $[13] !== i18n || $[14] !== limit) {
-    t1 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsx(Pagination, {
-        hasNextPage: data.hasNextPage,
-        hasPrevPage: data.hasPrevPage,
-        limit: data.limit,
-        nextPage: data.nextPage,
-        numberOfNeighbors: 1,
-        onChange: handlePageChange,
-        page: data.page,
-        prevPage: data.prevPage,
-        totalPages: data.totalPages
-      }), data.totalDocs > 0 && _jsxs(Fragment, {
-        children: [_jsxs("div", {
-          className: `${baseClass}__page-info`,
-          children: [data.page * data.limit - (data.limit - 1), "-", data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs, " ", i18n.t("general:of"), " ", data.totalDocs]
-        }), _jsx(PerPage, {
-          handleChange: handlePerPageChange,
-          limit,
-          limits: collectionConfig?.admin?.pagination?.limits,
-          resetPage: data.totalDocs <= data.pagingCounter
-        }), AfterPageControls]
-      })]
-    });
-    $[0] = AfterPageControls;
-    $[1] = collectionConfig?.admin?.pagination?.limits;
-    $[2] = data.hasNextPage;
-    $[3] = data.hasPrevPage;
-    $[4] = data.limit;
-    $[5] = data.nextPage;
-    $[6] = data.page;
-    $[7] = data.pagingCounter;
-    $[8] = data.prevPage;
-    $[9] = data.totalDocs;
-    $[10] = data.totalPages;
-    $[11] = handlePageChange;
-    $[12] = handlePerPageChange;
-    $[13] = i18n;
-    $[14] = limit;
-    $[15] = t1;
-  } else {
-    t1 = $[15];
-  }
-  return t1;
+ */ export const PageControlsComponent = ({ AfterPageControls, collectionConfig, data, handlePageChange, handlePerPageChange, limit })=>{
+    const { i18n } = useTranslation();
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV(Pagination, {
+                hasNextPage: data.hasNextPage,
+                hasPrevPage: data.hasPrevPage,
+                limit: data.limit,
+                nextPage: data.nextPage,
+                numberOfNeighbors: 1,
+                onChange: handlePageChange,
+                page: data.page,
+                prevPage: data.prevPage,
+                totalPages: data.totalPages
+            }, void 0, false, {
+                fileName: "src/elements/PageControls/index.tsx",
+                lineNumber: 39,
+                columnNumber: 7
+            }, this),
+            data.totalDocs > 0 && /*#__PURE__*/ _jsxDEV(Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__page-info`,
+                        children: [
+                            data.page * data.limit - (data.limit - 1),
+                            "-",
+                            data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs,
+                            ' ',
+                            i18n.t('general:of'),
+                            " ",
+                            data.totalDocs
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/PageControls/index.tsx",
+                        lineNumber: 52,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(PerPage, {
+                        handleChange: handlePerPageChange,
+                        limit: limit,
+                        limits: collectionConfig?.admin?.pagination?.limits,
+                        resetPage: data.totalDocs <= data.pagingCounter
+                    }, void 0, false, {
+                        fileName: "src/elements/PageControls/index.tsx",
+                        lineNumber: 59,
+                        columnNumber: 11
+                    }, this),
+                    AfterPageControls
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/PageControls/index.tsx",
+                lineNumber: 51,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/PageControls/index.tsx",
+        lineNumber: 38,
+        columnNumber: 5
+    }, this);
 };
 /**
  * These page controls are controlled by the global ListQuery state.
  * To override thi behavior, build your own wrapper around PageControlsComponent.
  *
  * @internal
- */
-export const PageControls = t0 => {
-  const $ = _c(10);
-  const {
-    AfterPageControls,
-    collectionConfig
-  } = t0;
-  const {
-    data,
-    defaultLimit: initialLimit,
-    handlePageChange,
-    handlePerPageChange,
-    query
-  } = useListQuery();
-  let t1;
-  if ($[0] !== initialLimit || $[1] !== query.limit) {
-    t1 = isNumber(query.limit) ? query.limit : initialLimit;
-    $[0] = initialLimit;
-    $[1] = query.limit;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== AfterPageControls || $[4] !== collectionConfig || $[5] !== data || $[6] !== handlePageChange || $[7] !== handlePerPageChange || $[8] !== t1) {
-    t2 = _jsx(PageControlsComponent, {
-      AfterPageControls,
-      collectionConfig,
-      data,
-      handlePageChange,
-      handlePerPageChange,
-      limit: t1
-    });
-    $[3] = AfterPageControls;
-    $[4] = collectionConfig;
-    $[5] = data;
-    $[6] = handlePageChange;
-    $[7] = handlePerPageChange;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
+ */ export const PageControls = ({ AfterPageControls, collectionConfig })=>{
+    const { data, defaultLimit: initialLimit, handlePageChange, handlePerPageChange, query } = useListQuery();
+    return /*#__PURE__*/ _jsxDEV(PageControlsComponent, {
+        AfterPageControls: AfterPageControls,
+        collectionConfig: collectionConfig,
+        data: data,
+        handlePageChange: handlePageChange,
+        handlePerPageChange: handlePerPageChange,
+        limit: isNumber(query.limit) ? query.limit : initialLimit
+    }, void 0, false, {
+        fileName: "src/elements/PageControls/index.tsx",
+        lineNumber: 91,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/PageControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","isNumber","React","Fragment","Pagination","PerPage","useListQuery","useTranslation","baseClass","PageControlsComponent","t0","$","AfterPageControls","collectionConfig","data","handlePageChange","handlePerPageChange","limit","i18n","t1","admin","pagination","limits","hasNextPage","hasPrevPage","nextPage","page","pagingCounter","prevPage","totalDocs","totalPages","_jsxs","className","children","_jsx","numberOfNeighbors","onChange","t","handleChange","resetPage","PageControls","defaultLimit","initialLimit","query","t2"],"sources":["../../../src/elements/PageControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport { isNumber } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { IListQueryContext } from '../../providers/ListQuery/types.js'\n\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'page-controls'\n\n/**\n * @internal\n */\nexport const PageControlsComponent: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n  data: PaginatedDocs\n  handlePageChange?: IListQueryContext['handlePageChange']\n  handlePerPageChange?: IListQueryContext['handlePerPageChange']\n  limit?: number\n}> = ({\n  AfterPageControls,\n  collectionConfig,\n  data,\n  handlePageChange,\n  handlePerPageChange,\n  limit,\n}) => {\n  const { i18n } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Pagination\n        hasNextPage={data.hasNextPage}\n        hasPrevPage={data.hasPrevPage}\n        limit={data.limit}\n        nextPage={data.nextPage}\n        numberOfNeighbors={1}\n        onChange={handlePageChange}\n        page={data.page}\n        prevPage={data.prevPage}\n        totalPages={data.totalPages}\n      />\n      {data.totalDocs > 0 && (\n        <Fragment>\n          <div className={`${baseClass}__page-info`}>\n            {data.page * data.limit - (data.limit - 1)}-\n            {data.totalPages > 1 && data.totalPages !== data.page\n              ? data.limit * data.page\n              : data.totalDocs}{' '}\n            {i18n.t('general:of')} {data.totalDocs}\n          </div>\n          <PerPage\n            handleChange={handlePerPageChange}\n            limit={limit}\n            limits={collectionConfig?.admin?.pagination?.limits}\n            resetPage={data.totalDocs <= data.pagingCounter}\n          />\n          {AfterPageControls}\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\n/**\n * These page controls are controlled by the global ListQuery state.\n * To override thi behavior, build your own wrapper around PageControlsComponent.\n *\n * @internal\n */\nexport const PageControls: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n}> = ({ AfterPageControls, collectionConfig }) => {\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      collectionConfig={collectionConfig}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n      limit={isNumber(query.limit) ? query.limit : initialLimit}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,qBAAA,GAORC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,iBAAA;IAAAC,gBAAA;IAAAC,IAAA;IAAAC,gBAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAP,EAOL;EACC;IAAAQ;EAAA,IAAiBX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAR,CAAA,QAAAC,iBAAA,IAAAD,CAAA,QAAAE,gBAAA,EAAAO,KAAA,EAAAC,UAAA,EAAAC,MAAA,IAAAX,CAAA,QAAAG,IAAA,CAAAS,WAAA,IAAAZ,CAAA,QAAAG,IAAA,CAAAU,WAAA,IAAAb,CAAA,QAAAG,IAAA,CAAAG,KAAA,IAAAN,CAAA,QAAAG,IAAA,CAAAW,QAAA,IAAAd,CAAA,QAAAG,IAAA,CAAAY,IAAA,IAAAf,CAAA,QAAAG,IAAA,CAAAa,aAAA,IAAAhB,CAAA,QAAAG,IAAA,CAAAc,QAAA,IAAAjB,CAAA,QAAAG,IAAA,CAAAe,SAAA,IAAAlB,CAAA,SAAAG,IAAA,CAAAgB,UAAA,IAAAnB,CAAA,SAAAI,gBAAA,IAAAJ,CAAA,SAAAK,mBAAA,IAAAL,CAAA,SAAAO,IAAA,IAAAP,CAAA,SAAAM,KAAA;IAGfE,EAAA,GAAAY,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAA9B,UAAA;QAAAmB,WAAA,EACeT,IAAA,CAAAS,WAAA;QAAAC,WAAA,EACAV,IAAA,CAAAU,WAAA;QAAAP,KAAA,EACNH,IAAA,CAAAG,KAAA;QAAAQ,QAAA,EACGX,IAAA,CAAAW,QAAA;QAAAU,iBAAA;QAAAC,QAAA,EAEArB,gBAAA;QAAAW,IAAA,EACJZ,IAAA,CAAAY,IAAA;QAAAE,QAAA,EACId,IAAA,CAAAc,QAAA;QAAAE,UAAA,EACEhB,IAAA,CAAAgB;MAAA,C,GAEbhB,IAAA,CAAAe,SAAA,IAAiB,IAChBE,KAAA,CAAA5B,QAAA;QAAA8B,QAAA,GACEF,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAAxB,SAAA,aAAyB;UAAAyB,QAAA,GACtCnB,IAAA,CAAAY,IAAA,GAAYZ,IAAA,CAAAG,KAAU,IAAIH,IAAA,CAAAG,KAAA,IAAa,GAAG,KAC1CH,IAAA,CAAAgB,UAAA,IAAkB,IAAKhB,IAAA,CAAAgB,UAAA,KAAoBhB,IAAA,CAAAY,IAAS,GACjDZ,IAAA,CAAAG,KAAA,GAAaH,IAAA,CAAAY,IAAS,GACtBZ,IAAA,CAAAe,SAAc,EAAE,KACnBX,IAAA,CAAAmB,CAAA,CAAO,eAAc,KAAEvB,IAAA,CAAAe,SAAA;QAAA,C,GAE1BK,IAAA,CAAA7B,OAAA;UAAAiC,YAAA,EACgBtB,mBAAA;UAAAC,KAAA;UAAAK,MAAA,EAENT,gBAAA,EAAAO,KAAA,EAAAC,UAAA,EAAAC,MAAA;UAAAiB,SAAA,EACGzB,IAAA,CAAAe,SAAA,IAAkBf,IAAA,CAAAa;QAAkB,C,GAEhDf,iBAAA;MAAA,C;;;;;;;;;;;;;;;;;;;;;SA3BPO,E;CAgCJ;AAEA;;;;;;AAMA,OAAO,MAAMqB,YAAA,GAGR9B,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,iBAAA;IAAAC;EAAA,IAAAH,EAAuC;EAC3C;IAAAI,IAAA;IAAA2B,YAAA,EAAAC,YAAA;IAAA3B,gBAAA;IAAAC,mBAAA;IAAA2B;EAAA,IAMIrC,YAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAA+B,YAAA,IAAA/B,CAAA,QAAAgC,KAAA,CAAA1B,KAAA;IASOE,EAAA,GAAAlB,QAAA,CAAS0C,KAAA,CAAA1B,KAAW,IAAI0B,KAAA,CAAA1B,KAAA,GAAcyB,YAAA;IAAA/B,CAAA,MAAA+B,YAAA;IAAA/B,CAAA,MAAAgC,KAAA,CAAA1B,KAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,IAAAiC,EAAA;EAAA,IAAAjC,CAAA,QAAAC,iBAAA,IAAAD,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAK,mBAAA,IAAAL,CAAA,QAAAQ,EAAA;IAN/CyB,EAAA,GAAAV,IAAA,CAAAzB,qBAAA;MAAAG,iBAAA;MAAAC,gBAAA;MAAAC,IAAA;MAAAC,gBAAA;MAAAC,mBAAA;MAAAC,KAAA,EAMSE;IAAsC,C;;;;;;;;;;;SAN/CyB,E;CASJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/PageControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport { isNumber } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { IListQueryContext } from '../../providers/ListQuery/types.js'\n\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'page-controls'\n\n/**\n * @internal\n */\nexport const PageControlsComponent: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n  data: PaginatedDocs\n  handlePageChange?: IListQueryContext['handlePageChange']\n  handlePerPageChange?: IListQueryContext['handlePerPageChange']\n  limit?: number\n}> = ({\n  AfterPageControls,\n  collectionConfig,\n  data,\n  handlePageChange,\n  handlePerPageChange,\n  limit,\n}) => {\n  const { i18n } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Pagination\n        hasNextPage={data.hasNextPage}\n        hasPrevPage={data.hasPrevPage}\n        limit={data.limit}\n        nextPage={data.nextPage}\n        numberOfNeighbors={1}\n        onChange={handlePageChange}\n        page={data.page}\n        prevPage={data.prevPage}\n        totalPages={data.totalPages}\n      />\n      {data.totalDocs > 0 && (\n        <Fragment>\n          <div className={`${baseClass}__page-info`}>\n            {data.page * data.limit - (data.limit - 1)}-\n            {data.totalPages > 1 && data.totalPages !== data.page\n              ? data.limit * data.page\n              : data.totalDocs}{' '}\n            {i18n.t('general:of')} {data.totalDocs}\n          </div>\n          <PerPage\n            handleChange={handlePerPageChange}\n            limit={limit}\n            limits={collectionConfig?.admin?.pagination?.limits}\n            resetPage={data.totalDocs <= data.pagingCounter}\n          />\n          {AfterPageControls}\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\n/**\n * These page controls are controlled by the global ListQuery state.\n * To override thi behavior, build your own wrapper around PageControlsComponent.\n *\n * @internal\n */\nexport const PageControls: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n}> = ({ AfterPageControls, collectionConfig }) => {\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      collectionConfig={collectionConfig}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n      limit={isNumber(query.limit) ? query.limit : initialLimit}\n    />\n  )\n}\n"],"names":["isNumber","React","Fragment","Pagination","PerPage","useListQuery","useTranslation","baseClass","PageControlsComponent","AfterPageControls","collectionConfig","data","handlePageChange","handlePerPageChange","limit","i18n","div","className","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","totalDocs","t","handleChange","limits","admin","pagination","resetPage","pagingCounter","PageControls","defaultLimit","initialLimit","query"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,iBAAgB;AACzC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,OAAO,QAAQ,kCAAiC;AACzD,SAASC,YAAY,QAAQ,uCAAsC;AACnE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,wBAOR,CAAC,EACJC,iBAAiB,EACjBC,gBAAgB,EAChBC,IAAI,EACJC,gBAAgB,EAChBC,mBAAmB,EACnBC,KAAK,EACN;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGT;IAEjB,qBACE,QAACU;QAAIC,WAAWV;;0BACd,QAACJ;gBACCe,aAAaP,KAAKO,WAAW;gBAC7BC,aAAaR,KAAKQ,WAAW;gBAC7BL,OAAOH,KAAKG,KAAK;gBACjBM,UAAUT,KAAKS,QAAQ;gBACvBC,mBAAmB;gBACnBC,UAAUV;gBACVW,MAAMZ,KAAKY,IAAI;gBACfC,UAAUb,KAAKa,QAAQ;gBACvBC,YAAYd,KAAKc,UAAU;;;;;;YAE5Bd,KAAKe,SAAS,GAAG,mBAChB,QAACxB;;kCACC,QAACc;wBAAIC,WAAW,GAAGV,UAAU,WAAW,CAAC;;4BACtCI,KAAKY,IAAI,GAAGZ,KAAKG,KAAK,GAAIH,CAAAA,KAAKG,KAAK,GAAG,CAAA;4BAAG;4BAC1CH,KAAKc,UAAU,GAAG,KAAKd,KAAKc,UAAU,KAAKd,KAAKY,IAAI,GACjDZ,KAAKG,KAAK,GAAGH,KAAKY,IAAI,GACtBZ,KAAKe,SAAS;4BAAE;4BACnBX,KAAKY,CAAC,CAAC;4BAAc;4BAAEhB,KAAKe,SAAS;;;;;;;kCAExC,QAACtB;wBACCwB,cAAcf;wBACdC,OAAOA;wBACPe,QAAQnB,kBAAkBoB,OAAOC,YAAYF;wBAC7CG,WAAWrB,KAAKe,SAAS,IAAIf,KAAKsB,aAAa;;;;;;oBAEhDxB;;;;;;;;;;;;;AAKX,EAAC;AAED;;;;;CAKC,GACD,OAAO,MAAMyB,eAGR,CAAC,EAAEzB,iBAAiB,EAAEC,gBAAgB,EAAE;IAC3C,MAAM,EACJC,IAAI,EACJwB,cAAcC,YAAY,EAC1BxB,gBAAgB,EAChBC,mBAAmB,EACnBwB,KAAK,EACN,GAAGhC;IAEJ,qBACE,QAACG;QACCC,mBAAmBA;QACnBC,kBAAkBA;QAClBC,MAAMA;QACNC,kBAAkBA;QAClBC,qBAAqBA;QACrBC,OAAOd,SAASqC,MAAMvB,KAAK,IAAIuB,MAAMvB,KAAK,GAAGsB;;;;;;AAGnD,EAAC"}

package/dist/elements/Pagination/ClickableArrow/index.js

@@ -1,23 +1,31 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import './index.scss';
 const baseClass = 'clickable-arrow';
-export const ClickableArrow = props => {
-  const {
-    direction = 'right',
-    isDisabled = false,
-    updatePage
-  } = props;
-  const classes = [baseClass, isDisabled && `${baseClass}--is-disabled`, direction && `${baseClass}--${direction}`].filter(Boolean).join(' ');
-  return /*#__PURE__*/_jsx("button", {
-    className: classes,
-    disabled: isDisabled,
-    onClick: !isDisabled ? updatePage : undefined,
-    type: "button",
-    children: /*#__PURE__*/_jsx(ChevronIcon, {})
-  });
+export const ClickableArrow = (props)=>{
+    const { direction = 'right', isDisabled = false, updatePage } = props;
+    const classes = [
+        baseClass,
+        isDisabled && `${baseClass}--is-disabled`,
+        direction && `${baseClass}--${direction}`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: classes,
+        disabled: isDisabled,
+        onClick: !isDisabled ? updatePage : undefined,
+        type: "button",
+        children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+            fileName: "src/elements/Pagination/ClickableArrow/index.tsx",
+            lineNumber: 33,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/ClickableArrow/index.tsx",
+        lineNumber: 27,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Pagination/ClickableArrow/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","_jsx","className","disabled","onClick","undefined","type"],"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,cAAA,GAAiDC,KAAA;EAC5D,MAAM;IAAEC,SAAA,GAAY,OAAO;IAAEC,UAAA,GAAa,KAAK;IAAEC;EAAU,CAAE,GAAGH,KAAA;EAEhE,MAAMI,OAAA,GAAU,CACdN,SAAA,EACAI,UAAA,IAAc,GAAGJ,SAAA,eAAwB,EACzCG,SAAA,IAAa,GAAGH,SAAA,KAAcG,SAAA,EAAW,CAC1C,CACEI,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,IAAA,CAAC;IACCC,SAAA,EAAWL,OAAA;IACXM,QAAA,EAAUR,UAAA;IACVS,OAAA,EAAS,CAACT,UAAA,GAAaC,UAAA,GAAaS,SAAA;IACpCC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACX,WAAA;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,iBAAgD,CAACC;IAC5D,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,GAAGJ,UAAU,aAAa,CAAC;QACzCG,aAAa,GAAGH,UAAU,EAAE,EAAEG,WAAW;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;kBAEL,cAAA,QAAChB;;;;;;;;;;AAGP,EAAC"}

package/dist/elements/Pagination/Page/index.js

@@ -1,21 +1,24 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 const baseClass = 'paginator__page';
-export const Page = ({
-  isCurrent,
-  isFirstPage = false,
-  isLastPage = false,
-  page = 1,
-  updatePage
-}) => {
-  const classes = [baseClass, isCurrent && `${baseClass}--is-current`, isFirstPage && `${baseClass}--is-first-page`, isLastPage && `${baseClass}--is-last-page`].filter(Boolean).join(' ');
-  return /*#__PURE__*/_jsx("button", {
-    className: classes,
-    onClick: () => updatePage(page),
-    type: "button",
-    children: page
-  });
+export const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, updatePage })=>{
+    const classes = [
+        baseClass,
+        isCurrent && `${baseClass}--is-current`,
+        isFirstPage && `${baseClass}--is-first-page`,
+        isLastPage && `${baseClass}--is-last-page`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: classes,
+        onClick: ()=>updatePage(page),
+        type: "button",
+        children: page
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/Page/index.tsx",
+        lineNumber: 31,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","_jsx","className","onClick","type"],"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAUlB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAA4BA,CAAC;EACxCC,SAAS;EACTC,WAAA,GAAc,KAAK;EACnBC,UAAA,GAAa,KAAK;EAClBC,IAAA,GAAO,CAAC;EACRC;AAAU,CACX;EACC,MAAMC,OAAA,GAAU,CACdP,SAAA,EACAE,SAAA,IAAa,GAAGF,SAAA,cAAuB,EACvCG,WAAA,IAAe,GAAGH,SAAA,iBAA0B,EAC5CI,UAAA,IAAc,GAAGJ,SAAA,gBAAyB,CAC3C,CACEQ,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,IAAA,CAAC;IAAOC,SAAA,EAAWL,OAAA;IAASM,OAAA,EAASA,CAAA,KAAMP,UAAA,CAAWD,IAAA;IAAOS,IAAA,EAAK;cAC/DT;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAA4B,CAAC,EACxCC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,GAAGF,UAAU,YAAY,CAAC;QACvCG,eAAe,GAAGH,UAAU,eAAe,CAAC;QAC5CI,cAAc,GAAGJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;kBAC/DT;;;;;;AAGP,EAAC"}

package/dist/elements/Pagination/Separator/index.js

@@ -1,9 +1,13 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
-export const Separator = () => /*#__PURE__*/_jsx("span", {
-  className: "paginator__separator",
-  children: "—"
-});
+export const Separator = ()=>/*#__PURE__*/ _jsxDEV("span", {
+        className: "paginator__separator",
+        children: "—"
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/Separator/index.tsx",
+        lineNumber: 4,
+        columnNumber: 42
+    }, this);
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Separator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Separator","_jsx","className"],"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA,kBAAMC,IAAA,CAAC;EAAKC,SAAA,EAAU;YAAuB","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["React","Separator","span","className"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,YAAsB,kBAAM,QAACC;QAAKC,WAAU;kBAAuB;;;;;aAAc"}

package/dist/elements/Pagination/index.js

@@ -1,115 +1,118 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ClickableArrow } from './ClickableArrow/index.js';
 import './index.scss';
 import { Page } from './Page/index.js';
 import { Separator } from './Separator/index.js';
 const nodeTypes = {
-  ClickableArrow,
-  Page,
-  Separator
+    ClickableArrow,
+    Page,
+    Separator
 };
 const baseClass = 'paginator';
-export const Pagination = props => {
-  const {
-    hasNextPage = false,
-    hasPrevPage = false,
-    nextPage = null,
-    numberOfNeighbors = 1,
-    onChange,
-    page: currentPage,
-    prevPage = null,
-    totalPages = null
-  } = props;
-  if (!hasPrevPage && !hasNextPage) {
-    return null;
-  }
-  const updatePage = page => {
-    if (typeof onChange === 'function') {
-      onChange(page);
+export const Pagination = (props)=>{
+    const { hasNextPage = false, hasPrevPage = false, nextPage = null, numberOfNeighbors = 1, onChange, page: currentPage, prevPage = null, totalPages = null } = props;
+    if (!hasPrevPage && !hasNextPage) {
+        return null;
+    }
+    const updatePage = (page)=>{
+        if (typeof onChange === 'function') {
+            onChange(page);
+        }
+    };
+    // Create array of integers for each page
+    const pages = Array.from({
+        length: totalPages
+    }, (_, index)=>index + 1);
+    // Assign indices for start and end of the range of pages that should be shown in paginator
+    let rangeStartIndex = currentPage - 1 - numberOfNeighbors;
+    // Sanitize rangeStartIndex in case it is less than zero for safe split
+    if (rangeStartIndex <= 0) {
+        rangeStartIndex = 0;
+    }
+    const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1;
+    // Slice out the range of pages that we want to render
+    const nodes = pages.slice(rangeStartIndex, rangeEndIndex);
+    // Add prev separator if necessary
+    if (currentPage - numberOfNeighbors - 1 >= 2) {
+        nodes.unshift({
+            type: 'Separator'
+        });
+    }
+    // Add first page if necessary
+    if (currentPage > numberOfNeighbors + 1) {
+        nodes.unshift({
+            type: 'Page',
+            props: {
+                isFirstPage: true,
+                page: 1,
+                updatePage
+            }
+        });
+    }
+    // Add next separator if necessary
+    if (currentPage + numberOfNeighbors + 1 < totalPages) {
+        nodes.push({
+            type: 'Separator'
+        });
+    }
+    // Add last page if necessary
+    if (rangeEndIndex < totalPages) {
+        nodes.push({
+            type: 'Page',
+            props: {
+                isLastPage: true,
+                page: totalPages,
+                updatePage
+            }
+        });
     }
-  };
-  // Create array of integers for each page
-  const pages = Array.from({
-    length: totalPages
-  }, (_, index) => index + 1);
-  // Assign indices for start and end of the range of pages that should be shown in paginator
-  let rangeStartIndex = currentPage - 1 - numberOfNeighbors;
-  // Sanitize rangeStartIndex in case it is less than zero for safe split
-  if (rangeStartIndex <= 0) {
-    rangeStartIndex = 0;
-  }
-  const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1;
-  // Slice out the range of pages that we want to render
-  const nodes = pages.slice(rangeStartIndex, rangeEndIndex);
-  // Add prev separator if necessary
-  if (currentPage - numberOfNeighbors - 1 >= 2) {
+    // Add prev and next arrows based on necessity
     nodes.unshift({
-      type: 'Separator'
+        type: 'ClickableArrow',
+        props: {
+            direction: 'right',
+            isDisabled: !hasNextPage,
+            updatePage: ()=>updatePage(nextPage ?? currentPage + 1)
+        }
     });
-  }
-  // Add first page if necessary
-  if (currentPage > numberOfNeighbors + 1) {
     nodes.unshift({
-      type: 'Page',
-      props: {
-        isFirstPage: true,
-        page: 1,
-        updatePage
-      }
+        type: 'ClickableArrow',
+        props: {
+            direction: 'left',
+            isDisabled: !hasPrevPage,
+            updatePage: ()=>updatePage(prevPage ?? Math.max(1, currentPage - 1))
+        }
     });
-  }
-  // Add next separator if necessary
-  if (currentPage + numberOfNeighbors + 1 < totalPages) {
-    nodes.push({
-      type: 'Separator'
-    });
-  }
-  // Add last page if necessary
-  if (rangeEndIndex < totalPages) {
-    nodes.push({
-      type: 'Page',
-      props: {
-        isLastPage: true,
-        page: totalPages,
-        updatePage
-      }
-    });
-  }
-  // Add prev and next arrows based on necessity
-  nodes.unshift({
-    type: 'ClickableArrow',
-    props: {
-      direction: 'right',
-      isDisabled: !hasNextPage,
-      updatePage: () => updatePage(nextPage ?? currentPage + 1)
-    }
-  });
-  nodes.unshift({
-    type: 'ClickableArrow',
-    props: {
-      direction: 'left',
-      isDisabled: !hasPrevPage,
-      updatePage: () => updatePage(prevPage ?? Math.max(1, currentPage - 1))
-    }
-  });
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    children: nodes.map((node, i) => {
-      if (typeof node === 'number') {
-        return /*#__PURE__*/_jsx(Page, {
-          isCurrent: currentPage === node,
-          page: node,
-          updatePage: updatePage
-        }, i);
-      }
-      const NodeType = nodeTypes[node.type];
-      return /*#__PURE__*/_jsx(NodeType, {
-        ...node.props
-      }, i);
-    })
-  });
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: nodes.map((node, i)=>{
+            if (typeof node === 'number') {
+                return /*#__PURE__*/ _jsxDEV(Page, {
+                    isCurrent: currentPage === node,
+                    page: node,
+                    updatePage: updatePage
+                }, i, false, {
+                    fileName: "src/elements/Pagination/index.tsx",
+                    lineNumber: 139,
+                    columnNumber: 13
+                }, this);
+            }
+            const NodeType = nodeTypes[node.type];
+            return /*#__PURE__*/ _jsxDEV(NodeType, {
+                ...node.props
+            }, i, false, {
+                fileName: "src/elements/Pagination/index.tsx",
+                lineNumber: 145,
+                columnNumber: 16
+            }, this);
+        })
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/index.tsx",
+        lineNumber: 135,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map