@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

package/dist/elements/NavGroup/index.js

@@ -10,7 +10,7 @@ import { useNav } from '../Nav/context.js';
 import './index.css';
 const baseClass = 'nav-group';
 export const NavGroup = t0 => {
-  const $ = _c(22);
+  const $ = _c(19);
   const {
     children,
     isOpen: isOpenFromProps,
@@ -35,7 +35,7 @@ export const NavGroup = t0 => {
         } else {
           newGroupPrefs[label].open = Boolean(collapsed);
         }
-        setPreference(PREFERENCE_KEYS.ADMIN, {
+        setPreference(PREFERENCE_KEYS.NAV, {
           groups: newGroupPrefs
         }, true);
         setCollapsed(!collapsed);
@@ -61,34 +61,30 @@ export const NavGroup = t0 => {
     }
     const t5 = t4.join(" ");
     const t6 = `nav-group-${label}`;
-    const t7 = !collapsed;
-    const t8 = `${baseClass}__toggle--${collapsed ? "collapsed" : "open"}`;
-    let t9;
-    if ($[7] !== t8) {
-      t9 = [`${baseClass}__toggle`, t8].filter(Boolean);
-      $[7] = t8;
-      $[8] = t9;
-    } else {
-      t9 = $[8];
-    }
-    const t10 = t9.join(" ");
-    const t11 = !navOpen ? -1 : 0;
-    const t12 = collapsed ? "right" : "down";
-    let t13;
-    if ($[9] !== children || $[10] !== collapsed || $[11] !== label || $[12] !== t10 || $[13] !== t11 || $[14] !== t12 || $[15] !== t5 || $[16] !== t6 || $[17] !== t7 || $[18] !== toggleCollapsed) {
-      t13 = _jsxs("div", {
+    let t7;
+    if ($[7] !== children || $[8] !== collapsed || $[9] !== label || $[10] !== navOpen || $[11] !== t5 || $[12] !== t6 || $[13] !== toggleCollapsed) {
+      const t8 = `${baseClass}__toggle--${collapsed ? "collapsed" : "open"}`;
+      let t9;
+      if ($[15] !== t8) {
+        t9 = [`${baseClass}__toggle`, t8].filter(Boolean);
+        $[15] = t8;
+        $[16] = t9;
+      } else {
+        t9 = $[16];
+      }
+      t7 = _jsxs("div", {
         className: t5,
         id: t6,
         children: [_jsxs("button", {
-          "aria-expanded": t7,
-          className: t10,
+          "aria-expanded": !collapsed,
+          className: t9.join(" "),
           onClick: toggleCollapsed,
-          tabIndex: t11,
+          tabIndex: !navOpen ? -1 : 0,
           type: "button",
           children: [_jsx("div", {
             className: `${baseClass}__indicator`,
             children: _jsx(ChevronIcon, {
-              direction: t12,
+              direction: collapsed ? "right" : "down",
               size: 16
             })
           }), _jsx("div", {
@@ -100,31 +96,28 @@ export const NavGroup = t0 => {
           children
         })]
       });
-      $[9] = children;
-      $[10] = collapsed;
-      $[11] = label;
-      $[12] = t10;
-      $[13] = t11;
-      $[14] = t12;
-      $[15] = t5;
-      $[16] = t6;
-      $[17] = t7;
-      $[18] = toggleCollapsed;
-      $[19] = t13;
+      $[7] = children;
+      $[8] = collapsed;
+      $[9] = label;
+      $[10] = navOpen;
+      $[11] = t5;
+      $[12] = t6;
+      $[13] = toggleCollapsed;
+      $[14] = t7;
     } else {
-      t13 = $[19];
+      t7 = $[14];
     }
-    return t13;
+    return t7;
   }
   let t1;
-  if ($[20] !== children) {
+  if ($[17] !== children) {
     t1 = _jsx(React.Fragment, {
       children
     });
-    $[20] = children;
-    $[21] = t1;
+    $[17] = children;
+    $[18] = t1;
   } else {
-    t1 = $[21];
+    t1 = $[18];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","PREFERENCE_KEYS","React","useState","ChevronIcon","usePreferences","useNav","baseClass","NavGroup","t0","$","children","isOpen","isOpenFromProps","label","collapsed","setCollapsed","setPreference","navOpen","t1","newGroupPrefs","open","Boolean","ADMIN","groups","toggleCollapsed","t2","t3","t4","filter","t5","join","t6","t7","t8","t9","t10","t11","t12","t13","_jsxs","className","id","onClick","tabIndex","type","_jsx","direction","size","Fragment"],"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.css'\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  isOpen?: boolean\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, isOpen: isOpenFromProps, label }) => {\n  const [collapsed, setCollapsed] = useState(\n    typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false,\n  )\n\n  const { setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  if (label) {\n    const toggleCollapsed = () => {\n      const newGroupPrefs: AdminPreferences['groups'] = {}\n\n      if (!newGroupPrefs?.[label]) {\n        newGroupPrefs[label] = { open: Boolean(collapsed) }\n      } else {\n        newGroupPrefs[label].open = Boolean(collapsed)\n      }\n\n      void setPreference(PREFERENCE_KEYS.ADMIN, { groups: newGroupPrefs }, true)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          aria-expanded={!collapsed}\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__indicator`}>\n            <ChevronIcon direction={collapsed ? 'right' : 'down'} size={16} />\n          </div>\n          <div className={`${baseClass}__label`}>{label}</div>\n        </button>\n        {!collapsed && <div className={`${baseClass}__content`}>{children}</div>}\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","PREFERENCE_KEYS","React","useState","ChevronIcon","usePreferences","useNav","baseClass","NavGroup","t0","$","children","isOpen","isOpenFromProps","label","collapsed","setCollapsed","setPreference","navOpen","t1","newGroupPrefs","open","Boolean","NAV","groups","toggleCollapsed","t2","t3","t4","filter","t5","join","t6","t7","t8","t9","_jsxs","className","id","onClick","tabIndex","type","_jsx","direction","size","Fragment"],"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.css'\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  isOpen?: boolean\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, isOpen: isOpenFromProps, label }) => {\n  const [collapsed, setCollapsed] = useState(\n    typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false,\n  )\n\n  const { setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  if (label) {\n    const toggleCollapsed = () => {\n      const newGroupPrefs: AdminPreferences['groups'] = {}\n\n      if (!newGroupPrefs?.[label]) {\n        newGroupPrefs[label] = { open: Boolean(collapsed) }\n      } else {\n        newGroupPrefs[label].open = Boolean(collapsed)\n      }\n\n      void setPreference(PREFERENCE_KEYS.NAV, { groups: newGroupPrefs }, true)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          aria-expanded={!collapsed}\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__indicator`}>\n            <ChevronIcon direction={collapsed ? 'right' : 'down'} size={16} />\n          </div>\n          <div className={`${baseClass}__label`}>{label}</div>\n        </button>\n        {!collapsed && <div className={`${baseClass}__content`}>{children}</div>}\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/NoListResults/index.css

@@ -16,6 +16,7 @@
   }
 
   .no-results__title {
+    margin: 0;
     color: var(--color-text);
     font-size: var(--text-body-large-bold-font-size);
     font-weight: var(--font-weight-strong);

package/dist/elements/NoListResults/index.js

@@ -10,7 +10,7 @@ export function NoListResults({
 }) {
   return /*#__PURE__*/_jsxs("div", {
     className: `${baseClass}${withMargin ? ` ${baseClass}--with-margin` : ''}`,
-    children: [title ? /*#__PURE__*/_jsx("span", {
+    children: [title ? /*#__PURE__*/_jsx("h2", {
       className: `${baseClass}__title`,
       children: title
     }) : null, description ? /*#__PURE__*/_jsx("p", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","NoListResults","Actions","description","title","withMargin","_jsxs","className","_jsx","length","map","action","index","Fragment"],"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  description?: React.ReactNode\n  title?: React.ReactNode\n  withMargin?: boolean\n}\nexport function NoListResults({ Actions, description, title, withMargin }: NoResultsProps) {\n  return (\n    <div className={`${baseClass}${withMargin ? ` ${baseClass}--with-margin` : ''}`}>\n      {title ? <span className={`${baseClass}__title`}>{title}</span> : null}\n      {description ? <p className={`${baseClass}__description`}>{description}</p> : null}\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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,SAASC,cAAc;EAAEC,OAAO;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAU,CAAkB;EACvF,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGP,SAAA,GAAYK,UAAA,GAAa,IAAIL,SAAA,eAAwB,GAAG,IAAI;eAC5EI,KAAA,gBAAQI,IAAA,CAAC;MAAKD,SAAA,EAAW,GAAGP,SAAA,SAAkB;gBAAGI;SAAgB,MACjED,WAAA,gBAAcK,IAAA,CAAC;MAAED,SAAA,EAAW,GAAGP,SAAA,eAAwB;gBAAGG;SAAmB,MAC7ED,OAAA,IAAWA,OAAA,CAAQO,MAAM,GAAG,kBAC3BD,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGP,SAAA,WAAoB;gBACpCE,OAAA,CAAQQ,GAAG,CAAC,CAACC,MAAA,EAAQC,KAAA,kBACpBJ,IAAA,CAACT,KAAA,CAAMc,QAAQ;kBAAcF;SAARC,KAAA;;;AAMjC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","NoListResults","Actions","description","title","withMargin","_jsxs","className","_jsx","length","map","action","index","Fragment"],"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  description?: React.ReactNode\n  title?: React.ReactNode\n  withMargin?: boolean\n}\nexport function NoListResults({ Actions, description, title, withMargin }: NoResultsProps) {\n  return (\n    <div className={`${baseClass}${withMargin ? ` ${baseClass}--with-margin` : ''}`}>\n      {title ? <h2 className={`${baseClass}__title`}>{title}</h2> : null}\n      {description ? <p className={`${baseClass}__description`}>{description}</p> : null}\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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,SAASC,cAAc;EAAEC,OAAO;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAU,CAAkB;EACvF,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGP,SAAA,GAAYK,UAAA,GAAa,IAAIL,SAAA,eAAwB,GAAG,IAAI;eAC5EI,KAAA,gBAAQI,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAGP,SAAA,SAAkB;gBAAGI;SAAc,MAC7DD,WAAA,gBAAcK,IAAA,CAAC;MAAED,SAAA,EAAW,GAAGP,SAAA,eAAwB;gBAAGG;SAAmB,MAC7ED,OAAA,IAAWA,OAAA,CAAQO,MAAM,GAAG,kBAC3BD,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGP,SAAA,WAAoB;gBACpCE,OAAA,CAAQQ,GAAG,CAAC,CAACC,MAAA,EAAQC,KAAA,kBACpBJ,IAAA,CAACT,KAAA,CAAMc,QAAQ;kBAAcF;SAARC,KAAA;;;AAMjC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"GroupByPageControls.js","names":["c","_c","React","useCallback","useListQuery","SimplePagination","GroupByPageControls","t0","$","data","groupByValue","tableId","refineListData","t1","page","queryByGroup","handlePageChange","t2","_jsx","onChange"],"sources":["../../../src/elements/PageControls/GroupByPageControls.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { SimplePagination } from '../Pagination/SimplePagination/index.js'\n\n/**\n * Simplified pagination for group-by tables.\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const GroupByPageControls: React.FC<{\n  data: PaginatedDocs\n  groupByValue?: number | string\n  tableId: string\n}> = ({ data, groupByValue, tableId }) => {\n  const { refineListData } = useListQuery()\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            page,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  return <SimplePagination data={data} onChange={handlePageChange} tableId={tableId} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC;;;;AAIA,OAAO,MAAMC,mBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAA+B;EACnC;IAAAK;EAAA,IAA2BR,YAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAI,cAAA;IAGzBC,EAAA,SAAAC,IAAA;MAAA,MACQF,cAAA;QAAAG,YAAA;UAAA,CAEDL,YAAA;YAAAI;UAAA;QAAA;MAAA,CAIL;IAAA;IACFN,CAAA,MAAAE,YAAA;IAAAF,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EATF,MAAAQ,gBAAA,GAAyBH,EAUO;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAQ,gBAAA,IAAAR,CAAA,QAAAG,OAAA;IAGzBM,EAAA,GAAAC,IAAA,CAAAb,gBAAA;MAAAI,IAAA;MAAAU,QAAA,EAAwCH,gBAAA;MAAAL;IAAA,C;;;;;;;;SAAxCM,E;CACT","ignoreList":[]}
+{"version":3,"file":"GroupByPageControls.js","names":["c","_c","React","useCallback","useListQuery","SimplePagination","GroupByPageControls","t0","$","data","groupByValue","tableId","refineListData","t1","page","queryByGroup","handlePageChange","t2","_jsx","onChange"],"sources":["../../../src/elements/PageControls/GroupByPageControls.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { SimplePagination } from '../Pagination/SimplePagination/index.js'\n\n/**\n * Simplified pagination for group-by tables.\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const GroupByPageControls: React.FC<{\n  data: PaginatedDocs\n  groupByValue?: number | string\n  tableId: string\n}> = ({ data, groupByValue, tableId }) => {\n  const { refineListData } = useListQuery()\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            page,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  return <SimplePagination data={data} onChange={handlePageChange} tableId={tableId} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC;;;;AAIA,OAAO,MAAMC,mBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAA+B;EACnC;IAAAK;EAAA,IAA2BR,YAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAI,cAAA;IAGzBC,EAAA,SAAAC,IAAA;MACE,MAAMF,cAAA,CAAe;QAAAG,YAAA,EACL;UAAA,CACXL,YAAA,GAAe;YAAAI;UAEhB;QACF;MACF;IAAA,CACF;IAAAN,CAAA,MAAAE,YAAA;IAAAF,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EATF,MAAAQ,gBAAA,GAAyBH,EAUO;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAQ,gBAAA,IAAAR,CAAA,QAAAG,OAAA;IAGzBM,EAAA,GAAAC,IAAA,CAACb,gBAAA;MAAAI,IAAA;MAAAU,QAAA,EAAuCH,gBAAA;MAAAL;;;;;;;;;SAAxCM,E;CACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","isNumber","React","Pagination","PerPage","useTableID","useEmbed","useListQuery","useTranslation","baseClass","PageControlsComponent","t0","$","AfterPageControls","countLabel","data","handlePageChange","handlePerPageChange","limit","limits","tableId","isEmbedded","i18n","resolvedTableID","t1","hasNextPage","hasPrevPage","nextPage","page","pagingCounter","prevPage","totalDocs","totalPages","label","t","t2","t3","filter","Boolean","_jsxs","className","join","children","_jsx","numberOfNeighbors","onChange","handleChange","resetPage","PageControls","collectionConfig","defaultLimit","initialLimit","query","admin","pagination"],"sources":["../../../src/elements/PageControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport { isNumber } from 'payload/shared'\nimport React 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 { useTableID } from '../../elements/Table/TableIdentity.js'\nimport { useEmbed } from '../../providers/Embed/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'page-controls'\n\n/**\n * @internal\n */\nexport const PageControlsComponent: React.FC<{\n  AfterPageControls?: React.ReactNode\n  countLabel?: string\n  data: PaginatedDocs\n  handlePageChange?: IListQueryContext['handlePageChange']\n  handlePerPageChange?: IListQueryContext['handlePerPageChange']\n  limit?: number\n  limits?: number[]\n  tableId?: string\n}> = ({\n  AfterPageControls,\n  countLabel,\n  data,\n  handlePageChange,\n  handlePerPageChange,\n  limit,\n  limits,\n  tableId,\n}) => {\n  const { isEmbedded } = useEmbed()\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n  const label = countLabel ?? i18n.t(data.totalDocs === 1 ? 'general:item' : 'general:items')\n\n  return (\n    <div className={[baseClass, isEmbedded && `${baseClass}--embedded`].filter(Boolean).join(' ')}>\n      {AfterPageControls}\n      <div className={`${baseClass}__inner`}>\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          tableId={resolvedTableID}\n          totalPages={data.totalPages}\n        />\n        {data.totalDocs > 0 && (\n          <div className={`${baseClass}__per-page-container`}>\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              <span className=\"sr-only\"> {label}</span>\n            </div>\n            <PerPage\n              handleChange={handlePerPageChange}\n              limit={limit}\n              limits={limits}\n              resetPage={data.totalDocs <= data.pagingCounter}\n              tableId={resolvedTableID}\n            />\n          </div>\n        )}\n      </div>\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  tableId?: string\n}> = ({ AfterPageControls, collectionConfig, tableId }) => {\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n      limit={isNumber(query.limit) ? query.limit : initialLimit}\n      limits={collectionConfig?.admin?.pagination?.limits}\n      tableId={tableId}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","isNumber","React","Pagination","PerPage","useTableID","useEmbed","useListQuery","useTranslation","baseClass","PageControlsComponent","t0","$","AfterPageControls","countLabel","data","handlePageChange","handlePerPageChange","limit","limits","tableId","isEmbedded","i18n","resolvedTableID","t1","hasNextPage","hasPrevPage","nextPage","page","pagingCounter","prevPage","totalDocs","totalPages","label","t","t2","t3","filter","Boolean","_jsxs","className","join","children","_jsx","numberOfNeighbors","onChange","handleChange","resetPage","PageControls","collectionConfig","defaultLimit","initialLimit","query","admin","pagination"],"sources":["../../../src/elements/PageControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport { isNumber } from 'payload/shared'\nimport React 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 { useTableID } from '../../elements/Table/TableIdentity.js'\nimport { useEmbed } from '../../providers/Embed/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'page-controls'\n\n/**\n * @internal\n */\nexport const PageControlsComponent: React.FC<{\n  AfterPageControls?: React.ReactNode\n  countLabel?: string\n  data: PaginatedDocs\n  handlePageChange?: IListQueryContext['handlePageChange']\n  handlePerPageChange?: IListQueryContext['handlePerPageChange']\n  limit?: number\n  limits?: number[]\n  tableId?: string\n}> = ({\n  AfterPageControls,\n  countLabel,\n  data,\n  handlePageChange,\n  handlePerPageChange,\n  limit,\n  limits,\n  tableId,\n}) => {\n  const { isEmbedded } = useEmbed()\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n  const label = countLabel ?? i18n.t(data.totalDocs === 1 ? 'general:item' : 'general:items')\n\n  return (\n    <div className={[baseClass, isEmbedded && `${baseClass}--embedded`].filter(Boolean).join(' ')}>\n      {AfterPageControls}\n      <div className={`${baseClass}__inner`}>\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          tableId={resolvedTableID}\n          totalPages={data.totalPages}\n        />\n        {data.totalDocs > 0 && (\n          <div className={`${baseClass}__per-page-container`}>\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              <span className=\"sr-only\"> {label}</span>\n            </div>\n            <PerPage\n              handleChange={handlePerPageChange}\n              limit={limit}\n              limits={limits}\n              resetPage={data.totalDocs <= data.pagingCounter}\n              tableId={resolvedTableID}\n            />\n          </div>\n        )}\n      </div>\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  tableId?: string\n}> = ({ AfterPageControls, collectionConfig, tableId }) => {\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n      limit={isNumber(query.limit) ? query.limit : initialLimit}\n      limits={collectionConfig?.admin?.pagination?.limits}\n      tableId={tableId}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -32,12 +32,11 @@ export const ClickableArrow = props => {
     t4 = $[2];
   }
   const classes = t4.join(" ");
-  const t5 = direction === "left" ? "general:previousPage" : "general:nextPage";
-  let t6;
-  if ($[3] !== ariaControls || $[4] !== classes || $[5] !== isDisabled || $[6] !== t || $[7] !== t5 || $[8] !== updatePage) {
-    t6 = _jsx("button", {
+  let t5;
+  if ($[3] !== ariaControls || $[4] !== classes || $[5] !== direction || $[6] !== isDisabled || $[7] !== t || $[8] !== updatePage) {
+    t5 = _jsx("button", {
       "aria-controls": ariaControls,
-      "aria-label": t(t5),
+      "aria-label": t(direction === "left" ? "general:previousPage" : "general:nextPage"),
       className: classes,
       disabled: isDisabled,
       onClick: !isDisabled ? updatePage : undefined,
@@ -46,14 +45,14 @@ export const ClickableArrow = props => {
     });
     $[3] = ariaControls;
     $[4] = classes;
-    $[5] = isDisabled;
-    $[6] = t;
-    $[7] = t5;
+    $[5] = direction;
+    $[6] = isDisabled;
+    $[7] = t;
     $[8] = updatePage;
-    $[9] = t6;
+    $[9] = t5;
   } else {
-    t6 = $[9];
+    t5 = $[9];
   }
-  return t6;
+  return t5;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","ClickableArrow","props","$","t","ariaControls","direction","t0","isDisabled","t1","updatePage","undefined","t2","t3","t4","filter","Boolean","classes","join","t5","t6","_jsx","className","disabled","onClick","type","children"],"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  ariaControls?: string\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { t } = useTranslation()\n  const { ariaControls, 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      aria-controls={ariaControls}\n      aria-label={t(direction === 'left' ? 'general:previousPage' : 'general:nextPage')}\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,cAAA,GAAgDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3D;IAAAQ;EAAA,IAAcL,cAAA;EACd;IAAAM,YAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC;EAAA,IAA8ER,KAAA;EAAxD,MAAAI,SAAA,GAAAC,EAAmB,KAAAI,SAAA,GAAP,OAAO,GAAnBJ,EAAmB;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAAE,SAAA,WAAlBF,EAAkB;EAI3D,MAAAG,EAAA,GAAAJ,UAAA,IAAc,GAAAR,SAAA,eAA2B;EACzC,MAAAa,EAAA,GAAAP,SAAA,IAAa,GAAAN,SAAA,KAAiBM,SAAA,EAAW;EAAA,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAU,EAAA;IAH3BC,EAAA,IAAAd,SAAA,EAEdY,EAAyC,EACzCC,EAAyC,EAAAE,MAAA,CAAAC,OAEjC;IAAAb,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALV,MAAAc,OAAA,GAAgBH,EAKN,CAAAI,IAAA,CACF;EAKU,MAAAC,EAAA,GAAAb,SAAA,KAAc,SAAS,yBAAyB;EAAA,IAAAc,EAAA;EAAA,IAAAjB,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAc,OAAA,IAAAd,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAO,UAAA;IAFhEU,EAAA,GAAAC,IAAA,CAAC;MAAA,iBACgBhB,YAAA;MAAA,cACHD,CAAA,CAAEe,EAAgD;MAAAG,SAAA,EACnDL,OAAA;MAAAM,QAAA,EACDf,UAAA;MAAAgB,OAAA,EACD,CAAChB,UAAA,GAAaE,UAAA,GAAAC,SAAa;MAAAc,IAAA,EAC/B;MAAAC,QAAA,EAELL,IAAA,CAAAvB,WAAA,IAAC;IAAA,C;;;;;;;;;;;SARHsB,E;CAWJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","ClickableArrow","props","$","t","ariaControls","direction","t0","isDisabled","t1","updatePage","undefined","t2","t3","t4","filter","Boolean","classes","join","t5","_jsx","className","disabled","onClick","type","children"],"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  ariaControls?: string\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { t } = useTranslation()\n  const { ariaControls, 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      aria-controls={ariaControls}\n      aria-label={t(direction === 'left' ? 'general:previousPage' : 'general:nextPage')}\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,cAAA,GAAgDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3D;IAAAQ;EAAA,IAAcL,cAAA;EACd;IAAAM,YAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC;EAAA,IAA8ER,KAAA;EAAxD,MAAAI,SAAA,GAAAC,EAAmB,KAAnBI,SAAmB,GAAnB,OAAmB,GAAnBJ,EAAmB;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAlBE,SAAkB,GAAlB,KAAkB,GAAlBF,EAAkB;EAI3D,MAAAG,EAAA,GAAAJ,UAAyC,IAAzC,GAAiBR,SAAA,eAAwB;EACzC,MAAAa,EAAA,GAAAP,SAAyC,IAAzC,GAAgBN,SAAA,KAAcM,SAAA,EAAW;EAAA,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAU,EAAA;IAH3BC,EAAA,IACdd,SAAA,EACAY,EAAyC,EACzCC,EAAyC,CAC1C,CAAAE,MACQ,CAACC,OAAA;IAAAb,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALV,MAAAc,OAAA,GAAgBH,EAKN,CAAAI,IACH,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAc,OAAA,IAAAd,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAO,UAAA;IAGNS,EAAA,GAAAC,IAAA,CAAC;MAAA,iBACgBf,YAAA;MAAA,cACHD,CAAA,CAAEE,SAAA,KAAc,MAAkC,GAAhD,sBAAgD,GAAhD,kBAAgD;MAAAe,SAAA,EACnDJ,OAAA;MAAAK,QAAA,EACDd,UAAA;MAAAe,OAAA,EACD,CAACf,UAA0B,GAA3BE,UAA2B,GAA3BC,SAA2B;MAAAa,IAAA,EAC/B;MAAAC,QAAA,EAELL,IAAA,CAACtB,WAAA;;;;;;;;;;;;SARHqB,E;CAWJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","useTableID","ClickableArrow","baseClass","SimplePagination","t0","$","data","onChange","tableId","i18n","resolvedTableID","hasNextPage","t1","hasPrevPage","t2","limit","nextPage","page","t3","pagingCounter","prevPage","totalDocs","totalPages","t4","undefined","currentPage","t5","Math","max","handlePrevPage","t6","handleNextPage","startItem","endItem","min","t7","_jsxs","className","children","t","_jsx","ariaControls","direction","isDisabled","updatePage"],"sources":["../../../../src/elements/Pagination/SimplePagination/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useTableID } from '../../Table/TableIdentity.js'\nimport { ClickableArrow } from '../ClickableArrow/index.js'\nimport './index.css'\n\nconst baseClass = 'simple-pagination'\n\nexport type SimplePaginationProps = {\n  data: PaginatedDocs\n  onChange?: (page: number) => void\n  tableId?: string\n}\n\n/**\n * A simplified pagination component for inline use (e.g., in table headers).\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const SimplePagination: React.FC<SimplePaginationProps> = ({ data, onChange, tableId }) => {\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    limit,\n    nextPage,\n    page: currentPage = 1,\n    pagingCounter,\n    prevPage,\n    totalDocs,\n    totalPages = 1,\n  } = data\n\n  const handlePrevPage = () => {\n    if (onChange && hasPrevPage) {\n      onChange(prevPage ?? Math.max(1, currentPage - 1))\n    }\n  }\n\n  const handleNextPage = () => {\n    if (onChange && hasNextPage) {\n      onChange(nextPage ?? currentPage + 1)\n    }\n  }\n\n  // Don't render if no docs or only one page\n  if (totalDocs === 0) {\n    return null\n  }\n\n  const startItem = pagingCounter ?? (currentPage - 1) * limit + 1\n  const endItem = Math.min(startItem + limit - 1, totalDocs)\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__info`}>\n        {startItem}-{endItem} {i18n.t('general:of')} {totalDocs}\n      </span>\n      {totalPages > 1 && (\n        <div className={`${baseClass}__arrows`}>\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"left\"\n            isDisabled={!hasPrevPage}\n            updatePage={handlePrevPage}\n          />\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"right\"\n            isDisabled={!hasNextPage}\n            updatePage={handleNextPage}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB;;;;AAIA,OAAO,MAAMC,gBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA2B;EAC3F;IAAAK;EAAA,IAAiBV,cAAA;EACjB,MAAAW,eAAA,GAAwBV,UAAA,CAAWQ,OAAA;EAEnC;IAAAG,WAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,UAAA,EAAAC;EAAA,IAUIjB,IAAA;EATF,MAAAK,WAAA,GAAAC,EAAmB,KAAAY,SAAA,WAAnBZ,EAAmB;EACnB,MAAAC,WAAA,GAAAC,EAAmB,KAAAU,SAAA,WAAnBV,EAAmB;EAGb,MAAAW,WAAA,GAAAP,EAAe,KAAAM,SAAA,OAAfN,EAAe;EAIrB,MAAAI,UAAA,GAAAC,EAAc,KAAAC,SAAA,OAAdD,EAAc;EAAA,IAAAG,EAAA;EAAA,IAAArB,CAAA,QAAAoB,WAAA,IAAApB,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAe,QAAA;IAGOM,EAAA,GAAAA,CAAA;MAAA,IACjBnB,QAAA,IAAYM,WAAA;QACdN,QAAA,CAASa,QAAA,IAAYO,IAAA,CAAAC,GAAA,IAAYH,WAAA,IAAc;MAAA;IAAA;IAEnDpB,CAAA,MAAAoB,WAAA;IAAApB,CAAA,MAAAQ,WAAA;IAAAR,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAe,QAAA;IAAAf,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAJA,MAAAwB,cAAA,GAAuBH,EAIvB;EAAA,IAAAI,EAAA;EAAA,IAAAzB,CAAA,QAAAoB,WAAA,IAAApB,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAE,QAAA;IAEuBuB,EAAA,GAAAA,CAAA;MAAA,IACjBvB,QAAA,IAAYI,WAAA;QACdJ,QAAA,CAASS,QAAA,IAAYS,WAAA,IAAc;MAAA;IAAA;IAEvCpB,CAAA,MAAAoB,WAAA;IAAApB,CAAA,MAAAM,WAAA;IAAAN,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAJA,MAAA0B,cAAA,GAAuBD,EAIvB;EAAA,IAGIT,SAAA,MAAc;IAAA;EAAA;EAIlB,MAAAW,SAAA,GAAkBb,aAAA,IAAiB,CAACM,WAAA,IAAc,IAAKV,KAAA,IAAQ;EAC/D,MAAAkB,OAAA,GAAgBN,IAAA,CAAAO,GAAA,CAASF,SAAA,GAAYjB,KAAA,IAAQ,EAAGM,SAAA;EAAA,IAAAc,EAAA;EAAA,IAAA9B,CAAA,SAAA4B,OAAA,IAAA5B,CAAA,SAAA0B,cAAA,IAAA1B,CAAA,SAAAwB,cAAA,IAAAxB,CAAA,SAAAM,WAAA,IAAAN,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAK,eAAA,IAAAL,CAAA,SAAA2B,SAAA,IAAA3B,CAAA,SAAAgB,SAAA,IAAAhB,CAAA,SAAAiB,UAAA;IAG9Ca,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAnC,SAAA;MAAAoC,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EAAgB,GAAAnC,SAAA,QAAoB;QAAAoC,QAAA,GAClCN,SAAA,EAAU,KAAEC,OAAA,EAAQ,KAAExB,IAAA,CAAA8B,CAAA,CAAO,eAAc,KAAElB,SAAA;MAAA,C,GAE/CC,UAAA,IAAa,IACZc,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAnC,SAAA,UAAsB;QAAAoC,QAAA,GACpCE,IAAA,CAAAvC,cAAA;UAAAwC,YAAA,EACgB/B,eAAA;UAAAgC,SAAA,EACJ;UAAAC,UAAA,GACG9B,WAAA;UAAA+B,UAAA,EACDf;QAAA,C,GAEdW,IAAA,CAAAvC,cAAA;UAAAwC,YAAA,EACgB/B,eAAA;UAAAgC,SAAA,EACJ;UAAAC,UAAA,GACGhC,WAAA;UAAAiC,UAAA,EACDb;QAAA,C;;;;;;;;;;;;;;;;;SAhBpBI,E;CAsBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","useTableID","ClickableArrow","baseClass","SimplePagination","t0","$","data","onChange","tableId","i18n","resolvedTableID","hasNextPage","t1","hasPrevPage","t2","limit","nextPage","page","t3","pagingCounter","prevPage","totalDocs","totalPages","t4","undefined","currentPage","t5","Math","max","handlePrevPage","t6","handleNextPage","startItem","endItem","min","t7","_jsxs","className","children","t","_jsx","ariaControls","direction","isDisabled","updatePage"],"sources":["../../../../src/elements/Pagination/SimplePagination/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useTableID } from '../../Table/TableIdentity.js'\nimport { ClickableArrow } from '../ClickableArrow/index.js'\nimport './index.css'\n\nconst baseClass = 'simple-pagination'\n\nexport type SimplePaginationProps = {\n  data: PaginatedDocs\n  onChange?: (page: number) => void\n  tableId?: string\n}\n\n/**\n * A simplified pagination component for inline use (e.g., in table headers).\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const SimplePagination: React.FC<SimplePaginationProps> = ({ data, onChange, tableId }) => {\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    limit,\n    nextPage,\n    page: currentPage = 1,\n    pagingCounter,\n    prevPage,\n    totalDocs,\n    totalPages = 1,\n  } = data\n\n  const handlePrevPage = () => {\n    if (onChange && hasPrevPage) {\n      onChange(prevPage ?? Math.max(1, currentPage - 1))\n    }\n  }\n\n  const handleNextPage = () => {\n    if (onChange && hasNextPage) {\n      onChange(nextPage ?? currentPage + 1)\n    }\n  }\n\n  // Don't render if no docs or only one page\n  if (totalDocs === 0) {\n    return null\n  }\n\n  const startItem = pagingCounter ?? (currentPage - 1) * limit + 1\n  const endItem = Math.min(startItem + limit - 1, totalDocs)\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__info`}>\n        {startItem}-{endItem} {i18n.t('general:of')} {totalDocs}\n      </span>\n      {totalPages > 1 && (\n        <div className={`${baseClass}__arrows`}>\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"left\"\n            isDisabled={!hasPrevPage}\n            updatePage={handlePrevPage}\n          />\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"right\"\n            isDisabled={!hasNextPage}\n            updatePage={handleNextPage}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Pagination/index.js

@@ -129,41 +129,40 @@ export const Pagination = props => {
   }
   const handleInputKeyDown = t11;
   const isSinglePage = !totalPages || totalPages <= 1;
-  const t12 = isSinglePage || !hasPrevPage;
-  let t13;
-  if ($[15] !== currentPage || $[16] !== prevPage || $[17] !== updatePage) {
-    t13 = () => updatePage(prevPage ?? Math.max(1, currentPage - 1));
-    $[15] = currentPage;
-    $[16] = prevPage;
-    $[17] = updatePage;
-    $[18] = t13;
-  } else {
-    t13 = $[18];
-  }
-  let t14;
-  if ($[19] !== currentPage || $[20] !== handleInputBlur || $[21] !== handleInputKeyDown || $[22] !== hasNextPage || $[23] !== inputValue || $[24] !== isSinglePage || $[25] !== nextPage || $[26] !== pageDescriptionID || $[27] !== t || $[28] !== t12 || $[29] !== t13 || $[30] !== tableId || $[31] !== totalPages || $[32] !== updatePage) {
-    let t15;
+  let t12;
+  if ($[15] !== currentPage || $[16] !== handleInputBlur || $[17] !== handleInputKeyDown || $[18] !== hasNextPage || $[19] !== hasPrevPage || $[20] !== inputValue || $[21] !== isSinglePage || $[22] !== nextPage || $[23] !== pageDescriptionID || $[24] !== prevPage || $[25] !== t || $[26] !== tableId || $[27] !== totalPages || $[28] !== updatePage) {
+    let t13;
+    if ($[30] !== currentPage || $[31] !== prevPage || $[32] !== updatePage) {
+      t13 = () => updatePage(prevPage ?? Math.max(1, currentPage - 1));
+      $[30] = currentPage;
+      $[31] = prevPage;
+      $[32] = updatePage;
+      $[33] = t13;
+    } else {
+      t13 = $[33];
+    }
+    let t14;
     if ($[34] !== currentPage || $[35] !== nextPage || $[36] !== updatePage) {
-      t15 = () => updatePage(nextPage ?? currentPage + 1);
+      t14 = () => updatePage(nextPage ?? currentPage + 1);
       $[34] = currentPage;
       $[35] = nextPage;
       $[36] = updatePage;
-      $[37] = t15;
+      $[37] = t14;
     } else {
-      t15 = $[37];
+      t14 = $[37];
     }
-    t14 = _jsxs("div", {
+    t12 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(ClickableArrow, {
         ariaControls: tableId,
         direction: "left",
-        isDisabled: t12,
+        isDisabled: isSinglePage || !hasPrevPage,
         updatePage: t13
       }), _jsx(ClickableArrow, {
         ariaControls: tableId,
         direction: "right",
         isDisabled: isSinglePage || !hasNextPage,
-        updatePage: t15
+        updatePage: t14
       }), _jsxs("div", {
         className: `${baseClass}__page-input-wrapper`,
         children: [_jsx("input", {
@@ -195,24 +194,24 @@ export const Pagination = props => {
         })]
       })]
     });
-    $[19] = currentPage;
-    $[20] = handleInputBlur;
-    $[21] = handleInputKeyDown;
-    $[22] = hasNextPage;
-    $[23] = inputValue;
-    $[24] = isSinglePage;
-    $[25] = nextPage;
-    $[26] = pageDescriptionID;
-    $[27] = t;
-    $[28] = t12;
-    $[29] = t13;
-    $[30] = tableId;
-    $[31] = totalPages;
-    $[32] = updatePage;
-    $[33] = t14;
+    $[15] = currentPage;
+    $[16] = handleInputBlur;
+    $[17] = handleInputKeyDown;
+    $[18] = hasNextPage;
+    $[19] = hasPrevPage;
+    $[20] = inputValue;
+    $[21] = isSinglePage;
+    $[22] = nextPage;
+    $[23] = pageDescriptionID;
+    $[24] = prevPage;
+    $[25] = t;
+    $[26] = tableId;
+    $[27] = totalPages;
+    $[28] = updatePage;
+    $[29] = t12;
   } else {
-    t14 = $[33];
+    t12 = $[29];
   }
-  return t14;
+  return t12;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","useState","useTranslation","ClickableArrow","baseClass","Pagination","props","$","hasNextPage","t0","hasPrevPage","t1","nextPage","t2","onChange","page","t3","prevPage","t4","tableId","totalPages","t5","undefined","currentPage","pageDescriptionID","t","inputValue","setInputValue","String","t6","t7","useEffect","t8","updatePage","t9","Symbol","for","e","target","value","handleInputChange","t10","parsed","parseInt","isNaN","clamped","Math","max","min","handleInputBlur","t11","e_0","key","currentTarget","blur","preventDefault","parsed_0","parsed_1","handleInputKeyDown","isSinglePage","t12","t13","t14","t15","_jsxs","className","children","_jsx","ariaControls","direction","isDisabled","disabled","inputMode","onBlur","onKeyDown","style","width","length","type","id"],"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId, useState } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.css'\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  tableId?: string\n  totalPages?: number\n}\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    onChange,\n    page: currentPage = 1,\n    prevPage = null,\n    tableId,\n    totalPages = 1,\n  } = props\n\n  const pageDescriptionID = useId()\n  const { t } = useTranslation()\n  const [inputValue, setInputValue] = useState(String(currentPage))\n\n  // Sync input value when currentPage changes externally\n  React.useEffect(() => {\n    setInputValue(String(currentPage))\n  }, [currentPage])\n\n  const updatePage = useCallback(\n    (page: number) => {\n      if (typeof onChange === 'function') {\n        onChange(page)\n      }\n    },\n    [onChange],\n  )\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value)\n  }\n\n  const handleInputBlur = () => {\n    const parsed = parseInt(inputValue, 10)\n    if (!isNaN(parsed)) {\n      // Clamp to valid range\n      const clamped = Math.max(1, Math.min(parsed, totalPages))\n      if (clamped !== currentPage) {\n        updatePage(clamped)\n      } else {\n        setInputValue(String(currentPage))\n      }\n    } else {\n      // Reset to current page if not a number\n      setInputValue(String(currentPage))\n    }\n  }\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.currentTarget.blur()\n    } else if (e.key === 'Escape') {\n      setInputValue(String(currentPage))\n      e.currentTarget.blur()\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed < totalPages) {\n        setInputValue(String(parsed + 1))\n      }\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed > 1) {\n        setInputValue(String(parsed - 1))\n      }\n    }\n  }\n\n  const isSinglePage = !totalPages || totalPages <= 1\n\n  return (\n    <div className={baseClass}>\n      <ClickableArrow\n        ariaControls={tableId}\n        direction=\"left\"\n        isDisabled={isSinglePage || !hasPrevPage}\n        updatePage={() => updatePage(prevPage ?? Math.max(1, currentPage - 1))}\n      />\n      <ClickableArrow\n        ariaControls={tableId}\n        direction=\"right\"\n        isDisabled={isSinglePage || !hasNextPage}\n        updatePage={() => updatePage(nextPage ?? currentPage + 1)}\n      />\n      <div className={`${baseClass}__page-input-wrapper`}>\n        <input\n          aria-controls={tableId}\n          aria-describedby={pageDescriptionID}\n          aria-label={t('general:goToPage')}\n          className={`${baseClass}__page-input`}\n          disabled={isSinglePage}\n          inputMode=\"numeric\"\n          max={totalPages}\n          min={1}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleInputKeyDown}\n          style={{ width: `${Math.max(inputValue.length, 1)}ch` }}\n          type=\"text\"\n          value={inputValue}\n        />\n        <span className=\"sr-only\" id={pageDescriptionID}>\n          {t('general:pageNumberRange', { totalPages: isSinglePage ? 1 : totalPages })}\n        </span>\n        <span className={`${baseClass}__page-total`}>\n          {t('general:of')} {isSinglePage ? 1 : totalPages}\n        </span>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","useState","useTranslation","ClickableArrow","baseClass","Pagination","props","$","hasNextPage","t0","hasPrevPage","t1","nextPage","t2","onChange","page","t3","prevPage","t4","tableId","totalPages","t5","undefined","currentPage","pageDescriptionID","t","inputValue","setInputValue","String","t6","t7","useEffect","t8","updatePage","t9","Symbol","for","e","target","value","handleInputChange","t10","parsed","parseInt","isNaN","clamped","Math","max","min","handleInputBlur","t11","e_0","key","currentTarget","blur","preventDefault","parsed_0","parsed_1","handleInputKeyDown","isSinglePage","t12","t13","t14","_jsxs","className","children","_jsx","ariaControls","direction","isDisabled","disabled","inputMode","onBlur","onKeyDown","style","width","length","type","id"],"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId, useState } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.css'\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  tableId?: string\n  totalPages?: number\n}\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    onChange,\n    page: currentPage = 1,\n    prevPage = null,\n    tableId,\n    totalPages = 1,\n  } = props\n\n  const pageDescriptionID = useId()\n  const { t } = useTranslation()\n  const [inputValue, setInputValue] = useState(String(currentPage))\n\n  // Sync input value when currentPage changes externally\n  React.useEffect(() => {\n    setInputValue(String(currentPage))\n  }, [currentPage])\n\n  const updatePage = useCallback(\n    (page: number) => {\n      if (typeof onChange === 'function') {\n        onChange(page)\n      }\n    },\n    [onChange],\n  )\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value)\n  }\n\n  const handleInputBlur = () => {\n    const parsed = parseInt(inputValue, 10)\n    if (!isNaN(parsed)) {\n      // Clamp to valid range\n      const clamped = Math.max(1, Math.min(parsed, totalPages))\n      if (clamped !== currentPage) {\n        updatePage(clamped)\n      } else {\n        setInputValue(String(currentPage))\n      }\n    } else {\n      // Reset to current page if not a number\n      setInputValue(String(currentPage))\n    }\n  }\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.currentTarget.blur()\n    } else if (e.key === 'Escape') {\n      setInputValue(String(currentPage))\n      e.currentTarget.blur()\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed < totalPages) {\n        setInputValue(String(parsed + 1))\n      }\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed > 1) {\n        setInputValue(String(parsed - 1))\n      }\n    }\n  }\n\n  const isSinglePage = !totalPages || totalPages <= 1\n\n  return (\n    <div className={baseClass}>\n      <ClickableArrow\n        ariaControls={tableId}\n        direction=\"left\"\n        isDisabled={isSinglePage || !hasPrevPage}\n        updatePage={() => updatePage(prevPage ?? Math.max(1, currentPage - 1))}\n      />\n      <ClickableArrow\n        ariaControls={tableId}\n        direction=\"right\"\n        isDisabled={isSinglePage || !hasNextPage}\n        updatePage={() => updatePage(nextPage ?? currentPage + 1)}\n      />\n      <div className={`${baseClass}__page-input-wrapper`}>\n        <input\n          aria-controls={tableId}\n          aria-describedby={pageDescriptionID}\n          aria-label={t('general:goToPage')}\n          className={`${baseClass}__page-input`}\n          disabled={isSinglePage}\n          inputMode=\"numeric\"\n          max={totalPages}\n          min={1}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleInputKeyDown}\n          style={{ width: `${Math.max(inputValue.length, 1)}ch` }}\n          type=\"text\"\n          value={inputValue}\n        />\n        <span className=\"sr-only\" id={pageDescriptionID}>\n          {t('general:pageNumberRange', { totalPages: isSinglePage ? 1 : totalPages })}\n        </span>\n        <span className={`${baseClass}__page-total`}>\n          {t('general:of')} {isSinglePage ? 1 : totalPages}\n        </span>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Button","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","t0","$","defaultLimit","t1","handleChange","limit","t2","tableId","undefined","t","limitToUse","t3","t4","t5","close","_jsx","RadioGroup","children","map","limitNumber","i","RadioGroupItem","active","onClick","t6","onKeyDown","ariaProps","buttonStyle","className","filter","Boolean","join","extraButtonProps","icon","size","_jsxs","horizontalAlign","popupType","render"],"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\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 { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\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  readonly tableId?: string\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n  tableId,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{t('general:perPageLabel')}</span>\n      <Popup\n        horizontalAlign=\"right\"\n        popupType=\"menu\"\n        render={({ close }) => (\n          <PopupList.RadioGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.RadioGroupItem\n                active={limitNumber === limitToUse}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber}\n              </PopupList.RadioGroupItem>\n            ))}\n          </PopupList.RadioGroup>\n        )}\n        renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n          <Button\n            {...ariaProps}\n            aria-label={t('general:perPage', { limit: limitToUse })}\n            buttonStyle=\"secondary\"\n            className={[active && `${baseClass}--active`].filter(Boolean).join(' ')}\n            extraButtonProps={{\n              'aria-controls': [ariaProps['aria-controls'], tableId].filter(Boolean).join(' '),\n              onKeyDown,\n            }}\n            icon={<ChevronIcon className={`${baseClass}__icon`} size={16} />}\n            iconPosition=\"right\"\n            onClick={onClick}\n          >\n            {limitToUse}\n          </Button>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Button","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","t0","$","defaultLimit","t1","handleChange","limit","t2","tableId","undefined","t","limitToUse","t3","t4","t5","close","_jsx","RadioGroup","children","map","limitNumber","i","RadioGroupItem","active","onClick","t6","onKeyDown","ariaProps","buttonStyle","className","filter","Boolean","join","extraButtonProps","icon","size","_jsxs","horizontalAlign","popupType","render"],"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\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 { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\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  readonly tableId?: string\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n  tableId,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{t('general:perPageLabel')}</span>\n      <Popup\n        horizontalAlign=\"right\"\n        popupType=\"menu\"\n        render={({ close }) => (\n          <PopupList.RadioGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.RadioGroupItem\n                active={limitNumber === limitToUse}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber}\n              </PopupList.RadioGroupItem>\n            ))}\n          </PopupList.RadioGroup>\n        )}\n        renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n          <Button\n            {...ariaProps}\n            aria-label={t('general:perPage', { limit: limitToUse })}\n            buttonStyle=\"secondary\"\n            className={[active && `${baseClass}--active`].filter(Boolean).join(' ')}\n            extraButtonProps={{\n              'aria-controls': [ariaProps['aria-controls'], tableId].filter(Boolean).join(' '),\n              onKeyDown,\n            }}\n            icon={<ChevronIcon className={`${baseClass}__icon`} size={16} />}\n            iconPosition=\"right\"\n            onClick={onClick}\n          >\n            {limitToUse}\n          </Button>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useDraggableSortable","baseClass","DraggablePill","props","$","id","className","t0","attributes","isDragging","listeners","setNodeRef","transform","t1","t2","filter","Boolean","t3","join","t4","_jsx","StaticPill","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","pillStyle","rounded","size","classes","_jsxs","Pill"],"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes } from 'react'\n\nimport React from 'react'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.css'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      id={id}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </div>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useDraggableSortable","baseClass","DraggablePill","props","$","id","className","t0","attributes","isDragging","listeners","setNodeRef","transform","t1","t2","filter","Boolean","t3","join","t4","_jsx","StaticPill","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","pillStyle","rounded","size","classes","_jsxs","Pill"],"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes } from 'react'\n\nimport React from 'react'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.css'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      id={id}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </div>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Popup/SubmenuScope.d.ts

@@ -1,21 +1,19 @@
 export type SubmenuNode = {
     closeBranch: () => void;
     id: string;
+    isPointerProtected?: () => boolean;
     open: (viaKeyboard: boolean) => void;
 };
 export type SubmenuScope = {
     activeChildId: null | string;
-    cancelPending: (id?: string) => void;
     closeActiveBranch: () => void;
     register: (node: SubmenuNode) => () => void;
     release: (id: string) => void;
     requestOpen: (args: {
-        delay: boolean;
         id: string;
         viaKeyboard?: boolean;
+        viaPointer?: boolean;
     }) => void;
 };
-export declare const createSubmenuScope: ({ hoverDelay, }?: {
-    hoverDelay?: number;
-}) => SubmenuScope;
+export declare const createSubmenuScope: () => SubmenuScope;
 //# sourceMappingURL=SubmenuScope.d.ts.map

package/dist/elements/Popup/SubmenuScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmenuScope.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/SubmenuScope.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,aAAa,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,aAAa,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC3C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACnF,CAAA;AAID,eAAO,MAAM,kBAAkB,qBAE5B;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,KAAQ,YA8EjC,CAAA"}
+{"version":3,"file":"SubmenuScope.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/SubmenuScope.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAA;IAClC,IAAI,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,aAAa,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC3C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACzF,CAAA;AAED,eAAO,MAAM,kBAAkB,QAAO,YAyCrC,CAAA"}