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

package/dist/elements/FolderView/SimpleTable/index.js

@@ -1,95 +1,117 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'simple-table';
-export const SimpleTable = ({
-  appearance,
-  className,
-  headerCells: headers,
-  tableRows: rows
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    className: [className, baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
-    children: /*#__PURE__*/_jsxs("table", {
-      cellPadding: 0,
-      cellSpacing: 0,
-      className: `${baseClass}__table`,
-      children: [/*#__PURE__*/_jsx(TableHead, {
-        children: /*#__PURE__*/_jsx(TableRow, {
-          children: headers
-        })
-      }), /*#__PURE__*/_jsx(TableBody, {
-        children: rows
-      })]
-    })
-  });
+export const SimpleTable = ({ appearance, className, headerCells: headers, tableRows: rows })=>{
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            className,
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxDEV("table", {
+            cellPadding: 0,
+            cellSpacing: 0,
+            className: `${baseClass}__table`,
+            children: [
+                /*#__PURE__*/ _jsxDEV(TableHead, {
+                    children: /*#__PURE__*/ _jsxDEV(TableRow, {
+                        children: headers
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+                        lineNumber: 29,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+                    lineNumber: 28,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(TableBody, {
+                    children: rows
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+                    lineNumber: 32,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+            lineNumber: 27,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 };
-export const TableHead = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("thead", {
-    className: `${baseClass}__thead ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableHead = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV("thead", {
+        className: `${baseClass}__thead ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 44,
+        columnNumber: 5
+    }, this);
 };
-export const TableBody = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("tbody", {
-    className: `${baseClass}__tbody ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableBody = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV("tbody", {
+        className: `${baseClass}__tbody ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 56,
+        columnNumber: 5
+    }, this);
 };
-export const TableRow = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("tr", {
-    className: `${baseClass}__tr ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableRow = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV("tr", {
+        className: `${baseClass}__tr ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 68,
+        columnNumber: 5
+    }, this);
 };
-export const TableCell = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("td", {
-    className: `${baseClass}__td ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableCell = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV("td", {
+        className: `${baseClass}__td ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 80,
+        columnNumber: 5
+    }, this);
 };
-export const TableHeader = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("th", {
-    className: `${baseClass}__th ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableHeader = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV("th", {
+        className: `${baseClass}__th ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 92,
+        columnNumber: 5
+    }, this);
 };
-export const HiddenCell = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("td", {
-    className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const HiddenCell = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV("td", {
+        className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 104,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/SimpleTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","SimpleTable","appearance","className","headerCells","headers","tableRows","rows","_jsx","filter","Boolean","join","_jsxs","cellPadding","cellSpacing","TableHead","TableRow","TableBody","children","rest","trim","TableCell","TableHeader","HiddenCell"],"sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'simple-table'\n\ntype TableProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly className?: string\n  readonly headerCells: React.ReactNode[]\n  readonly tableRows: React.ReactNode[]\n}\nexport const SimpleTable = ({\n  appearance,\n  className,\n  headerCells: headers,\n  tableRows: rows,\n}: TableProps) => {\n  return (\n    <div\n      className={[className, baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>\n        <TableHead>\n          <TableRow>{headers}</TableRow>\n        </TableHead>\n\n        <TableBody>{rows}</TableBody>\n      </table>\n    </div>\n  )\n}\n\nexport const TableHead = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>\n      {children}\n    </thead>\n  )\n}\n\nexport const TableBody = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tbody>\n  )\n}\n\nexport const TableRow = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableRowElement>) => {\n  return (\n    <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tr>\n  )\n}\n\nexport const TableCell = ({\n  children,\n  className,\n  ...rest\n}: React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n\nexport const TableHeader = ({\n  children,\n  className,\n  ...rest\n}: React.ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>\n      {children}\n    </th>\n  )\n}\n\nexport const HiddenCell = ({\n  children,\n  className,\n  ...rest\n}: { children?: React.ReactNode } & React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,UAAU;EACVC,SAAS;EACTC,WAAA,EAAaC,OAAO;EACpBC,SAAA,EAAWC;AAAI,CACJ;EACX,oBACEC,IAAA,CAAC;IACCL,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,EAAWE,UAAA,IAAc,GAAGF,SAAA,gBAAyBE,UAAA,EAAY,CAAC,CACtFO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAER,aAAAC,KAAA,CAAC;MAAMC,WAAA,EAAa;MAAGC,WAAA,EAAa;MAAGX,SAAA,EAAW,GAAGH,SAAA,SAAkB;8BACrEQ,IAAA,CAACO,SAAA;kBACC,aAAAP,IAAA,CAACQ,QAAA;oBAAUX;;uBAGbG,IAAA,CAACS,SAAA;kBAAWV;;;;AAIpB;AAEA,OAAO,MAAMQ,SAAA,GAAYA,CAAC;EACxBG,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMD,SAAA,GAAYA,CAAC;EACxBC,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMF,QAAA,GAAWA,CAAC;EACvBE,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CACuC;EAC1C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMG,SAAA,GAAYA,CAAC;EACxBH,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMI,WAAA,GAAcA,CAAC;EAC1BJ,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMK,UAAA,GAAaA,CAAC;EACzBL,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2E;EAC9E,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,iBAA0BG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAC3ED;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'simple-table'\n\ntype TableProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly className?: string\n  readonly headerCells: React.ReactNode[]\n  readonly tableRows: React.ReactNode[]\n}\nexport const SimpleTable = ({\n  appearance,\n  className,\n  headerCells: headers,\n  tableRows: rows,\n}: TableProps) => {\n  return (\n    <div\n      className={[className, baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>\n        <TableHead>\n          <TableRow>{headers}</TableRow>\n        </TableHead>\n\n        <TableBody>{rows}</TableBody>\n      </table>\n    </div>\n  )\n}\n\nexport const TableHead = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>\n      {children}\n    </thead>\n  )\n}\n\nexport const TableBody = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tbody>\n  )\n}\n\nexport const TableRow = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableRowElement>) => {\n  return (\n    <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tr>\n  )\n}\n\nexport const TableCell = ({\n  children,\n  className,\n  ...rest\n}: React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n\nexport const TableHeader = ({\n  children,\n  className,\n  ...rest\n}: React.ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>\n      {children}\n    </th>\n  )\n}\n\nexport const HiddenCell = ({\n  children,\n  className,\n  ...rest\n}: { children?: React.ReactNode } & React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n"],"names":["React","baseClass","SimpleTable","appearance","className","headerCells","headers","tableRows","rows","div","filter","Boolean","join","table","cellPadding","cellSpacing","TableHead","TableRow","TableBody","children","rest","thead","trim","tbody","tr","TableCell","td","TableHeader","th","HiddenCell"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,cAAc,CAAC,EAC1BC,UAAU,EACVC,SAAS,EACTC,aAAaC,OAAO,EACpBC,WAAWC,IAAI,EACJ;IACX,qBACE,QAACC;QACCL,WAAW;YAACA;YAAWH;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CACtFO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,QAACC;YAAMC,aAAa;YAAGC,aAAa;YAAGX,WAAW,GAAGH,UAAU,OAAO,CAAC;;8BACrE,QAACe;8BACC,cAAA,QAACC;kCAAUX;;;;;;;;;;;8BAGb,QAACY;8BAAWV;;;;;;;;;;;;;;;;;AAIpB,EAAC;AAED,OAAO,MAAMQ,YAAY,CAAC,EACxBG,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,qBACE,QAACC;QAAMjB,WAAW,GAAGH,UAAU,QAAQ,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBACxED;;;;;;AAGP,EAAC;AAED,OAAO,MAAMD,YAAY,CAAC,EACxBC,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,qBACE,QAACG;QAAMnB,WAAW,GAAGH,UAAU,QAAQ,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBACxED;;;;;;AAGP,EAAC;AAED,OAAO,MAAMF,WAAW,CAAC,EACvBE,QAAQ,EACRf,SAAS,EACT,GAAGgB,MACuC;IAC1C,qBACE,QAACI;QAAGpB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAClED;;;;;;AAGP,EAAC;AAED,OAAO,MAAMM,YAAY,CAAC,EACxBN,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC0C;IAC7C,qBACE,QAACM;QAAGtB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAClED;;;;;;AAGP,EAAC;AAED,OAAO,MAAMQ,cAAc,CAAC,EAC1BR,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC0C;IAC7C,qBACE,QAACQ;QAAGxB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAClED;;;;;;AAGP,EAAC;AAED,OAAO,MAAMU,aAAa,CAAC,EACzBV,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2E;IAC9E,qBACE,QAACM;QAAGtB,WAAW,GAAGH,UAAU,cAAc,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAC3ED;;;;;;AAGP,EAAC"}

package/dist/elements/FolderView/SortByPill/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { SortDownIcon, SortUpIcon } from '../../../icons/Sort/index.js';
@@ -8,105 +8,167 @@ import { Pill } from '../../Pill/index.js';
 import { Popup, PopupList } from '../../Popup/index.js';
 import './index.scss';
 const baseClass = 'sort-by-pill';
-const sortOnOptions = [{
-  label: t => t('general:name'),
-  value: 'name'
-}, {
-  label: t => t('general:createdAt'),
-  value: 'createdAt'
-}, {
-  label: t => t('general:updatedAt'),
-  value: 'updatedAt'
-}];
-const orderOnOptions = [{
-  label: t => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SortUpIcon, {}), t('general:ascending')]
-  }),
-  value: 'asc'
-}, {
-  label: t => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SortDownIcon, {}), t('general:descending')]
-  }),
-  value: 'desc'
-}];
+const sortOnOptions = [
+    {
+        label: (t)=>t('general:name'),
+        value: 'name'
+    },
+    {
+        label: (t)=>t('general:createdAt'),
+        value: 'createdAt'
+    },
+    {
+        label: (t)=>t('general:updatedAt'),
+        value: 'updatedAt'
+    }
+];
+const orderOnOptions = [
+    {
+        label: (t)=>/*#__PURE__*/ _jsxDEV(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(SortUpIcon, {}, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 31,
+                        columnNumber: 9
+                    }, this),
+                    t('general:ascending')
+                ]
+            }, void 0, true),
+        value: 'asc'
+    },
+    {
+        label: (t)=>/*#__PURE__*/ _jsxDEV(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(SortDownIcon, {}, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 9
+                    }, this),
+                    t('general:descending')
+                ]
+            }, void 0, true),
+        value: 'desc'
+    }
+];
 export function SortByPill() {
-  const {
-    refineFolderData,
-    sort
-  } = useFolder();
-  const {
-    t
-  } = useTranslation();
-  const sortDirection = sort.startsWith('-') ? 'desc' : 'asc';
-  const [selectedSortOption] = sortOnOptions.filter(({
-    value
-  }) => value === (sort.startsWith('-') ? sort.slice(1) : sort)) || sortOnOptions;
-  const [selectedOrderOption] = orderOnOptions.filter(({
-    value
-  }) => value === sortDirection);
-  return /*#__PURE__*/_jsx(Popup, {
-    button: /*#__PURE__*/_jsxs(Pill, {
-      className: `${baseClass}__trigger`,
-      icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
-      size: "small",
-      children: [sortDirection === 'asc' ? /*#__PURE__*/_jsx(SortUpIcon, {
-        className: `${baseClass}__sort-icon`
-      }) : /*#__PURE__*/_jsx(SortDownIcon, {
-        className: `${baseClass}__sort-icon`
-      }), selectedSortOption?.label(t)]
-    }),
-    className: baseClass,
-    horizontalAlign: "right",
-    render: ({
-      close
-    }) => /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(PopupList.GroupLabel, {
-        label: "Sort by"
-      }), /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-        children: sortOnOptions.map(({
-          label,
-          value
-        }) => /*#__PURE__*/_jsx(PopupList.Button, {
-          active: selectedSortOption?.value === value,
-          onClick: () => {
-            refineFolderData({
-              query: {
-                page: '1',
-                sort: sortDirection === 'desc' ? `-${value}` : value
-              },
-              updateURL: true
-            });
-            close();
-          },
-          children: label(t)
-        }, value))
-      }), /*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsx(PopupList.GroupLabel, {
-        label: "Order"
-      }), /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-        children: orderOnOptions.map(({
-          label,
-          value
-        }) => /*#__PURE__*/_jsx(PopupList.Button, {
-          active: selectedOrderOption?.value === value,
-          className: `${baseClass}__order-option`,
-          onClick: () => {
-            if (sortDirection !== value) {
-              refineFolderData({
-                query: {
-                  page: '1',
-                  sort: value === 'desc' ? `-${selectedSortOption?.value}` : selectedSortOption?.value
-                },
-                updateURL: true
-              });
-              close();
-            }
-          },
-          children: label(t)
-        }, value))
-      })]
-    }),
-    showScrollbar: true,
-    verticalAlign: "bottom"
-  });
+    const { refineFolderData, sort } = useFolder();
+    const { t } = useTranslation();
+    const sortDirection = sort.startsWith('-') ? 'desc' : 'asc';
+    const [selectedSortOption] = sortOnOptions.filter(({ value })=>value === (sort.startsWith('-') ? sort.slice(1) : sort)) || sortOnOptions;
+    const [selectedOrderOption] = orderOnOptions.filter(({ value })=>value === sortDirection);
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: /*#__PURE__*/ _jsxDEV(Pill, {
+            className: `${baseClass}__trigger`,
+            icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+                fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                lineNumber: 59,
+                columnNumber: 57
+            }, void 0),
+            size: "small",
+            children: [
+                sortDirection === 'asc' ? /*#__PURE__*/ _jsxDEV(SortUpIcon, {
+                    className: `${baseClass}__sort-icon`
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                    lineNumber: 61,
+                    columnNumber: 13
+                }, void 0) : /*#__PURE__*/ _jsxDEV(SortDownIcon, {
+                    className: `${baseClass}__sort-icon`
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                    lineNumber: 63,
+                    columnNumber: 13
+                }, void 0),
+                selectedSortOption?.label(t)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/FolderView/SortByPill/index.tsx",
+            lineNumber: 59,
+            columnNumber: 9
+        }, void 0),
+        className: baseClass,
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(PopupList.GroupLabel, {
+                        label: "Sort by"
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 72,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                        children: sortOnOptions.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                active: selectedSortOption?.value === value,
+                                onClick: ()=>{
+                                    refineFolderData({
+                                        query: {
+                                            page: '1',
+                                            sort: sortDirection === 'desc' ? `-${value}` : value
+                                        },
+                                        updateURL: true
+                                    });
+                                    close();
+                                },
+                                children: label(t)
+                            }, value, false, {
+                                fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                                lineNumber: 75,
+                                columnNumber: 15
+                            }, void 0))
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 73,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.Divider, {}, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 93,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.GroupLabel, {
+                        label: "Order"
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 94,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                        children: orderOnOptions.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                active: selectedOrderOption?.value === value,
+                                className: `${baseClass}__order-option`,
+                                onClick: ()=>{
+                                    if (sortDirection !== value) {
+                                        refineFolderData({
+                                            query: {
+                                                page: '1',
+                                                sort: value === 'desc' ? `-${selectedSortOption?.value}` : selectedSortOption?.value
+                                            },
+                                            updateURL: true
+                                        });
+                                        close();
+                                    }
+                                },
+                                children: label(t)
+                            }, value, false, {
+                                fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                                lineNumber: 97,
+                                columnNumber: 15
+                            }, void 0))
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 95,
+                        columnNumber: 11
+                    }, void 0)
+                ]
+            }, void 0, true),
+        showScrollbar: true,
+        verticalAlign: "bottom"
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+        lineNumber: 57,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/SortByPill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","SortDownIcon","SortUpIcon","useFolder","useTranslation","Pill","Popup","PopupList","baseClass","sortOnOptions","label","t","value","orderOnOptions","_jsxs","_Fragment","_jsx","SortByPill","refineFolderData","sort","sortDirection","startsWith","selectedSortOption","filter","slice","selectedOrderOption","button","className","icon","size","horizontalAlign","render","close","GroupLabel","ButtonGroup","map","Button","active","onClick","query","page","updateURL","Divider","showScrollbar","verticalAlign"],"sources":["../../../../src/elements/FolderView/SortByPill/index.tsx"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { FolderSortKeys } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { SortDownIcon, SortUpIcon } from '../../../icons/Sort/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-by-pill'\n\nconst sortOnOptions: {\n  label: (t: TFunction) => React.ReactNode\n  value: FolderSortKeys\n}[] = [\n  { label: (t) => t('general:name'), value: 'name' },\n  { label: (t) => t('general:createdAt'), value: 'createdAt' },\n  { label: (t) => t('general:updatedAt'), value: 'updatedAt' },\n]\nconst orderOnOptions: {\n  label: (t: TFunction) => React.ReactNode\n  value: 'asc' | 'desc'\n}[] = [\n  {\n    label: (t) => (\n      <>\n        <SortUpIcon />\n        {t('general:ascending')}\n      </>\n    ),\n    value: 'asc',\n  },\n  {\n    label: (t) => (\n      <>\n        <SortDownIcon />\n        {t('general:descending')}\n      </>\n    ),\n    value: 'desc',\n  },\n]\nexport function SortByPill() {\n  const { refineFolderData, sort } = useFolder()\n  const { t } = useTranslation()\n  const sortDirection = sort.startsWith('-') ? 'desc' : 'asc'\n  const [selectedSortOption] =\n    sortOnOptions.filter(({ value }) => value === (sort.startsWith('-') ? sort.slice(1) : sort)) ||\n    sortOnOptions\n  const [selectedOrderOption] = orderOnOptions.filter(({ value }) => value === sortDirection)\n\n  return (\n    <Popup\n      button={\n        <Pill className={`${baseClass}__trigger`} icon={<ChevronIcon />} size=\"small\">\n          {sortDirection === 'asc' ? (\n            <SortUpIcon className={`${baseClass}__sort-icon`} />\n          ) : (\n            <SortDownIcon className={`${baseClass}__sort-icon`} />\n          )}\n          {selectedSortOption?.label(t)}\n        </Pill>\n      }\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <>\n          <PopupList.GroupLabel label=\"Sort by\" />\n          <PopupList.ButtonGroup>\n            {sortOnOptions.map(({ label, value }) => (\n              <PopupList.Button\n                active={selectedSortOption?.value === value}\n                key={value}\n                onClick={() => {\n                  refineFolderData({\n                    query: {\n                      page: '1',\n                      sort: sortDirection === 'desc' ? `-${value}` : value,\n                    },\n                    updateURL: true,\n                  })\n                  close()\n                }}\n              >\n                {label(t)}\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n          <PopupList.Divider />\n          <PopupList.GroupLabel label=\"Order\" />\n          <PopupList.ButtonGroup>\n            {orderOnOptions.map(({ label, value }) => (\n              <PopupList.Button\n                active={selectedOrderOption?.value === value}\n                className={`${baseClass}__order-option`}\n                key={value}\n                onClick={() => {\n                  if (sortDirection !== value) {\n                    refineFolderData({\n                      query: {\n                        page: '1',\n                        sort:\n                          value === 'desc'\n                            ? `-${selectedSortOption?.value}`\n                            : selectedSortOption?.value,\n                      },\n                      updateURL: true,\n                    })\n                    close()\n                  }\n                }}\n              >\n                {label(t)}\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        </>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/SortByPill/index.tsx"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { FolderSortKeys } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { SortDownIcon, SortUpIcon } from '../../../icons/Sort/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-by-pill'\n\nconst sortOnOptions: {\n  label: (t: TFunction) => React.ReactNode\n  value: FolderSortKeys\n}[] = [\n  { label: (t) => t('general:name'), value: 'name' },\n  { label: (t) => t('general:createdAt'), value: 'createdAt' },\n  { label: (t) => t('general:updatedAt'), value: 'updatedAt' },\n]\nconst orderOnOptions: {\n  label: (t: TFunction) => React.ReactNode\n  value: 'asc' | 'desc'\n}[] = [\n  {\n    label: (t) => (\n      <>\n        <SortUpIcon />\n        {t('general:ascending')}\n      </>\n    ),\n    value: 'asc',\n  },\n  {\n    label: (t) => (\n      <>\n        <SortDownIcon />\n        {t('general:descending')}\n      </>\n    ),\n    value: 'desc',\n  },\n]\nexport function SortByPill() {\n  const { refineFolderData, sort } = useFolder()\n  const { t } = useTranslation()\n  const sortDirection = sort.startsWith('-') ? 'desc' : 'asc'\n  const [selectedSortOption] =\n    sortOnOptions.filter(({ value }) => value === (sort.startsWith('-') ? sort.slice(1) : sort)) ||\n    sortOnOptions\n  const [selectedOrderOption] = orderOnOptions.filter(({ value }) => value === sortDirection)\n\n  return (\n    <Popup\n      button={\n        <Pill className={`${baseClass}__trigger`} icon={<ChevronIcon />} size=\"small\">\n          {sortDirection === 'asc' ? (\n            <SortUpIcon className={`${baseClass}__sort-icon`} />\n          ) : (\n            <SortDownIcon className={`${baseClass}__sort-icon`} />\n          )}\n          {selectedSortOption?.label(t)}\n        </Pill>\n      }\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <>\n          <PopupList.GroupLabel label=\"Sort by\" />\n          <PopupList.ButtonGroup>\n            {sortOnOptions.map(({ label, value }) => (\n              <PopupList.Button\n                active={selectedSortOption?.value === value}\n                key={value}\n                onClick={() => {\n                  refineFolderData({\n                    query: {\n                      page: '1',\n                      sort: sortDirection === 'desc' ? `-${value}` : value,\n                    },\n                    updateURL: true,\n                  })\n                  close()\n                }}\n              >\n                {label(t)}\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n          <PopupList.Divider />\n          <PopupList.GroupLabel label=\"Order\" />\n          <PopupList.ButtonGroup>\n            {orderOnOptions.map(({ label, value }) => (\n              <PopupList.Button\n                active={selectedOrderOption?.value === value}\n                className={`${baseClass}__order-option`}\n                key={value}\n                onClick={() => {\n                  if (sortDirection !== value) {\n                    refineFolderData({\n                      query: {\n                        page: '1',\n                        sort:\n                          value === 'desc'\n                            ? `-${selectedSortOption?.value}`\n                            : selectedSortOption?.value,\n                      },\n                      updateURL: true,\n                    })\n                    close()\n                  }\n                }}\n              >\n                {label(t)}\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        </>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"names":["React","ChevronIcon","SortDownIcon","SortUpIcon","useFolder","useTranslation","Pill","Popup","PopupList","baseClass","sortOnOptions","label","t","value","orderOnOptions","SortByPill","refineFolderData","sort","sortDirection","startsWith","selectedSortOption","filter","slice","selectedOrderOption","button","className","icon","size","horizontalAlign","render","close","GroupLabel","ButtonGroup","map","Button","active","onClick","query","page","updateURL","Divider","showScrollbar","verticalAlign"],"mappings":"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"}