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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,iBAAgD,CAACC;IAC5D,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,GAAGJ,UAAU,aAAa,CAAC;QACzCG,aAAa,GAAGH,UAAU,EAAE,EAAEG,WAAW;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;kBAEL,cAAA,QAAChB;;;;;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"names":["ChevronIcon","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA;AAGA,SAASA,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,iBAAgD,CAACC;IAC5D,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,GAAGJ,UAAU,aAAa,CAAC;QACzCG,aAAa,GAAGH,UAAU,EAAE,EAAEG,WAAW;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,QACGC,OACCC,WAAWL,SACXM,UAAUR,YACVS,SAAS,CAACT,aAAaC,aAAaS,WACpCC,KAAK,SACN;MACC,CAAChB,aAAc;IACjB,EAAEW;AAEN,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAA4B,CAAC,EACxCC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,GAAGF,UAAU,YAAY,CAAC;QACvCG,eAAe,GAAGH,UAAU,eAAe,CAAC;QAC5CI,cAAc,GAAGJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;kBAC/DT;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"names":["baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"mappings":"AAAA;AAWA,MAAMA,YAAY;AAElB,OAAO,MAAMC,OAA4B,CAAC,EACxCC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,GAAGF,UAAU,YAAY,CAAC;QACvCG,eAAe,GAAGH,UAAU,eAAe,CAAC;QAC5CI,cAAc,GAAGJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,QACGC,OAAOC,WAAWL,SAASM,SAAS,IAAMP,WAAWD,OAAOS,KAAK,SAAS;MACzE,CAACT,KAAK;IACR,EAAEM;AAEN,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["React","Separator","span","className"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,YAAsB,kBAAM,QAACC;QAAKC,WAAU;kBAAuB;;;;;aAAc"}
+{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["Separator","span","className"],"mappings":"AAAA;AAGA,OAAO,MAAMA,YAAsB,KAAOC,KAAKC,UAAU,uBAAuB,OAAO,EAAED,MAAK"}

package/dist/elements/Pagination/index.js

@@ -1,6 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { ClickableArrow } from './ClickableArrow/index.js';
 import './index.scss';
 import { Page } from './Page/index.js';
@@ -85,34 +83,15 @@ export const Pagination = (props)=>{
             updatePage: ()=>updatePage(prevPage ?? Math.max(1, currentPage - 1))
         }
     });
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: nodes.map((node, i)=>{
-            if (typeof node === 'number') {
-                return /*#__PURE__*/ _jsxDEV(Page, {
-                    isCurrent: currentPage === node,
-                    page: node,
-                    updatePage: updatePage
-                }, i, false, {
-                    fileName: "src/elements/Pagination/index.tsx",
-                    lineNumber: 139,
-                    columnNumber: 13
-                }, this);
-            }
-            const NodeType = nodeTypes[node.type];
-            return /*#__PURE__*/ _jsxDEV(NodeType, {
-                ...node.props
-            }, i, false, {
-                fileName: "src/elements/Pagination/index.tsx",
-                lineNumber: 145,
-                columnNumber: 16
-            }, this);
-        })
-    }, void 0, false, {
-        fileName: "src/elements/Pagination/index.tsx",
-        lineNumber: 135,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass}>
+      {nodes.map((node, i)=>{
+        if (typeof node === 'number') {
+            return <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage}/>;
+        }
+        const NodeType = nodeTypes[node.type];
+        return <NodeType key={i} {...node.props}/>;
+    })}
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

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

