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

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

@@ -1,5 +1,5 @@
 'use client';
-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 { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useId } from 'react';
@@ -43,7 +43,7 @@ const baseClass = 'move-doc-to-folder';
         fromFolderID,
         t
     ]);
-    return /*#__PURE__*/ _jsx(MoveDocToFolderButton, {
+    return /*#__PURE__*/ _jsxDEV(MoveDocToFolderButton, {
         buttonProps: buttonProps,
         className: className,
         collectionSlug: collectionSlug,
@@ -66,7 +66,11 @@ const baseClass = 'move-doc-to-folder';
             }
         },
         skipConfirmModal: !currentParentFolder?.value
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/MoveDocToFolder/index.tsx",
+        lineNumber: 67,
+        columnNumber: 5
+    }, this);
 }
 /**
  * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
@@ -82,23 +86,31 @@ const baseClass = 'move-doc-to-folder';
     const titleToRender = docTitle || getTranslation(getEntityConfig({
         collectionSlug
     }).labels.singular, i18n);
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(Button, {
+            /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "subtle",
                 className: [
                     baseClass,
                     className
                 ].filter(Boolean).join(' '),
-                icon: /*#__PURE__*/ _jsx(FolderIcon, {}),
+                icon: /*#__PURE__*/ _jsxDEV(FolderIcon, {}, void 0, false, {
+                    fileName: "src/elements/FolderView/MoveDocToFolder/index.tsx",
+                    lineNumber: 142,
+                    columnNumber: 15
+                }, void 0),
                 iconPosition: "left",
                 onClick: ()=>{
                     openModal(drawerSlug);
                 },
                 ...buttonProps,
                 children: fromFolderName
