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

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

@@ -1,5 +1,4 @@
 'use client';
-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,34 +42,16 @@ const baseClass = 'move-doc-to-folder';
         fromFolderID,
         t
     ]);
-    return /*#__PURE__*/ _jsxDEV(MoveDocToFolderButton, {
-        buttonProps: buttonProps,
-        className: className,
-        collectionSlug: collectionSlug,
-        docData: initialData,
-        docID: id,
-        docTitle: title,
-        folderCollectionSlug: folderCollectionSlug,
-        folderFieldName: folderFieldName,
-        fromFolderID: fromFolderID,
-        fromFolderName: fromFolderName,
-        modalSlug: `move-to-folder-${modalID}`,
-        onConfirm: ({ id })=>{
-            if (currentParentFolder.value !== id) {
-                dispatchField({
-                    type: 'UPDATE',
-                    path: folderFieldName,
-                    value: id
-                });
-                setModified(true);
-            }
-        },
-        skipConfirmModal: !currentParentFolder?.value
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/MoveDocToFolder/index.tsx",
-        lineNumber: 67,
-        columnNumber: 5
-    }, this);
+    return <MoveDocToFolderButton buttonProps={buttonProps} className={className} collectionSlug={collectionSlug} docData={initialData} docID={id} docTitle={title} folderCollectionSlug={folderCollectionSlug} folderFieldName={folderFieldName} fromFolderID={fromFolderID} fromFolderName={fromFolderName} modalSlug={`move-to-folder-${modalID}`} onConfirm={({ id })=>{
+        if (currentParentFolder.value !== id) {
+            dispatchField({
+                type: 'UPDATE',
+                path: folderFieldName,
+                value: id
+            });
+            setModified(true);
+        }
+    }} skipConfirmModal={!currentParentFolder?.value}/>;
 }
 /**
  * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
@@ -86,81 +67,50 @@ const baseClass = 'move-doc-to-folder';
     const titleToRender = docTitle || getTranslation(getEntityConfig({
         collectionSlug
     }).labels.singular, i18n);
-    return /*#__PURE__*/ _jsxDEV(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "subtle",
-                className: [
-                    baseClass,
-                    className
-                ].filter(Boolean).join(' '),
-                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
-            }, 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
-                folderAssignedCollections: [
-                    collectionSlug
-                ],
-                folderCollectionSlug: folderCollectionSlug,
-                folderFieldName: folderFieldName,
-                fromFolderID: fromFolderID,
-                fromFolderName: fromFolderName,
-                itemsToMove: [
-                    {
-                        itemKey: `${collectionSlug}-${docID}`,
-                        relationTo: collectionSlug,
-                        value: {
-                            ...docData,
-                            id: docID
-                        }
-                    }
-                ],
-                onConfirm: async (args)=>{
-                    if (fromFolderID !== args.id && typeof onConfirm === 'function') {
-                        try {
-                            await onConfirm(args);
-                            if (args.id) {
-                                // moved to folder
-                                toast.success(t('folder:itemHasBeenMoved', {
-                                    folderName: `"${args.name}"`,
-                                    title: titleToRender
-                                }));
-                            } else {
-                                // moved to root
-                                toast.success(t('folder:itemHasBeenMovedToRoot', {
-                                    title: titleToRender
-                                }));
-                            }
-                        } catch (_) {}
-                    }
-                    // todo: add error toast?
-                    closeModal(drawerSlug);
-                },
-                skipConfirmModal: skipConfirmModal,
-                title: titleToRender
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/MoveDocToFolder/index.tsx",
-                lineNumber: 152,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true);
+    return <>
+      <Button buttonStyle="subtle" className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')} icon={<FolderIcon/>} iconPosition="left" onClick={()=>{
+        openModal(drawerSlug);
+    }} {...buttonProps}>
+        {fromFolderName}
+      </Button>
+
+      <MoveItemsToFolderDrawer action="moveItemToFolder" drawerSlug={drawerSlug} //todo this should inherit
+    folderAssignedCollections={[
+        collectionSlug
+    ]} folderCollectionSlug={folderCollectionSlug} folderFieldName={folderFieldName} fromFolderID={fromFolderID} fromFolderName={fromFolderName} itemsToMove={[
+        {
+            itemKey: `${collectionSlug}-${docID}`,
+            relationTo: collectionSlug,
+            value: {
+                ...docData,
+                id: docID
+            }
+        }
+    ]} onConfirm={async (args)=>{
+        if (fromFolderID !== args.id && typeof onConfirm === 'function') {
+            try {
+                await onConfirm(args);
+                if (args.id) {
+                    // moved to folder
+                    toast.success(t('folder:itemHasBeenMoved', {
+                        folderName: `"${args.name}"`,
+                        title: titleToRender
+                    }));
+                } else {
+                    // moved to root
+                    toast.success(t('folder:itemHasBeenMovedToRoot', {
+                        title: titleToRender
+                    }));
+                }
+            } catch (_) {}
+        }
+        // todo: add error toast?
+        closeModal(drawerSlug);
+    }} skipConfirmModal={skipConfirmModal} title={titleToRender}/>
+    </>;
 };
 
 //# 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,117 +1,50 @@
 'use client';
-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__*/ _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);
+    return <div className={[
+        className,
+        baseClass,
+        appearance && `${baseClass}--appearance-${appearance}`
+    ].filter(Boolean).join(' ')}>
+      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>
+        <TableHead>
+          <TableRow>{headers}</TableRow>
+        </TableHead>
+
+        <TableBody>{rows}</TableBody>
+      </table>
+    </div>;
 };
 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);
+    return <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>
+      {children}
+    </thead>;
 };
 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);