package/dist/elements/PerPage/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  readonly defaultLimit?: number\n  readonly handleChange?: (limit: number) => void\n  readonly limit: number\n  readonly limits: number[]\n  readonly resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <ChevronIcon className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <ChevronIcon direction=\"right\" size=\"small\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","onClick","direction","size"],"mappings":"AAAA;;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,QAACK;QAAIC,WAAWZ;kBACd,cAAA,QAACF;YACCe,sBACE,QAACF;gBAAIC,WAAW,GAAGZ,UAAU,aAAa,CAAC;;kCACzC,QAACc;kCAAML,EAAE,mBAAmB;4BAAED,OAAOE;wBAAW;;;;;;oBAAU;kCAE1D,QAACd;wBAAYgB,WAAW,GAAGZ,UAAU,MAAM,CAAC;;;;;;;;;;;;YAGhDe,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAAClB,UAAUmB,WAAW;8BACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,QAACtB,UAAUuB,MAAM;4BACfV,WAAW;gCACT,GAAGZ,UAAU,QAAQ,CAAC;gCACtBoB,gBAAgBV,cAAc,GAAGV,UAAU,eAAe,CAAC;6BAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;4BAERC,SAAS;gCACPT;gCACA,IAAIV,cAAc;oCAChBA,aAAaa;gCACf;4BACF;;gCAECA,gBAAgBV,4BACf,QAACC;oCAAIC,WAAW,GAAGZ,UAAU,SAAS,CAAC;8CACrC,cAAA,QAACJ;wCAAY+B,WAAU;wCAAQC,MAAK;;;;;;;;;;;gCAEtC;8CAEF,QAACd;8CAAMM;;;;;;;2BAdFC;;;;;;;;;;YAmBbO,MAAK;;;;;;;;;;;AAIb,EAAC"}
+{"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","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","key","onClick","direction","size"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,iBAAgB;AAG7D,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgBP,mBAAmBQ,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,aAAaf,SAASa,SAASA,QAAQF;IAE7C,QACGK,IAAIC,WAAWZ,WAAW;MACzB,CAACF,MACCe,SACGF,IAAIC,WAAW,GAAGZ,UAAU,aAAa,CAAC,EAAE;YAC3C,CAACc,MAAML,EAAE,mBAAmB;QAAED,OAAOE;IAAW,KAAKI,KAAK;;YAE1D,CAAClB,YAAYgB,WAAW,GAAGZ,UAAU,MAAM,CAAC,GAAI;UAClD,EAAEW,MAEJI,gBAAgB,QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,IACflB,UAAUmB,YAAY;YACrB,CAACd,OAAOe,GAAG,CAAC,CAACC,aAAaC,KACvBtB,UAAUuB,OACTV,WAAW;gBACT,GAAGZ,UAAU,QAAQ,CAAC;gBACtBoB,gBAAgBV,cAAc,GAAGV,UAAU,eAAe,CAAC;aAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,KAAKL,GACLM,SAAS;gBACPV;gBACA,IAAIV,cAAc;oBAChBA,aAAaa;gBACf;YACF,GACD;gBACC,CAACA,gBAAgBV,eACdC,IAAIC,WAAW,GAAGZ,UAAU,SAAS,CAAC,EAAE;oBACvC,CAACJ,YAAYgC,UAAU,QAAQC,KAAK,SAAU;kBAChD,EAAElB,KACF;;gBAEF,CAACG,MAAMM,cAAcN,KAAK;cAC5B,EAAEf,UAAUuB,SACX;UACL,EAAEvB,UAAUmB,cAEdW,KAAK,SACL;IACJ,EAAElB;AAEN,EAAC"}

package/dist/elements/PermanentlyDeleteButton/index.js

@@ -1,11 +1,10 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { Fragment, useCallback } from 'react';
+import { Fragment, useCallback } from 'react';
 import { toast } from 'sonner';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentTitle } from '../../providers/DocumentTitle/index.js';
