@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  Message: React.ReactNode\n}\nexport function NoListResults({ Actions, Message }: NoResultsProps) {\n  return (\n    <div className={baseClass}>\n      {Message}\n      {Actions && Actions.length > 0 && (\n        <div className={`${baseClass}__actions`}>\n          {Actions.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","baseClass","NoListResults","Actions","Message","div","className","length","map","action","index","Fragment"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,cAAc,EAAEC,OAAO,EAAEC,OAAO,EAAkB;IAChE,qBACE,MAACC;QAAIC,WAAWL;;YACbG;YACAD,WAAWA,QAAQI,MAAM,GAAG,mBAC3B,KAACF;gBAAIC,WAAW,GAAGL,UAAU,SAAS,CAAC;0BACpCE,QAAQK,GAAG,CAAC,CAACC,QAAQC,sBACpB,KAACV,MAAMW,QAAQ;kCAAcF;uBAARC;;;;AAMjC"}
+{"version":3,"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  Message: React.ReactNode\n}\nexport function NoListResults({ Actions, Message }: NoResultsProps) {\n  return (\n    <div className={baseClass}>\n      {Message}\n      {Actions && Actions.length > 0 && (\n        <div className={`${baseClass}__actions`}>\n          {Actions.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","baseClass","NoListResults","Actions","Message","div","className","length","map","action","index","Fragment"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,cAAc,EAAEC,OAAO,EAAEC,OAAO,EAAkB;IAChE,qBACE,QAACC;QAAIC,WAAWL;;YACbG;YACAD,WAAWA,QAAQI,MAAM,GAAG,mBAC3B,QAACF;gBAAIC,WAAW,GAAGL,UAAU,SAAS,CAAC;0BACpCE,QAAQK,GAAG,CAAC,CAACC,QAAQC,sBACpB,QAACV,MAAMW,QAAQ;kCAAcF;uBAARC;;;;;;;;;;;;;;;;AAMjC"}

package/dist/elements/PageControls/GroupByPageControls.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback } from 'react';
 import { useListQuery } from '../../providers/ListQuery/context.js';
 import { PageControlsComponent } from './index.js';
@@ -36,13 +36,17 @@ import { PageControlsComponent } from './index.js';
         refineListData,
         groupByValue
     ]);
-    return /*#__PURE__*/ _jsx(PageControlsComponent, {
+    return /*#__PURE__*/ _jsxDEV(PageControlsComponent, {
         AfterPageControls: AfterPageControls,
         collectionConfig: collectionConfig,
         data: data,
         handlePageChange: handlePageChange,
         handlePerPageChange: handlePerPageChange
-    });
+    }, void 0, false, {
+        fileName: "src/elements/PageControls/GroupByPageControls.tsx",
+        lineNumber: 54,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=GroupByPageControls.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PageControls/GroupByPageControls.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { IListQueryContext } from '../../providers/ListQuery/types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { PageControlsComponent } from './index.js'\n\n/**\n * If `groupBy` is set in the query, multiple tables will render, one for each group.\n * In this case, each table needs its own `PageControls` to handle pagination.\n * These page controls, however, should not modify the global `ListQuery` state.\n * Instead, they should only handle the pagination for the current group.\n * To do this, build a wrapper around `PageControlsComponent` that handles the pagination logic for the current group.\n */\nexport const GroupByPageControls: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n  data: PaginatedDocs\n  groupByValue?: number | string\n}> = ({ AfterPageControls, collectionConfig, data, groupByValue }) => {\n  const { refineListData } = useListQuery()\n\n  const handlePageChange: IListQueryContext['handlePageChange'] = useCallback(\n    async (page) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            page,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  const handlePerPageChange: IListQueryContext['handlePerPageChange'] = useCallback(\n    async (limit) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            limit,\n            page: 1,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      collectionConfig={collectionConfig}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n    />\n  )\n}\n"],"names":["React","useCallback","useListQuery","PageControlsComponent","GroupByPageControls","AfterPageControls","collectionConfig","data","groupByValue","refineListData","handlePageChange","page","queryByGroup","handlePerPageChange","limit"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,YAAY,QAAQ,uCAAsC;AACnE,SAASC,qBAAqB,QAAQ,aAAY;AAElD;;;;;;CAMC,GACD,OAAO,MAAMC,sBAKR,CAAC,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAE;IAC/D,MAAM,EAAEC,cAAc,EAAE,GAAGP;IAE3B,MAAMQ,mBAA0DT,YAC9D,OAAOU;QACL,MAAMF,eAAe;YACnBG,cAAc;gBACZ,CAACJ,aAAa,EAAE;oBACdG;gBACF;YACF;QACF;IACF,GACA;QAACF;QAAgBD;KAAa;IAGhC,MAAMK,sBAAgEZ,YACpE,OAAOa;QACL,MAAML,eAAe;YACnBG,cAAc;gBACZ,CAACJ,aAAa,EAAE;oBACdM;oBACAH,MAAM;gBACR;YACF;QACF;IACF,GACA;QAACF;QAAgBD;KAAa;IAGhC,qBACE,KAACL;QACCE,mBAAmBA;QACnBC,kBAAkBA;QAClBC,MAAMA;QACNG,kBAAkBA;QAClBG,qBAAqBA;;AAG3B,EAAC"}
+{"version":3,"sources":["../../../src/elements/PageControls/GroupByPageControls.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { IListQueryContext } from '../../providers/ListQuery/types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { PageControlsComponent } from './index.js'\n\n/**\n * If `groupBy` is set in the query, multiple tables will render, one for each group.\n * In this case, each table needs its own `PageControls` to handle pagination.\n * These page controls, however, should not modify the global `ListQuery` state.\n * Instead, they should only handle the pagination for the current group.\n * To do this, build a wrapper around `PageControlsComponent` that handles the pagination logic for the current group.\n */\nexport const GroupByPageControls: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n  data: PaginatedDocs\n  groupByValue?: number | string\n}> = ({ AfterPageControls, collectionConfig, data, groupByValue }) => {\n  const { refineListData } = useListQuery()\n\n  const handlePageChange: IListQueryContext['handlePageChange'] = useCallback(\n    async (page) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            page,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  const handlePerPageChange: IListQueryContext['handlePerPageChange'] = useCallback(\n    async (limit) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            limit,\n            page: 1,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      collectionConfig={collectionConfig}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n    />\n  )\n}\n"],"names":["React","useCallback","useListQuery","PageControlsComponent","GroupByPageControls","AfterPageControls","collectionConfig","data","groupByValue","refineListData","handlePageChange","page","queryByGroup","handlePerPageChange","limit"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,YAAY,QAAQ,uCAAsC;AACnE,SAASC,qBAAqB,QAAQ,aAAY;AAElD;;;;;;CAMC,GACD,OAAO,MAAMC,sBAKR,CAAC,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAE;IAC/D,MAAM,EAAEC,cAAc,EAAE,GAAGP;IAE3B,MAAMQ,mBAA0DT,YAC9D,OAAOU;QACL,MAAMF,eAAe;YACnBG,cAAc;gBACZ,CAACJ,aAAa,EAAE;oBACdG;gBACF;YACF;QACF;IACF,GACA;QAACF;QAAgBD;KAAa;IAGhC,MAAMK,sBAAgEZ,YACpE,OAAOa;QACL,MAAML,eAAe;YACnBG,cAAc;gBACZ,CAACJ,aAAa,EAAE;oBACdM;oBACAH,MAAM;gBACR;YACF;QACF;IACF,GACA;QAACF;QAAgBD;KAAa;IAGhC,qBACE,QAACL;QACCE,mBAAmBA;QACnBC,kBAAkBA;QAClBC,MAAMA;QACNG,kBAAkBA;QAClBG,qBAAqBA;;;;;;AAG3B,EAAC"}

package/dist/elements/PageControls/index.js

@@ -1,5 +1,5 @@
 'use client';
-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,10 +12,10 @@ const baseClass = 'page-controls';
  * @internal
  */ export const PageControlsComponent = ({ AfterPageControls, collectionConfig, data, handlePageChange, handlePerPageChange, limit })=>{
     const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsx(Pagination, {
+            /*#__PURE__*/ _jsxDEV(Pagination, {
                 hasNextPage: data.hasNextPage,
                 hasPrevPage: data.hasPrevPage,
                 limit: data.limit,
@@ -25,10 +25,14 @@ const baseClass = 'page-controls';
                 page: data.page,
                 prevPage: data.prevPage,
                 totalPages: data.totalPages
-            }),
-            data.totalDocs > 0 && /*#__PURE__*/ _jsxs(Fragment, {
+            }, void 0, false, {
+                fileName: "src/elements/PageControls/index.tsx",
+                lineNumber: 39,
+                columnNumber: 7
+            }, this),
+            data.totalDocs > 0 && /*#__PURE__*/ _jsxDEV(Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__page-info`,
                         children: [
                             data.page * data.limit - (data.limit - 1),
@@ -39,18 +43,34 @@ const baseClass = 'page-controls';
                             " ",
                             data.totalDocs
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx(PerPage, {
+                    }, 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.
@@ -59,14 +79,18 @@ const baseClass = 'page-controls';
  * @internal
  */ export const PageControls = ({ AfterPageControls, collectionConfig })=>{
     const { data, defaultLimit: initialLimit, handlePageChange, handlePerPageChange, query } = useListQuery();
-    return /*#__PURE__*/ _jsx(PageControlsComponent, {
+    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,"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,MAACU;QAAIC,WAAWV;;0BACd,KAACJ;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,MAACxB;;kCACC,MAACc;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,KAACtB;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,KAACG;QACCC,mBAAmBA;QACnBC,kBAAkBA;QAClBC,MAAMA;QACNC,kBAAkBA;QAClBC,qBAAqBA;QACrBC,OAAOd,SAASqC,MAAMvB,KAAK,IAAIuB,MAAMvB,KAAK,GAAGsB;;AAGnD,EAAC"}
+{"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,5 +1,5 @@
 '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';
@@ -11,13 +11,21 @@ export const ClickableArrow = (props)=>{
         isDisabled && `${baseClass}--is-disabled`,
         direction && `${baseClass}--${direction}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: classes,
         disabled: isDisabled,
         onClick: !isDisabled ? updatePage : undefined,
         type: "button",
-        children: /*#__PURE__*/ _jsx(ChevronIcon, {})
-    });
+        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,"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,KAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;kBAEL,cAAA,KAAChB;;AAGP,EAAC"}
+{"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,5 +1,5 @@
 '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 })=>{
@@ -9,12 +9,16 @@ export const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page
         isFirstPage && `${baseClass}--is-first-page`,
         isLastPage && `${baseClass}--is-last-page`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("button", {
+    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,"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,KAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;kBAC/DT;;AAGP,EAAC"}
+{"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", {
+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,"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,KAACC;QAAKC,WAAU;kBAAuB;OAAc"}
+{"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,5 +1,5 @@
 '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';
@@ -85,22 +85,34 @@ export const Pagination = (props)=>{
             updatePage: ()=>updatePage(prevPage ?? Math.max(1, currentPage - 1))
         }
     });
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: nodes.map((node, i)=>{
             if (typeof node === 'number') {
-                return /*#__PURE__*/ _jsx(Page, {
+                return /*#__PURE__*/ _jsxDEV(Page, {
                     isCurrent: currentPage === node,
                     page: node,
                     updatePage: updatePage
-                }, i);
+                }, i, false, {
+                    fileName: "src/elements/Pagination/index.tsx",
+                    lineNumber: 139,
+                    columnNumber: 13
+                }, this);
             }
             const NodeType = nodeTypes[node.type];
-            return /*#__PURE__*/ _jsx(NodeType, {
+            return /*#__PURE__*/ _jsxDEV(NodeType, {
                 ...node.props
-            }, i);
+            }, 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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.scss'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\n\nconst nodeTypes = {\n  ClickableArrow,\n  Page,\n  Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport type Node =\n  | {\n      props?: {\n        direction?: 'left' | 'right'\n        isDisabled?: boolean\n        isFirstPage?: boolean\n        isLastPage?: boolean\n        page?: number\n        updatePage: (page?: number) => void\n      }\n      type: 'ClickableArrow' | 'Page' | 'Separator'\n    }\n  | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    numberOfNeighbors = 1,\n    onChange,\n    page: currentPage,\n    prevPage = null,\n    totalPages = null,\n  } = props\n\n  if (!hasPrevPage && !hasNextPage) {\n    return null\n  }\n\n  const updatePage = (page) => {\n    if (typeof onChange === 'function') {\n      onChange(page)\n    }\n  }\n\n  // Create array of integers for each page\n  const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n  // Assign indices for start and end of the range of pages that should be shown in paginator\n  let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n  // Sanitize rangeStartIndex in case it is less than zero for safe split\n  if (rangeStartIndex <= 0) {\n    rangeStartIndex = 0\n  }\n\n  const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n  // Slice out the range of pages that we want to render\n  const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n  // Add prev separator if necessary\n  if (currentPage - numberOfNeighbors - 1 >= 2) {\n    nodes.unshift({ type: 'Separator' })\n  }\n\n  // Add first page if necessary\n  if (currentPage > numberOfNeighbors + 1) {\n    nodes.unshift({\n      type: 'Page',\n      props: {\n        isFirstPage: true,\n        page: 1,\n        updatePage,\n      },\n    })\n  }\n\n  // Add next separator if necessary\n  if (currentPage + numberOfNeighbors + 1 < totalPages) {\n    nodes.push({ type: 'Separator' })\n  }\n\n  // Add last page if necessary\n  if (rangeEndIndex < totalPages) {\n    nodes.push({\n      type: 'Page',\n      props: {\n        isLastPage: true,\n        page: totalPages,\n        updatePage,\n      },\n    })\n  }\n\n  // Add prev and next arrows based on necessity\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'right',\n      isDisabled: !hasNextPage,\n      updatePage: () => updatePage(nextPage ?? currentPage + 1),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage ?? Math.max(1, currentPage - 1)),\n    },\n  })\n\n  return (\n    <div className={baseClass}>\n      {nodes.map((node, i) => {\n        if (typeof node === 'number') {\n          return (\n            <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n          )\n        }\n\n        const NodeType = nodeTypes[node.type]\n\n        return <NodeType key={i} {...node.props} />\n      })}\n    </div>\n  )\n}\n"],"names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","Math","max","div","className","map","node","i","isCurrent","NodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,SAAS,QAAQ,uBAAsB;AAEhD,MAAMC,YAAY;IAChBH;IACAC;IACAC;AACF;AAEA,MAAME,YAAY;AA4BlB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EACJC,cAAc,KAAK,EACnBC,cAAc,KAAK,EACnBC,WAAW,IAAI,EACfC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,MAAMC,WAAW,EACjBC,WAAW,IAAI,EACfC,aAAa,IAAI,EAClB,GAAGT;IAEJ,IAAI,CAACE,eAAe,CAACD,aAAa;QAChC,OAAO;IACT;IAEA,MAAMS,aAAa,CAACJ;QAClB,IAAI,OAAOD,aAAa,YAAY;YAClCA,SAASC;QACX;IACF;IAEA,yCAAyC;IACzC,MAAMK,QAAQC,MAAMC,IAAI,CAAC;QAAEC,QAAQL;IAAW,GAAG,CAACM,GAAGC,QAAUA,QAAQ;IAEvE,2FAA2F;IAC3F,IAAIC,kBAAkBV,cAAc,IAAIH;IAExC,uEAAuE;IACvE,IAAIa,mBAAmB,GAAG;QACxBA,kBAAkB;IACpB;IAEA,MAAMC,gBAAgBX,cAAc,IAAIH,oBAAoB;IAE5D,sDAAsD;IACtD,MAAMe,QAAgBR,MAAMS,KAAK,CAACH,iBAAiBC;IAEnD,kCAAkC;IAClC,IAAIX,cAAcH,oBAAoB,KAAK,GAAG;QAC5Ce,MAAME,OAAO,CAAC;YAAEC,MAAM;QAAY;IACpC;IAEA,8BAA8B;IAC9B,IAAIf,cAAcH,oBAAoB,GAAG;QACvCe,MAAME,OAAO,CAAC;YACZC,MAAM;YACNtB,OAAO;gBACLuB,aAAa;gBACbjB,MAAM;gBACNI;YACF;QACF;IACF;IAEA,kCAAkC;IAClC,IAAIH,cAAcH,oBAAoB,IAAIK,YAAY;QACpDU,MAAMK,IAAI,CAAC;YAAEF,MAAM;QAAY;IACjC;IAEA,6BAA6B;IAC7B,IAAIJ,gBAAgBT,YAAY;QAC9BU,MAAMK,IAAI,CAAC;YACTF,MAAM;YACNtB,OAAO;gBACLyB,YAAY;gBACZnB,MAAMG;gBACNC;YACF;QACF;IACF;IAEA,8CAA8C;IAC9CS,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAAC1B;YACbS,YAAY,IAAMA,WAAWP,YAAYI,cAAc;QACzD;IACF;IAEAY,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAACzB;YACbQ,YAAY,IAAMA,WAAWF,YAAYoB,KAAKC,GAAG,CAAC,GAAGtB,cAAc;QACrE;IACF;IAEA,qBACE,KAACuB;QAAIC,WAAWjC;kBACbqB,MAAMa,GAAG,CAAC,CAACC,MAAMC;YAChB,IAAI,OAAOD,SAAS,UAAU;gBAC5B,qBACE,KAACtC;oBAAKwC,WAAW5B,gBAAgB0B;oBAAc3B,MAAM2B;oBAAMvB,YAAYA;mBAA3BwB;YAEhD;YAEA,MAAME,WAAWvC,SAAS,CAACoC,KAAKX,IAAI,CAAC;YAErC,qBAAO,KAACc;gBAAkB,GAAGH,KAAKjC,KAAK;eAAjBkC;QACxB;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.scss'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\n\nconst nodeTypes = {\n  ClickableArrow,\n  Page,\n  Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport type Node =\n  | {\n      props?: {\n        direction?: 'left' | 'right'\n        isDisabled?: boolean\n        isFirstPage?: boolean\n        isLastPage?: boolean\n        page?: number\n        updatePage: (page?: number) => void\n      }\n      type: 'ClickableArrow' | 'Page' | 'Separator'\n    }\n  | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    numberOfNeighbors = 1,\n    onChange,\n    page: currentPage,\n    prevPage = null,\n    totalPages = null,\n  } = props\n\n  if (!hasPrevPage && !hasNextPage) {\n    return null\n  }\n\n  const updatePage = (page) => {\n    if (typeof onChange === 'function') {\n      onChange(page)\n    }\n  }\n\n  // Create array of integers for each page\n  const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n  // Assign indices for start and end of the range of pages that should be shown in paginator\n  let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n  // Sanitize rangeStartIndex in case it is less than zero for safe split\n  if (rangeStartIndex <= 0) {\n    rangeStartIndex = 0\n  }\n\n  const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n  // Slice out the range of pages that we want to render\n  const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n  // Add prev separator if necessary\n  if (currentPage - numberOfNeighbors - 1 >= 2) {\n    nodes.unshift({ type: 'Separator' })\n  }\n\n  // Add first page if necessary\n  if (currentPage > numberOfNeighbors + 1) {\n    nodes.unshift({\n      type: 'Page',\n      props: {\n        isFirstPage: true,\n        page: 1,\n        updatePage,\n      },\n    })\n  }\n\n  // Add next separator if necessary\n  if (currentPage + numberOfNeighbors + 1 < totalPages) {\n    nodes.push({ type: 'Separator' })\n  }\n\n  // Add last page if necessary\n  if (rangeEndIndex < totalPages) {\n    nodes.push({\n      type: 'Page',\n      props: {\n        isLastPage: true,\n        page: totalPages,\n        updatePage,\n      },\n    })\n  }\n\n  // Add prev and next arrows based on necessity\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'right',\n      isDisabled: !hasNextPage,\n      updatePage: () => updatePage(nextPage ?? currentPage + 1),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage ?? Math.max(1, currentPage - 1)),\n    },\n  })\n\n  return (\n    <div className={baseClass}>\n      {nodes.map((node, i) => {\n        if (typeof node === 'number') {\n          return (\n            <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n          )\n        }\n\n        const NodeType = nodeTypes[node.type]\n\n        return <NodeType key={i} {...node.props} />\n      })}\n    </div>\n  )\n}\n"],"names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","Math","max","div","className","map","node","i","isCurrent","NodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,SAAS,QAAQ,uBAAsB;AAEhD,MAAMC,YAAY;IAChBH;IACAC;IACAC;AACF;AAEA,MAAME,YAAY;AA4BlB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EACJC,cAAc,KAAK,EACnBC,cAAc,KAAK,EACnBC,WAAW,IAAI,EACfC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,MAAMC,WAAW,EACjBC,WAAW,IAAI,EACfC,aAAa,IAAI,EAClB,GAAGT;IAEJ,IAAI,CAACE,eAAe,CAACD,aAAa;QAChC,OAAO;IACT;IAEA,MAAMS,aAAa,CAACJ;QAClB,IAAI,OAAOD,aAAa,YAAY;YAClCA,SAASC;QACX;IACF;IAEA,yCAAyC;IACzC,MAAMK,QAAQC,MAAMC,IAAI,CAAC;QAAEC,QAAQL;IAAW,GAAG,CAACM,GAAGC,QAAUA,QAAQ;IAEvE,2FAA2F;IAC3F,IAAIC,kBAAkBV,cAAc,IAAIH;IAExC,uEAAuE;IACvE,IAAIa,mBAAmB,GAAG;QACxBA,kBAAkB;IACpB;IAEA,MAAMC,gBAAgBX,cAAc,IAAIH,oBAAoB;IAE5D,sDAAsD;IACtD,MAAMe,QAAgBR,MAAMS,KAAK,CAACH,iBAAiBC;IAEnD,kCAAkC;IAClC,IAAIX,cAAcH,oBAAoB,KAAK,GAAG;QAC5Ce,MAAME,OAAO,CAAC;YAAEC,MAAM;QAAY;IACpC;IAEA,8BAA8B;IAC9B,IAAIf,cAAcH,oBAAoB,GAAG;QACvCe,MAAME,OAAO,CAAC;YACZC,MAAM;YACNtB,OAAO;gBACLuB,aAAa;gBACbjB,MAAM;gBACNI;YACF;QACF;IACF;IAEA,kCAAkC;IAClC,IAAIH,cAAcH,oBAAoB,IAAIK,YAAY;QACpDU,MAAMK,IAAI,CAAC;YAAEF,MAAM;QAAY;IACjC;IAEA,6BAA6B;IAC7B,IAAIJ,gBAAgBT,YAAY;QAC9BU,MAAMK,IAAI,CAAC;YACTF,MAAM;YACNtB,OAAO;gBACLyB,YAAY;gBACZnB,MAAMG;gBACNC;YACF;QACF;IACF;IAEA,8CAA8C;IAC9CS,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAAC1B;YACbS,YAAY,IAAMA,WAAWP,YAAYI,cAAc;QACzD;IACF;IAEAY,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAACzB;YACbQ,YAAY,IAAMA,WAAWF,YAAYoB,KAAKC,GAAG,CAAC,GAAGtB,cAAc;QACrE;IACF;IAEA,qBACE,QAACuB;QAAIC,WAAWjC;kBACbqB,MAAMa,GAAG,CAAC,CAACC,MAAMC;YAChB,IAAI,OAAOD,SAAS,UAAU;gBAC5B,qBACE,QAACtC;oBAAKwC,WAAW5B,gBAAgB0B;oBAAc3B,MAAM2B;oBAAMvB,YAAYA;mBAA3BwB;;;;;YAEhD;YAEA,MAAME,WAAWvC,SAAS,CAACoC,KAAKX,IAAI,CAAC;YAErC,qBAAO,QAACc;gBAAkB,GAAGH,KAAKjC,KAAK;eAAjBkC;;;;;QACxB;;;;;;AAGN,EAAC"}

package/dist/elements/PerPage/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // TODO: abstract the `next/navigation` dependency out from this component
 import { collectionDefaults, isNumber } from 'payload/shared';
 import React from 'react';
@@ -12,26 +12,38 @@ const defaultLimits = collectionDefaults.admin.pagination.limits;
 export const PerPage = ({ defaultLimit = 10, handleChange, limit, limits = defaultLimits })=>{
     const { t } = useTranslation();
     const limitToUse = isNumber(limit) ? limit : defaultLimit;
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
-        children: /*#__PURE__*/ _jsx(Popup, {
-            button: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV(Popup, {
+            button: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__base-button`,
                 children: [
-                    /*#__PURE__*/ _jsx("span", {
+                    /*#__PURE__*/ _jsxDEV("span", {
                         children: t('general:perPage', {
                             limit: limitToUse
                         })
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/elements/PerPage/index.tsx",
+                        lineNumber: 38,
+                        columnNumber: 13
+                    }, void 0),
                     " ",
-                    /*#__PURE__*/ _jsx(ChevronIcon, {
+                    /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                         className: `${baseClass}__icon`
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/PerPage/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 13
+                    }, void 0)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/elements/PerPage/index.tsx",
+                lineNumber: 37,
+                columnNumber: 11
+            }, void 0),
             horizontalAlign: "right",
-            render: ({ close })=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                    children: limits.map((limitNumber, i)=>/*#__PURE__*/ _jsxs(PopupList.Button, {
+            render: ({ close })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                    children: limits.map((limitNumber, i)=>/*#__PURE__*/ _jsxDEV(PopupList.Button, {
                             className: [
                                 `${baseClass}__button`,
                                 limitNumber === limitToUse && `${baseClass}__button-active`
@@ -43,23 +55,51 @@ export const PerPage = ({ defaultLimit = 10, handleChange, limit, limits = defau
                                 }
                             },
                             children: [
-                                limitNumber === limitToUse && /*#__PURE__*/ _jsx("div", {
+                                limitNumber === limitToUse && /*#__PURE__*/ _jsxDEV("div", {
                                     className: `${baseClass}__chevron`,
-                                    children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                    children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                                         direction: "right",
                                         size: "small"
-                                    })
-                                }),
+                                    }, void 0, false, {
+                                        fileName: "src/elements/PerPage/index.tsx",
+                                        lineNumber: 64,
+                                        columnNumber: 21
+                                    }, void 0)
+                                }, void 0, false, {
+                                    fileName: "src/elements/PerPage/index.tsx",
+                                    lineNumber: 63,
+                                    columnNumber: 19
+                                }, void 0),
                                 " ",
-                                /*#__PURE__*/ _jsx("span", {
+                                /*#__PURE__*/ _jsxDEV("span", {
                                     children: limitNumber
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/elements/PerPage/index.tsx",
+                                    lineNumber: 68,
+                                    columnNumber: 17
+                                }, void 0)
                             ]
-                        }, i))
-                }),
+                        }, i, true, {
+                            fileName: "src/elements/PerPage/index.tsx",
+                            lineNumber: 47,
+                            columnNumber: 15
+                        }, void 0))
+                }, void 0, false, {
+                    fileName: "src/elements/PerPage/index.tsx",
+                    lineNumber: 45,
+                    columnNumber: 11
+                }, void 0),
             size: "small"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/PerPage/index.tsx",
+            lineNumber: 35,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/PerPage/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  readonly defaultLimit?: number\n  readonly handleChange?: (limit: number) => void\n  readonly limit: number\n  readonly limits: number[]\n  readonly resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <ChevronIcon className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <ChevronIcon direction=\"right\" size=\"small\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","onClick","direction","size"],"mappings":"AAAA;;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,KAACK;QAAIC,WAAWZ;kBACd,cAAA,KAACF;YACCe,sBACE,MAACF;gBAAIC,WAAW,GAAGZ,UAAU,aAAa,CAAC;;kCACzC,KAACc;kCAAML,EAAE,mBAAmB;4BAAED,OAAOE;wBAAW;;oBAAU;kCAE1D,KAACd;wBAAYgB,WAAW,GAAGZ,UAAU,MAAM,CAAC;;;;YAGhDe,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAAClB,UAAUmB,WAAW;8BACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,MAACtB,UAAUuB,MAAM;4BACfV,WAAW;gCACT,GAAGZ,UAAU,QAAQ,CAAC;gCACtBoB,gBAAgBV,cAAc,GAAGV,UAAU,eAAe,CAAC;6BAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;4BAERC,SAAS;gCACPT;gCACA,IAAIV,cAAc;oCAChBA,aAAaa;gCACf;4BACF;;gCAECA,gBAAgBV,4BACf,KAACC;oCAAIC,WAAW,GAAGZ,UAAU,SAAS,CAAC;8CACrC,cAAA,KAACJ;wCAAY+B,WAAU;wCAAQC,MAAK;;;gCAEtC;8CAEF,KAACd;8CAAMM;;;2BAdFC;;YAmBbO,MAAK;;;AAIb,EAAC"}
+{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  readonly defaultLimit?: number\n  readonly handleChange?: (limit: number) => void\n  readonly limit: number\n  readonly limits: number[]\n  readonly resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <ChevronIcon className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <ChevronIcon direction=\"right\" size=\"small\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","onClick","direction","size"],"mappings":"AAAA;;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,QAACK;QAAIC,WAAWZ;kBACd,cAAA,QAACF;YACCe,sBACE,QAACF;gBAAIC,WAAW,GAAGZ,UAAU,aAAa,CAAC;;kCACzC,QAACc;kCAAML,EAAE,mBAAmB;4BAAED,OAAOE;wBAAW;;;;;;oBAAU;kCAE1D,QAACd;wBAAYgB,WAAW,GAAGZ,UAAU,MAAM,CAAC;;;;;;;;;;;;YAGhDe,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAAClB,UAAUmB,WAAW;8BACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,QAACtB,UAAUuB,MAAM;4BACfV,WAAW;gCACT,GAAGZ,UAAU,QAAQ,CAAC;gCACtBoB,gBAAgBV,cAAc,GAAGV,UAAU,eAAe,CAAC;6BAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;4BAERC,SAAS;gCACPT;gCACA,IAAIV,cAAc;oCAChBA,aAAaa;gCACf;4BACF;;gCAECA,gBAAgBV,4BACf,QAACC;oCAAIC,WAAW,GAAGZ,UAAU,SAAS,CAAC;8CACrC,cAAA,QAACJ;wCAAY+B,WAAU;wCAAQC,MAAK;;;;;;;;;;;gCAEtC;8CAEF,QAACd;8CAAMM;;;;;;;2BAdFC;;;;;;;;;;YAmBbO,MAAK;;;;;;;;;;;AAIb,EAAC"}

package/dist/elements/PermanentlyDeleteButton/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -106,22 +106,30 @@ export const PermanentlyDeleteButton = (props)=>{
         startRouteTransition
     ]);
     if (id) {
-        return /*#__PURE__*/ _jsxs(Fragment, {
+        return /*#__PURE__*/ _jsxDEV(Fragment, {
             children: [
-                /*#__PURE__*/ _jsx(Button, {
+                /*#__PURE__*/ _jsxDEV(Button, {
                     buttonStyle: "secondary",
                     id: buttonId,
                     onClick: ()=>{
                         openModal(modalSlug);
                     },
                     children: t('general:permanentlyDelete')
-                }),
-                /*#__PURE__*/ _jsx(ConfirmationModal, {
-                    body: /*#__PURE__*/ _jsx(Translation, {
+                }, void 0, false, {
+                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                    lineNumber: 139,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: /*#__PURE__*/ _jsxDEV(Translation, {
                         elements: {
-                            '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                            '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                     children: children
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                                    lineNumber: 152,
+                                    columnNumber: 40
+                                }, void 0)
                         },
                         i18nKey: "general:aboutToPermanentlyDelete",
                         t: t,
@@ -129,14 +137,26 @@ export const PermanentlyDeleteButton = (props)=>{
                             label: getTranslation(singularLabel, i18n),
                             title: titleFromProps || title || id
                         }
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                        lineNumber: 150,
+                        columnNumber: 13
+                    }, void 0),
                     confirmingLabel: t('general:deleting'),
                     heading: t('general:confirmDeletion'),
                     modalSlug: modalSlug,
                     onConfirm: handleDelete
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                    lineNumber: 148,
+                    columnNumber: 9
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+            lineNumber: 138,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };