@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.2eb12b9

package/dist/elements/Pagination/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ClickableArrow } from './ClickableArrow/index.js';
@@ -7,109 +6,101 @@ 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'
+        });
     }
-  };
-  // 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 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: '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
-      }
-    });
-  }
-  // Add next separator if necessary
-  if (currentPage + numberOfNeighbors + 1 < totalPages) {
-    nodes.push({
-      type: 'Separator'
+        type: 'ClickableArrow',
+        props: {
+            direction: 'left',
+            isDisabled: !hasPrevPage,
+            updatePage: ()=>updatePage(prevPage ?? Math.max(1, currentPage - 1))
+        }
     });
-  }
-  // Add last page if necessary
-  if (rangeEndIndex < totalPages) {
-    nodes.push({
-      type: 'Page',
-      props: {
-        isLastPage: true,
-        page: totalPages,
-        updatePage
-      }
+    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);
+        })
     });
-  }
-  // 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);
-    })
-  });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsx","className","map","node","i","isCurrent","NodeType"],"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"],"mappings":"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","ignoreList":[]}
+{"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"}

package/dist/elements/PerPage/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // TODO: abstract the `next/navigation` dependency out from this component
 import { collectionDefaults, isNumber } from 'payload/shared';
@@ -11,82 +9,57 @@ import { Popup, PopupList } from '../Popup/index.js';
 import './index.scss';
 const baseClass = 'per-page';
 const defaultLimits = collectionDefaults.admin.pagination.limits;