@@ -106,57 +105,19 @@ export const PermanentlyDeleteButton = (props)=>{
         startRouteTransition
     ]);
     if (id) {
-        return /*#__PURE__*/ _jsxDEV(Fragment, {
-            children: [
-                /*#__PURE__*/ _jsxDEV(Button, {
-                    buttonStyle: "secondary",
-                    id: buttonId,
-                    onClick: ()=>{
-                        openModal(modalSlug);
-                    },
-                    children: t('general:permanentlyDelete')
-                }, void 0, false, {
-                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
-                    lineNumber: 139,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                    body: /*#__PURE__*/ _jsxDEV(Translation, {
-                        elements: {
-                            '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
-                                    children: children
-                                }, void 0, false, {
-                                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
-                                    lineNumber: 152,
-                                    columnNumber: 40
-                                }, void 0)
-                        },
-                        i18nKey: "general:aboutToPermanentlyDelete",
-                        t: t,
-                        variables: {
-                            label: getTranslation(singularLabel, i18n),
-                            title: titleFromProps || title || id
-                        }
-                    }, void 0, false, {
-                        fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
-                        lineNumber: 150,
-                        columnNumber: 13
-                    }, void 0),
-                    confirmingLabel: t('general:deleting'),
-                    heading: t('general:confirmDeletion'),
-                    modalSlug: modalSlug,
-                    onConfirm: handleDelete
-                }, void 0, false, {
-                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
-                    lineNumber: 148,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
-            lineNumber: 138,
-            columnNumber: 7
-        }, this);
+        return <Fragment>
+        <Button buttonStyle="secondary" id={buttonId} onClick={()=>{
+            openModal(modalSlug);
+        }}>
+          {t('general:permanentlyDelete')}
+        </Button>
+        <ConfirmationModal body={<Translation elements={{
+            '1': ({ children })=><strong>{children}</strong>
+        }} i18nKey="general:aboutToPermanentlyDelete" t={t} variables={{
+            label: getTranslation(singularLabel, i18n),
+            title: titleFromProps || title || id
+        }}/>} confirmingLabel={t('general:deleting')} heading={t('general:confirmDeletion')} modalSlug={modalSlug} onConfirm={handleDelete}/>
+      </Fragment>;
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PermanentlyDeleteButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const PermanentlyDeleteButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `perma-delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const res = await requests.delete(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleDeleted', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/trash`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"secondary\"\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:permanentlyDelete')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Translation\n              elements={{\n                '1': ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"general:aboutToPermanentlyDelete\"\n              t={t}\n              variables={{\n                label: getTranslation(singularLabel, i18n),\n                title: titleFromProps || title || id,\n              }}\n            />\n          }\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","toast","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","PermanentlyDeleteButton","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","addDefaultError","error","handleDelete","url","stringify","trash","where","and","equals","deletedAt","exists","res","delete","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PermanentlyDeleteButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const PermanentlyDeleteButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `perma-delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const res = await requests.delete(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleDeleted', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/trash`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"secondary\"\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:permanentlyDelete')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Translation\n              elements={{\n                '1': ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"general:aboutToPermanentlyDelete\"\n              t={t}\n              variables={{\n                label: getTranslation(singularLabel, i18n),\n                title: titleFromProps || title || id,\n              }}\n            />\n          }\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","Fragment","useCallback","toast","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","PermanentlyDeleteButton","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","addDefaultError","error","handleDelete","url","stringify","trash","where","and","equals","deletedAt","exists","res","delete","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","onConfirm"],"mappings":"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"}

package/dist/elements/Pill/index.js