+    return <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>
+      {children}
+    </tbody>;
 };
 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);
+    return <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>
+      {children}
+    </tr>;
 };
 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);
+    return <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>
+      {children}
+    </td>;
 };
 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);
+    return <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>
+      {children}
+    </th>;
 };
 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);
+    return <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>
+      {children}
+    </td>;
 };
 
 //# 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,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"}
+{"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":["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;AAIA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAQlB,OAAO,MAAMC,cAAc,CAAC,EAC1BC,UAAU,EACVC,SAAS,EACTC,aAAaC,OAAO,EACpBC,WAAWC,IAAI,EACJ;IACX,QACGC,IACCL,WAAW;QAACA;QAAWH;QAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;KAAC,CACtFO,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACC,MAAMC,aAAa,GAAGC,aAAa,GAAGX,WAAW,GAAGH,UAAU,OAAO,CAAC,EAAE;QACvE,CAACe,UAAU;UACT,CAACC,UAAUX,UAAUW,SAAS;QAChC,EAAED,UAAU;;QAEZ,CAACE,WAAWV,OAAOU,UAAU;MAC/B,EAAEL,MAAM;IACV,EAAEJ;AAEN,EAAC;AAED,OAAO,MAAMO,YAAY,CAAC,EACxBG,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,QACGC,MAAMjB,WAAW,GAAGH,UAAU,QAAQ,EAAEG,aAAa,IAAI,CAACkB,IAAI,KAAK,GAAGF,IAAI,EAAE;MAC3E,CAACD,SAAS;IACZ,EAAEE;AAEN,EAAC;AAED,OAAO,MAAMH,YAAY,CAAC,EACxBC,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,QACGG,MAAMnB,WAAW,GAAGH,UAAU,QAAQ,EAAEG,aAAa,IAAI,CAACkB,IAAI,KAAK,GAAGF,IAAI,EAAE;MAC3E,CAACD,SAAS;IACZ,EAAEI;AAEN,EAAC;AAED,OAAO,MAAMN,WAAW,CAAC,EACvBE,QAAQ,EACRf,SAAS,EACT,GAAGgB,MACuC;IAC1C,QACGI,GAAGpB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI,KAAK,GAAGF,IAAI,EAAE;MACrE,CAACD,SAAS;IACZ,EAAEK;AAEN,EAAC;AAED,OAAO,MAAMC,YAAY,CAAC,EACxBN,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC0C;IAC7C,QACGM,GAAGtB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI,KAAK,GAAGF,IAAI,EAAE;MACrE,CAACD,SAAS;IACZ,EAAEO;AAEN,EAAC;AAED,OAAO,MAAMC,cAAc,CAAC,EAC1BR,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC0C;IAC7C,QACGQ,GAAGxB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI,KAAK,GAAGF,IAAI,EAAE;MACrE,CAACD,SAAS;IACZ,EAAES;AAEN,EAAC;AAED,OAAO,MAAMC,aAAa,CAAC,EACzBV,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2E;IAC9E,QACGM,GAAGtB,WAAW,GAAGH,UAAU,cAAc,EAAEG,aAAa,IAAI,CAACkB,IAAI,KAAK,GAAGF,IAAI,EAAE;MAC9E,CAACD,SAAS;IACZ,EAAEO;AAEN,EAAC"}

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

@@ -1,5 +1,3 @@
-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';
 import { useFolder } from '../../../providers/Folders/index.js';
@@ -24,29 +22,17 @@ const sortOnOptions = [
 ];
 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),
+        label: (t)=><>
+        <SortUpIcon/>
+        {t('general:ascending')}
+      </>,
         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),
+        label: (t)=><>
+        <SortDownIcon/>
+        {t('general:descending')}
+      </>,
         value: 'desc'
     }
 ];
@@ -56,119 +42,44 @@ 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__*/ _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);
+    return <Popup button={<Pill className={`${baseClass}__trigger`} icon={<ChevronIcon/>} size="small">
+          {sortDirection === 'asc' ? <SortUpIcon className={`${baseClass}__sort-icon`}/> : <SortDownIcon className={`${baseClass}__sort-icon`}/>}
+          {selectedSortOption?.label(t)}
+        </Pill>} className={baseClass} horizontalAlign="right" render={({ close })=><>
+          <PopupList.GroupLabel label="Sort by"/>
+          <PopupList.ButtonGroup>
+            {sortOnOptions.map(({ label, value })=><PopupList.Button active={selectedSortOption?.value === value} key={value} onClick={()=>{
+                refineFolderData({
+                    query: {
+                        page: '1',
+                        sort: sortDirection === 'desc' ? `-${value}` : value
+                    },
+                    updateURL: true
+                });
+                close();
+            }}>
+                {label(t)}
+              </PopupList.Button>)}
+          </PopupList.ButtonGroup>
+          <PopupList.Divider/>
+          <PopupList.GroupLabel label="Order"/>
+          <PopupList.ButtonGroup>
+            {orderOnOptions.map(({ label, value })=><PopupList.Button active={selectedOrderOption?.value === value} className={`${baseClass}__order-option`} key={value} onClick={()=>{
+                if (sortDirection !== value) {
+                    refineFolderData({
+                        query: {
+                            page: '1',
+                            sort: value === 'desc' ? `-${selectedSortOption?.value}` : selectedSortOption?.value
+                        },
+                        updateURL: true
+                    });
+                    close();
+                }
+            }}>
+                {label(t)}
+              </PopupList.Button>)}
+          </PopupList.ButtonGroup>
+        </>} showScrollbar verticalAlign="bottom"/>;
 }
 
 //# sourceMappingURL=index.js.map