-            }),
-            /*#__PURE__*/ _jsx(MoveItemsToFolderDrawer, {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/MoveDocToFolder/index.tsx",
+                lineNumber: 139,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(MoveItemsToFolderDrawer, {
                 action: "moveItemToFolder",
                 drawerSlug: drawerSlug,
                 //todo this should inherit
@@ -142,9 +154,13 @@ const baseClass = 'move-doc-to-folder';
                 },
                 skipConfirmModal: skipConfirmModal,
                 title: titleToRender
-            })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/MoveDocToFolder/index.tsx",
+                lineNumber: 152,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props as ButtonProps } from '../../Button/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js'\nimport './index.scss'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst baseClass = 'move-doc-to-folder'\n\n/**\n * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.\n */\nexport function MoveDocToFolder({\n  buttonProps,\n  className = '',\n  folderCollectionSlug,\n  folderFieldName,\n}: {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n}) {\n  const { t } = useTranslation()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const currentParentFolder = useFormFields(\n    ([fields]) => (fields && fields?.[folderFieldName]) || null,\n  )\n  const fromFolderID = currentParentFolder?.value\n  const { id, collectionSlug, initialData, title } = useDocumentInfo()\n  const { setModified } = useForm()\n  const [fromFolderName, setFromFolderName] = React.useState(() => `${t('general:loading')}...`)\n\n  const { config } = useConfig()\n  const modalID = useId()\n\n  React.useEffect(() => {\n    async function fetchFolderLabel() {\n      if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {\n        const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`)\n        const folderData = await response.json()\n        setFromFolderName(folderData?.name || t('folder:noFolder'))\n      } else {\n        setFromFolderName(t('folder:noFolder'))\n      }\n    }\n\n    void fetchFolderLabel()\n  }, [folderCollectionSlug, config.routes.api, fromFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={buttonProps}\n      className={className}\n      collectionSlug={collectionSlug}\n      docData={initialData as FolderOrDocument['value']}\n      docID={id}\n      docTitle={title}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID as number | string}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-to-folder-${modalID}`}\n      onConfirm={({ id }) => {\n        if (currentParentFolder.value !== id) {\n          dispatchField({\n            type: 'UPDATE',\n            path: folderFieldName,\n            value: id,\n          })\n          setModified(true)\n        }\n      }}\n      skipConfirmModal={!currentParentFolder?.value}\n    />\n  )\n}\n\ntype MoveDocToFolderButtonProps = {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly docData: FolderOrDocument['value']\n  readonly docID: number | string\n  readonly docTitle?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName: string\n  readonly modalSlug: string\n  readonly onConfirm?: (args: { id: number | string; name: string }) => Promise<void> | void\n  readonly skipConfirmModal?: boolean\n}\n\n/**\n * This is a more generic button that can be used in other contexts, such as table cells and the edit view.\n */\nexport const MoveDocToFolderButton = ({\n  buttonProps,\n  className,\n  collectionSlug,\n  docData,\n  docID,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  fromFolderID,\n  fromFolderName,\n  modalSlug,\n  onConfirm,\n  skipConfirmModal,\n}: MoveDocToFolderButtonProps) => {\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const drawerSlug = formatDrawerSlug({ slug: modalSlug, depth: drawerDepth })\n\n  const titleToRender =\n    docTitle || getTranslation(getEntityConfig({ collectionSlug }).labels.singular, i18n)\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        icon={<FolderIcon />}\n        iconPosition=\"left\"\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n        {...buttonProps}\n      >\n        {fromFolderName}\n      </Button>\n\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={drawerSlug}\n        //todo this should inherit\n        folderAssignedCollections={[collectionSlug]}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={fromFolderID}\n        fromFolderName={fromFolderName}\n        itemsToMove={[\n          {\n            itemKey: `${collectionSlug}-${docID}`,\n            relationTo: collectionSlug,\n            value: { ...docData, id: docID },\n          },\n        ]}\n        onConfirm={async (args) => {\n          if (fromFolderID !== args.id && typeof onConfirm === 'function') {\n            try {\n              await onConfirm(args)\n\n              if (args.id) {\n                // moved to folder\n                toast.success(\n                  t('folder:itemHasBeenMoved', {\n                    folderName: `\"${args.name}\"`,\n                    title: titleToRender,\n                  }),\n                )\n              } else {\n                // moved to root\n                toast.success(\n                  t('folder:itemHasBeenMovedToRoot', {\n                    title: titleToRender,\n                  }),\n                )\n              }\n            } catch (_) {\n              // todo: add error toast?\n            }\n          }\n\n          closeModal(drawerSlug)\n        }}\n        skipConfirmModal={skipConfirmModal}\n        title={titleToRender}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","buttonProps","className","folderCollectionSlug","folderFieldName","t","dispatchField","_","dispatch","currentParentFolder","fields","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","useEffect","fetchFolderLabel","response","fetch","routes","api","folderData","json","name","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","type","path","skipConfirmModal","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","slug","depth","titleToRender","labels","singular","buttonStyle","filter","Boolean","join","icon","iconPosition","onClick","action","folderAssignedCollections","itemsToMove","itemKey","relationTo","args","success","folderName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props as ButtonProps } from '../../Button/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js'\nimport './index.scss'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst baseClass = 'move-doc-to-folder'\n\n/**\n * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.\n */\nexport function MoveDocToFolder({\n  buttonProps,\n  className = '',\n  folderCollectionSlug,\n  folderFieldName,\n}: {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n}) {\n  const { t } = useTranslation()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const currentParentFolder = useFormFields(\n    ([fields]) => (fields && fields?.[folderFieldName]) || null,\n  )\n  const fromFolderID = currentParentFolder?.value\n  const { id, collectionSlug, initialData, title } = useDocumentInfo()\n  const { setModified } = useForm()\n  const [fromFolderName, setFromFolderName] = React.useState(() => `${t('general:loading')}...`)\n\n  const { config } = useConfig()\n  const modalID = useId()\n\n  React.useEffect(() => {\n    async function fetchFolderLabel() {\n      if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {\n        const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`)\n        const folderData = await response.json()\n        setFromFolderName(folderData?.name || t('folder:noFolder'))\n      } else {\n        setFromFolderName(t('folder:noFolder'))\n      }\n    }\n\n    void fetchFolderLabel()\n  }, [folderCollectionSlug, config.routes.api, fromFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={buttonProps}\n      className={className}\n      collectionSlug={collectionSlug}\n      docData={initialData as FolderOrDocument['value']}\n      docID={id}\n      docTitle={title}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID as number | string}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-to-folder-${modalID}`}\n      onConfirm={({ id }) => {\n        if (currentParentFolder.value !== id) {\n          dispatchField({\n            type: 'UPDATE',\n            path: folderFieldName,\n            value: id,\n          })\n          setModified(true)\n        }\n      }}\n      skipConfirmModal={!currentParentFolder?.value}\n    />\n  )\n}\n\ntype MoveDocToFolderButtonProps = {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly docData: FolderOrDocument['value']\n  readonly docID: number | string\n  readonly docTitle?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName: string\n  readonly modalSlug: string\n  readonly onConfirm?: (args: { id: number | string; name: string }) => Promise<void> | void\n  readonly skipConfirmModal?: boolean\n}\n\n/**\n * This is a more generic button that can be used in other contexts, such as table cells and the edit view.\n */\nexport const MoveDocToFolderButton = ({\n  buttonProps,\n  className,\n  collectionSlug,\n  docData,\n  docID,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  fromFolderID,\n  fromFolderName,\n  modalSlug,\n  onConfirm,\n  skipConfirmModal,\n}: MoveDocToFolderButtonProps) => {\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const drawerSlug = formatDrawerSlug({ slug: modalSlug, depth: drawerDepth })\n\n  const titleToRender =\n    docTitle || getTranslation(getEntityConfig({ collectionSlug }).labels.singular, i18n)\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        icon={<FolderIcon />}\n        iconPosition=\"left\"\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n        {...buttonProps}\n      >\n        {fromFolderName}\n      </Button>\n\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={drawerSlug}\n        //todo this should inherit\n        folderAssignedCollections={[collectionSlug]}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={fromFolderID}\n        fromFolderName={fromFolderName}\n        itemsToMove={[\n          {\n            itemKey: `${collectionSlug}-${docID}`,\n            relationTo: collectionSlug,\n            value: { ...docData, id: docID },\n          },\n        ]}\n        onConfirm={async (args) => {\n          if (fromFolderID !== args.id && typeof onConfirm === 'function') {\n            try {\n              await onConfirm(args)\n\n              if (args.id) {\n                // moved to folder\n                toast.success(\n                  t('folder:itemHasBeenMoved', {\n                    folderName: `\"${args.name}\"`,\n                    title: titleToRender,\n                  }),\n                )\n              } else {\n                // moved to root\n                toast.success(\n                  t('folder:itemHasBeenMovedToRoot', {\n                    title: titleToRender,\n                  }),\n                )\n              }\n            } catch (_) {\n              // todo: add error toast?\n            }\n          }\n\n          closeModal(drawerSlug)\n        }}\n        skipConfirmModal={skipConfirmModal}\n        title={titleToRender}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","buttonProps","className","folderCollectionSlug","folderFieldName","t","dispatchField","_","dispatch","currentParentFolder","fields","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","useEffect","fetchFolderLabel","response","fetch","routes","api","folderData","json","name","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","type","path","skipConfirmModal","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","slug","depth","titleToRender","labels","singular","buttonStyle","filter","Boolean","join","icon","iconPosition","onClick","action","folderAssignedCollections","itemsToMove","itemKey","relationTo","args","success","folderName"],"mappings":"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"}

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

@@ -1,73 +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", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             className,
             baseClass,
             appearance && `${baseClass}--appearance-${appearance}`
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxs("table", {
+        children: /*#__PURE__*/ _jsxDEV("table", {
             cellPadding: 0,
             cellSpacing: 0,
             className: `${baseClass}__table`,
             children: [
-                /*#__PURE__*/ _jsx(TableHead, {
-                    children: /*#__PURE__*/ _jsx(TableRow, {
+                /*#__PURE__*/ _jsxDEV(TableHead, {
+                    children: /*#__PURE__*/ _jsxDEV(TableRow, {
                         children: headers
-                    })
-                }),
-                /*#__PURE__*/ _jsx(TableBody, {
+                    }, 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", {
+    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", {
+    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", {
+    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", {
+    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", {
+    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", {
+    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,"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,KAACC;QACCL,WAAW;YAACA;YAAWH;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CACtFO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,MAACC;YAAMC,aAAa;YAAGC,aAAa;YAAGX,WAAW,GAAGH,UAAU,OAAO,CAAC;;8BACrE,KAACe;8BACC,cAAA,KAACC;kCAAUX;;;8BAGb,KAACY;8BAAWV;;;;;AAIpB,EAAC;AAED,OAAO,MAAMQ,YAAY,CAAC,EACxBG,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,qBACE,KAACC;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,KAACG;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,KAACI;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,KAACM;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,KAACQ;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,KAACM;QAAGtB,WAAW,GAAGH,UAAU,cAAc,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAC3ED;;AAGP,EAAC"}
+{"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';
@@ -24,21 +24,29 @@ const sortOnOptions = [
 ];
 const orderOnOptions = [
     {
-        label: (t)=>/*#__PURE__*/ _jsxs(_Fragment, {
+        label: (t)=>/*#__PURE__*/ _jsxDEV(_Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(SortUpIcon, {}),
+                    /*#__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__*/ _jsxs(_Fragment, {
+        label: (t)=>/*#__PURE__*/ _jsxDEV(_Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(SortDownIcon, {}),
+                    /*#__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'
     }
 ];
@@ -48,29 +56,49 @@ export function SortByPill() {
     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, {
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: /*#__PURE__*/ _jsxDEV(Pill, {
             className: `${baseClass}__trigger`,
-            icon: /*#__PURE__*/ _jsx(ChevronIcon, {}),
+            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__*/ _jsx(SortUpIcon, {
+                sortDirection === 'asc' ? /*#__PURE__*/ _jsxDEV(SortUpIcon, {
                     className: `${baseClass}__sort-icon`
-                }) : /*#__PURE__*/ _jsx(SortDownIcon, {
+                }, 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__*/ _jsxs(_Fragment, {
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV(_Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(PopupList.GroupLabel, {
+                    /*#__PURE__*/ _jsxDEV(PopupList.GroupLabel, {
                         label: "Sort by"
-                    }),
-                    /*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                        children: sortOnOptions.map(({ label, value })=>/*#__PURE__*/ _jsx(PopupList.Button, {
+                    }, 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({
@@ -83,14 +111,30 @@ export function SortByPill() {
                                     close();
                                 },
                                 children: label(t)
-                            }, value))
-                    }),
-                    /*#__PURE__*/ _jsx(PopupList.Divider, {}),
-                    /*#__PURE__*/ _jsx(PopupList.GroupLabel, {
+                            }, 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"
-                    }),
-                    /*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                        children: orderOnOptions.map(({ label, value })=>/*#__PURE__*/ _jsx(PopupList.Button, {
+                    }, 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: ()=>{
@@ -106,13 +150,25 @@ export function SortByPill() {
                                     }
                                 },
                                 children: label(t)
-                            }, value))
-                    })
+                            }, 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,"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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"}
+{"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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"}

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

@@ -1,38 +1,54 @@
-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 { GridViewIcon } from '../../../icons/GridView/index.js';
 import { ListViewIcon } from '../../../icons/ListView/index.js';
 import { Button } from '../../Button/index.js';
 import './index.scss';
 const baseClass = 'folder-view-toggle-button';
 export function ToggleViewButtons({ activeView, setActiveView }) {
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(Button, {
+            /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "pill",
                 className: [
                     baseClass,
                     activeView === 'grid' && `${baseClass}--active`
                 ].filter(Boolean).join(' '),
-                icon: /*#__PURE__*/ _jsx(GridViewIcon, {}),
+                icon: /*#__PURE__*/ _jsxDEV(GridViewIcon, {}, void 0, false, {
+                    fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
+                    lineNumber: 20,
+                    columnNumber: 15
+                }, void 0),
                 margin: false,
                 onClick: ()=>{
                     setActiveView('grid');
                 }
-            }),
-            /*#__PURE__*/ _jsx(Button, {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
+                lineNumber: 15,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "pill",
                 className: [
                     baseClass,
                     activeView === 'list' && `${baseClass}--active`
                 ].filter(Boolean).join(' '),
-                icon: /*#__PURE__*/ _jsx(ListViewIcon, {}),
+                icon: /*#__PURE__*/ _jsxDEV(ListViewIcon, {}, void 0, false, {
+                    fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
+                    lineNumber: 31,
+                    columnNumber: 15
+                }, void 0),
                 margin: false,
                 onClick: ()=>{
                     setActiveView('list');
                 }
-            })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
+                lineNumber: 26,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"mappings":";AAAA,SAASA,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,kBAAkB,EAAEC,UAAU,EAAEC,aAAa,EAAS;IACpE,qBACE;;0BACE,KAACJ;gBACCK,aAAY;gBACZC,WAAW;oBAACL;oBAAWE,eAAe,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBAAC,CACpEM,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,oBAAM,KAACZ;gBACPa,QAAQ;gBACRC,SAAS;oBACPR,cAAc;gBAChB;;0BAEF,KAACJ;gBACCK,aAAY;gBACZC,WAAW;oBAACL;oBAAWE,eAAe,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBAAC,CACpEM,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,oBAAM,KAACX;gBACPY,QAAQ;gBACRC,SAAS;oBACPR,cAAc;gBAChB;;;;AAIR"}
+{"version":3,"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"mappings":";AAAA,SAASA,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,kBAAkB,EAAEC,UAAU,EAAEC,aAAa,EAAS;IACpE,qBACE;;0BACE,QAACJ;gBACCK,aAAY;gBACZC,WAAW;oBAACL;oBAAWE,eAAe,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBAAC,CACpEM,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,oBAAM,QAACZ;;;;;gBACPa,QAAQ;gBACRC,SAAS;oBACPR,cAAc;gBAChB;;;;;;0BAEF,QAACJ;gBACCK,aAAY;gBACZC,WAAW;oBAACL;oBAAWE,eAAe,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBAAC,CACpEM,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,oBAAM,QAACX;;;;;gBACPY,QAAQ;gBACRC,SAAS;oBACPR,cAAc;gBAChB;;;;;;;;AAIR"}

package/dist/elements/FullscreenModal/index.js

@@ -1,11 +1,11 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Modal } from '@faceless-ui/modal';
 import React from 'react';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 export function FullscreenModal(props) {
     const currentDepth = useEditDepth();
-    return /*#__PURE__*/ _jsx(Modal, {
+    return /*#__PURE__*/ _jsxDEV(Modal, {
         // Fixes https://github.com/payloadcms/payload/issues/13778
         closeOnBlur: false,
         ...props,
@@ -13,7 +13,11 @@ export function FullscreenModal(props) {
             ...props.style || {},
             zIndex: `calc(100 + ${currentDepth || 0} + 1)`
         }
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FullscreenModal/index.tsx",
+        lineNumber: 13,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"names":["Modal","React","useEditDepth","FullscreenModal","props","currentDepth","closeOnBlur","style","zIndex"],"mappings":"AAAA;;AAGA,SAASA,KAAK,QAAQ,qBAAoB;AAC1C,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,OAAO,SAASC,gBAAgBC,KAAsC;IACpE,MAAMC,eAAeH;IAErB,qBACE,KAACF;QACC,2DAA2D;QAC3DM,aAAa;QACZ,GAAGF,KAAK;QACTG,OAAO;YACL,GAAIH,MAAMG,KAAK,IAAI,CAAC,CAAC;YACrBC,QAAQ,CAAC,WAAW,EAAEH,gBAAgB,EAAE,KAAK,CAAC;QAChD;;AAGN"}
+{"version":3,"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"names":["Modal","React","useEditDepth","FullscreenModal","props","currentDepth","closeOnBlur","style","zIndex"],"mappings":"AAAA;;AAGA,SAASA,KAAK,QAAQ,qBAAoB;AAC1C,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,OAAO,SAASC,gBAAgBC,KAAsC;IACpE,MAAMC,eAAeH;IAErB,qBACE,QAACF;QACC,2DAA2D;QAC3DM,aAAa;QACZ,GAAGF,KAAK;QACTG,OAAO;YACL,GAAIH,MAAMG,KAAK,IAAI,CAAC,CAAC;YACrBC,QAAQ,CAAC,WAAW,EAAEH,gBAAgB,EAAE,KAAK,CAAC;QAChD;;;;;;AAGN"}