@@ -1,6 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 // TODO: abstract this out to support all routers
 import { Link } from '../Link/index.js';
 /**
@@ -13,25 +11,17 @@ const DraggablePill = (props)=>{
     const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
         id
     });
-    return /*#__PURE__*/ _jsxDEV(StaticPill, {
-        ...props,
-        className: [
-            isDragging && `${baseClass}--is-dragging`,
-            className
-        ].filter(Boolean).join(' '),
-        elementProps: {
-            ...listeners,
-            ...attributes,
-            ref: setNodeRef,
-            style: {
-                transform
-            }
+    return <StaticPill {...props} className={[
+        isDragging && `${baseClass}--is-dragging`,
+        className
+    ].filter(Boolean).join(' ')} elementProps={{
+        ...listeners,
+        ...attributes,
+        ref: setNodeRef,
+        style: {
+            transform
         }
-    }, void 0, false, {
-        fileName: "src/elements/Pill/index.tsx",
-        lineNumber: 63,
-        columnNumber: 5
-    }, this);
+    }}/>;
 };
 const StaticPill = (props)=>{
     const { id, alignIcon = 'right', 'aria-checked': ariaChecked, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, children, className, draggable, elementProps, icon, onClick, pillStyle = 'light', rounded, size = 'medium', to } = props;
@@ -54,59 +44,17 @@ const StaticPill = (props)=>{
     if (to) {
         Element = Link;
     }
-    return /*#__PURE__*/ _jsxDEV(Element, {
-        ...elementProps,
-        "aria-checked": ariaChecked,
-        "aria-controls": ariaControls,
-        "aria-expanded": ariaExpanded,
-        "aria-label": ariaLabel,
-        className: classes,
-        href: to || null,
-        id: id,
-        onClick: onClick,
-        type: Element === 'button' ? 'button' : undefined,
-        children: [
-            /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__label`,
-                children: children
-            }, void 0, false, {
-                fileName: "src/elements/Pill/index.tsx",
-                lineNumber: 136,
-                columnNumber: 7
-            }, this),
-            Boolean(icon) && /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__icon`,
-                children: icon
-            }, void 0, false, {
-                fileName: "src/elements/Pill/index.tsx",
-                lineNumber: 137,
-                columnNumber: 25
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Pill/index.tsx",
-        lineNumber: 124,
-        columnNumber: 5
-    }, this);
+    return <Element {...elementProps} aria-checked={ariaChecked} aria-controls={ariaControls} aria-expanded={ariaExpanded} aria-label={ariaLabel} className={classes} href={to || null} id={id} onClick={onClick} type={Element === 'button' ? 'button' : undefined}>
+      <span className={`${baseClass}__label`}>{children}</span>
+      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}
+    </Element>;
 };
 export const Pill = (props)=>{
     const { draggable } = props;
     if (draggable) {
-        return /*#__PURE__*/ _jsxDEV(DraggablePill, {
-            ...props
-        }, void 0, false, {
-            fileName: "src/elements/Pill/index.tsx",
-            lineNumber: 146,
-            columnNumber: 12
-        }, this);
+        return <DraggablePill {...props}/>;
     }
-    return /*#__PURE__*/ _jsxDEV(StaticPill, {
-        ...props
-    }, void 0, false, {
-        fileName: "src/elements/Pill/index.tsx",
-        lineNumber: 148,
-        columnNumber: 10
-    }, this);
+    return <StaticPill {...props}/>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\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  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\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    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\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  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\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"],"names":["React","Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAAC,iDAAiD;AAE3E,SAASC,IAAI,QAAQ,mBAAkB;AA2BrC;;GAEC,GAeH,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,QAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;;;;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,qBACE,QAACiC;QACE,GAAGjB,YAAY;QAChBkB,gBAAcd;QACde,iBAAed;QACfe,iBAAed;QACfe,cAAYd;QACZjB,WAAW0B;QACXM,MAAMP,MAAM;QACZ1B,IAAIA;QACJsB,SAASA;QACTY,MAAMN,YAAY,WAAW,WAAWO;;0BAExC,QAACC;gBAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGsB;;;;;;YACxCV,QAAQY,uBAAS,QAACe;gBAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC;0BAAGwB;;;;;;;;;;;;AAGhE;AAEA,OAAO,MAAMgB,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,QAACtB;YAAe,GAAGC,KAAK;;;;;;IACjC;IACA,qBAAO,QAACQ;QAAY,GAAGR,KAAK;;;;;;AAC9B,EAAC"}
+{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\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  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\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    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\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  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\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"],"names":["Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;AAG0B,iDAAiD;AAE3E,SAASA,IAAI,QAAQ,mBAAkB;AA2BrC;;GAEC,GAeH,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,QACGO,YACE,GAAGR,KAAK,EACTE,WAAW;QAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;QAAEI;KAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC,MACvFC,cAAc;QACZ,GAAGP,SAAS;QACZ,GAAGF,UAAU;QACbU,KAAKP;QACLQ,OAAO;YACLP;QACF;IACF;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,QACGiC,SACE,GAAGjB,YAAY,EAChBkB,cAAcd,aACde,eAAed,cACfe,eAAed,cACfe,YAAYd,WACZjB,WAAW0B,SACXM,MAAMP,MAAM,MACZ1B,IAAIA,IACJsB,SAASA,SACTY,MAAMN,YAAY,WAAW,WAAWO,WACzC;MACC,CAACC,KAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC,GAAGsB,WAAWiB,KAAK;MACzD,CAAC3B,QAAQY,UAAUe,KAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC,GAAGwB,OAAOe,MAAM;IACzE,EAAER;AAEN;AAEA,OAAO,MAAMS,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,QAAQtB,eAAe,GAAGC,KAAK;IACjC;IACA,QAAQQ,YAAY,GAAGR,KAAK;AAC9B,EAAC"}