-export const PerPage = t0 => {
-  const $ = _c(9);
-  const {
-    defaultLimit: t1,
-    handleChange,
-    limit,
-    limits: t2
-  } = t0;
-  const defaultLimit = t1 === undefined ? 10 : t1;
-  const limits = t2 === undefined ? defaultLimits : t2;
-  const {
-    t
-  } = useTranslation();
-  const limitToUse = isNumber(limit) ? limit : defaultLimit;
-  let t3;
-  if ($[0] !== handleChange || $[1] !== limitToUse || $[2] !== limits || $[3] !== t) {
-    let t4;
-    if ($[5] !== handleChange || $[6] !== limitToUse || $[7] !== limits) {
-      t4 = t5 => {
-        const {
-          close
-        } = t5;
-        return _jsx(PopupList.ButtonGroup, {
-          children: limits.map((limitNumber, i) => _jsxs(PopupList.Button, {
-            className: [`${baseClass}__button`, limitNumber === limitToUse && `${baseClass}__button-active`].filter(Boolean).join(" "),
-            onClick: () => {
-              close();
-              if (handleChange) {
-                handleChange(limitNumber);
-              }
-            },
-            children: [limitNumber === limitToUse && _jsx("div", {
-              className: `${baseClass}__chevron`,
-              children: _jsx(ChevronIcon, {
-                direction: "right",
-                size: "small"
-              })
-            }), "\xA0", _jsx("span", {
-              children: limitNumber
-            })]
-          }, i))
-        });
-      };
-      $[5] = handleChange;
-      $[6] = limitToUse;
-      $[7] = limits;
-      $[8] = t4;
-    } else {
-      t4 = $[8];
-    }
-    t3 = _jsx("div", {
-      className: baseClass,
-      children: _jsx(Popup, {
-        button: _jsxs("div", {
-          className: `${baseClass}__base-button`,
-          children: [_jsx("span", {
-            children: t("general:perPage", {
-              limit: limitToUse
-            })
-          }), "\xA0", _jsx(ChevronIcon, {
-            className: `${baseClass}__icon`
-          })]
-        }),
-        horizontalAlign: "right",
-        render: t4,
-        size: "small"
-      })
+export const PerPage = ({ defaultLimit = 10, handleChange, limit, limits = defaultLimits })=>{
+    const { t } = useTranslation();
+    const limitToUse = isNumber(limit) ? limit : defaultLimit;
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsx(Popup, {
+            button: /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__base-button`,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: t('general:perPage', {
+                            limit: limitToUse
+                        })
+                    }),
+                    " ",
+                    /*#__PURE__*/ _jsx(ChevronIcon, {
+                        className: `${baseClass}__icon`
+                    })
+                ]
+            }),
+            horizontalAlign: "right",
+            render: ({ close })=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
+                    children: limits.map((limitNumber, i)=>/*#__PURE__*/ _jsxs(PopupList.Button, {
+                            className: [
+                                `${baseClass}__button`,
+                                limitNumber === limitToUse && `${baseClass}__button-active`
+                            ].filter(Boolean).join(' '),
+                            onClick: ()=>{
+                                close();
+                                if (handleChange) {
+                                    handleChange(limitNumber);
+                                }
+                            },
+                            children: [
+                                limitNumber === limitToUse && /*#__PURE__*/ _jsx("div", {
+                                    className: `${baseClass}__chevron`,
+                                    children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                        direction: "right",
+                                        size: "small"
+                                    })
+                                }),
+                                " ",
+                                /*#__PURE__*/ _jsx("span", {
+                                    children: limitNumber
+                                })
+                            ]
+                        }, i))
+                }),
+            size: "small"
+        })
     });
-    $[0] = handleChange;
-    $[1] = limitToUse;
-    $[2] = limits;
-    $[3] = t;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","t0","$","defaultLimit","t1","handleChange","limit","t2","undefined","t","limitToUse","t3","t4","t5","close","_jsx","ButtonGroup","children","map","limitNumber","i","_jsxs","Button","className","filter","Boolean","join","onClick","direction","size","button","render"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA;AACA,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,aAAA,GAAgBR,kBAAA,CAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,OAAA,GAAkCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,YAAA,EAAAC,EAAA;IAAAC,YAAA;IAAAC,KAAA;IAAAP,MAAA,EAAAQ;EAAA,IAAAN,EAK/C;EAJC,MAAAE,YAAA,GAAAC,EAAiB,KAAAI,SAAA,QAAjBJ,EAAiB;EAGjB,MAAAL,MAAA,GAAAQ,EAAsB,KAAAC,SAAA,GAAAZ,aAAA,GAAtBW,EAAsB;EAEtB;IAAAE;EAAA,IAAcjB,cAAA;EAEd,MAAAkB,UAAA,GAAmBrB,QAAA,CAASiB,KAAA,IAASA,KAAA,GAAQH,YAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAT,CAAA,QAAAG,YAAA,IAAAH,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAO,CAAA;IAAA,IAAAG,EAAA;IAAA,IAAAV,CAAA,QAAAG,YAAA,IAAAH,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAH,MAAA;MAa/Ba,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAS;QAAA,OAChBE,IAAA,CAAArB,SAAA,CAAAsB,WAAA;UAAAC,QAAA,EACGlB,MAAA,CAAAmB,GAAA,EAAAC,WAAA,EAAAC,CAAA,KACCC,KAAA,CAAA3B,SAAA,CAAA4B,MAAA;YAAAC,SAAA,EACa,CACT,GAAA5B,SAAA,UAAsB,EACtBwB,WAAA,KAAgBT,UAAA,IAAc,GAAAf,SAAA,iBAA6B,EAAA6B,MAAA,CAAAC,OAEnD,EAAAC,IAAA,CACF;YAAAC,OAAA,EAAAA,CAAA;cAGNb,KAAA;cAAA,IACIT,YAAA;gBACFA,YAAA,CAAac,WAAA;cAAA;YAAA;YAAAF,QAAA,GAIhBE,WAAA,KAAgBT,UAAA,IACfK,IAAA,CAAC;cAAAQ,SAAA,EAAe,GAAA5B,SAAA,WAAuB;cAAAsB,QAAA,EACrCF,IAAA,CAAAxB,WAAA;gBAAAqC,SAAA,EAAuB;gBAAAC,IAAA,EAAa;cAAA,C;gBAEtC,QAEFd,IAAA,CAAC;cAAAE,QAAA,EAAME;YAAA,C;aAdFC,CAAA;QAAA,C;;;;;;;;;IApBjBT,EAAA,GAAAI,IAAA,CAAC;MAAAQ,SAAA,EAAA5B,SAAA;MAAAsB,QAAA,EACCF,IAAA,CAAAtB,KAAA;QAAAqC,MAAA,EAEIT,KAAA,CAAC;UAAAE,SAAA,EAAe,GAAA5B,SAAA,eAA2B;UAAAsB,QAAA,GACzCF,IAAA,CAAC;YAAAE,QAAA,EAAMR,CAAA,CAAE;cAAAH,KAAA,EAA4BI;YAAA,CAAW;UAAA,C,GAAU,QAE1DK,IAAA,CAAAxB,WAAA;YAAAgC,SAAA,EAAwB,GAAA5B,SAAA;UAAoB,C;;yBAGhC;QAAAoC,MAAA,EACRnB,E;cA6BH;MAAA,C;;;;;;;;;;SAvCTD,E;CA2CJ","ignoreList":[]}
+{"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"}