@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1,4 +1,5 @@
 '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';
@@ -42,16 +43,34 @@ const baseClass = 'move-doc-to-folder';
         fromFolderID,
         t
     ]);
-    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}/>;
+    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);
 }
 /**
  * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
@@ -67,50 +86,81 @@ const baseClass = 'move-doc-to-folder';
     const titleToRender = docTitle || getTranslation(getEntityConfig({
         collectionSlug
     }).labels.singular, i18n);
-    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}/>
-    </>;
+    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);
 };
 
 //# 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":"AAAA;AAKA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,KAAK,QAAQ,QAAO;AACpC,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,OAAO,EAAEC,aAAa,QAAQ,iCAAgC;AACvE,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,wBAAuB;AACxE,OAAO,eAAc;AACrB,SAASC,uBAAuB,QAAQ,mCAAkC;AAE1E,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,SAASC,gBAAgB,EAC9BC,WAAW,EACXC,YAAY,EAAE,EACdC,oBAAoB,EACpBC,eAAe,EAMhB;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGX;IACd,MAAMY,gBAAgBhB,cAAc,CAAC,CAACiB,GAAGC,SAAS,GAAKA;IACvD,MAAMC,sBAAsBnB,cAC1B,CAAC,CAACoB,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,gBAAgB,IAAK;IAEzD,MAAMO,eAAeF,qBAAqBG;IAC1C,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAGvB;IACnD,MAAM,EAAEwB,WAAW,EAAE,GAAG5B;IACxB,MAAM,CAAC6B,gBAAgBC,kBAAkB,GAAGjC,MAAMkC,QAAQ,CAAC,IAAM,GAAGf,EAAE,mBAAmB,GAAG,CAAC;IAE7F,MAAM,EAAEgB,MAAM,EAAE,GAAG7B;IACnB,MAAM8B,UAAUnC;IAEhBD,MAAMqC,SAAS,CAAC;QACd,eAAeC;YACb,IAAIb,gBAAiB,CAAA,OAAOA,iBAAiB,YAAY,OAAOA,iBAAiB,QAAO,GAAI;gBAC1F,MAAMc,WAAW,MAAMC,MAAM,GAAGL,OAAOM,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEzB,qBAAqB,CAAC,EAAEQ,cAAc;gBAC3F,MAAMkB,aAAa,MAAMJ,SAASK,IAAI;gBACtCX,kBAAkBU,YAAYE,QAAQ1B,EAAE;YAC1C,OAAO;gBACLc,kBAAkBd,EAAE;YACtB;QACF;QAEA,KAAKmB;IACP,GAAG;QAACrB;QAAsBkB,OAAOM,MAAM,CAACC,GAAG;QAAEjB;QAAcN;KAAE;IAE7D,QACG2B,sBACC/B,aAAaA,aACbC,WAAWA,WACXY,gBAAgBA,gBAChBmB,SAASlB,aACTmB,OAAOrB,IACPsB,UAAUnB,OACVb,sBAAsBA,sBACtBC,iBAAiBA,iBACjBO,cAAcA,cACdO,gBAAgBA,gBAChBkB,WAAW,CAAC,eAAe,EAAEd,SAAS,EACtCe,WAAW,CAAC,EAAExB,EAAE,EAAE;QAChB,IAAIJ,oBAAoBG,KAAK,KAAKC,IAAI;YACpCP,cAAc;gBACZgC,MAAM;gBACNC,MAAMnC;gBACNQ,OAAOC;YACT;YACAI,YAAY;QACd;IACF,GACAuB,kBAAkB,CAAC/B,qBAAqBG;AAG9C;AAkBA;;CAEC,GACD,OAAO,MAAMoB,wBAAwB,CAAC,EACpC/B,WAAW,EACXC,SAAS,EACTY,cAAc,EACdmB,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRhC,oBAAoB,EACpBC,eAAe,EACfO,YAAY,EACZO,cAAc,EACdkB,SAAS,EACTC,SAAS,EACTG,gBAAgB,EACW;IAC3B,MAAM,EAAEC,eAAe,EAAE,GAAGjD;IAC5B,MAAM,EAAEkD,IAAI,EAAErC,CAAC,EAAE,GAAGX;IACpB,MAAM,EAAEiD,UAAU,EAAEC,SAAS,EAAE,GAAG5D;IAClC,MAAM6D,cAAchD;IACpB,MAAMiD,aAAalD,iBAAiB;QAAEmD,MAAMX;QAAWY,OAAOH;IAAY;IAE1E,MAAMI,gBACJd,YAAYlD,eAAewD,gBAAgB;QAAE3B;IAAe,GAAGoC,MAAM,CAACC,QAAQ,EAAET;IAElF,SACI;MACA,CAAC/C,OACCyD,YAAY,SACZlD,WAAW;QAACH;QAAWG;KAAU,CAACmD,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDC,OAAOjE,cACPkE,aAAa,OACbC,SAAS;QACPd,UAAUE;IACZ,IACC,GAAG7C,WAAW,EAChB;QACC,CAACiB,eAAe;MAClB,EAAEvB,OAAO;;MAET,CAACG,wBACC6D,OAAO,mBACPb,YAAYA,YACZ,0BAA0B;IAC1Bc,2BAA2B;QAAC9C;KAAe,EAC3CX,sBAAsBA,sBACtBC,iBAAiBA,iBACjBO,cAAcA,cACdO,gBAAgBA,gBAChB2C,aAAa;QACX;YACEC,SAAS,GAAGhD,eAAe,CAAC,EAAEoB,OAAO;YACrC6B,YAAYjD;YACZF,OAAO;gBAAE,GAAGqB,OAAO;gBAAEpB,IAAIqB;YAAM;QACjC;KACD,EACDG,WAAW,OAAO2B;QAChB,IAAIrD,iBAAiBqD,KAAKnD,EAAE,IAAI,OAAOwB,cAAc,YAAY;YAC/D,IAAI;gBACF,MAAMA,UAAU2B;gBAEhB,IAAIA,KAAKnD,EAAE,EAAE;oBACX,kBAAkB;oBAClBzB,MAAM6E,OAAO,CACX5D,EAAE,2BAA2B;wBAC3B6D,YAAY,CAAC,CAAC,EAAEF,KAAKjC,IAAI,CAAC,CAAC,CAAC;wBAC5Bf,OAAOiC;oBACT;gBAEJ,OAAO;oBACL,gBAAgB;oBAChB7D,MAAM6E,OAAO,CACX5D,EAAE,iCAAiC;wBACjCW,OAAOiC;oBACT;gBAEJ;YACF,EAAE,OAAO1C,GAAG,CAEZ;QACF;QAFI,yBAAyB;QAI7BoC,WAAWG;IACb,GACAN,kBAAkBA,kBAClBxB,OAAOiC,gBACP;IACJ;AAEJ,EAAC"}
+{"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,50 +1,117 @@
 '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 <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>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            className,
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxDEV("table", {
+            cellPadding: 0,
+            cellSpacing: 0,
+            className: `${baseClass}__table`,
+            children: [
+                /*#__PURE__*/ _jsxDEV(TableHead, {
+                    children: /*#__PURE__*/ _jsxDEV(TableRow, {
+                        children: headers
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+                        lineNumber: 29,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+                    lineNumber: 28,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(TableBody, {
+                    children: rows
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+                    lineNumber: 32,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+            lineNumber: 27,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 };
 export const TableHead = ({ children, className, ...rest })=>{
-    return <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>
-      {children}
-    </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 <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>
-      {children}
-    </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 <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>
-      {children}
-    </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 <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>
-      {children}
-    </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 <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>
-      {children}
-    </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 <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>
-      {children}
-    </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":["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"}
+{"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,3 +1,5 @@
+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';
@@ -22,17 +24,29 @@ const sortOnOptions = [
 ];
 const orderOnOptions = [
     {
-        label: (t)=><>
-        <SortUpIcon/>
-        {t('general:ascending')}
-      </>,
+        label: (t)=>/*#__PURE__*/ _jsxDEV(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(SortUpIcon, {}, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 31,
+                        columnNumber: 9
+                    }, this),
+                    t('general:ascending')
+                ]
+            }, void 0, true),
         value: 'asc'
     },
     {
-        label: (t)=><>
-        <SortDownIcon/>
-        {t('general:descending')}
-      </>,
+        label: (t)=>/*#__PURE__*/ _jsxDEV(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(SortDownIcon, {}, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 9
+                    }, this),
+                    t('general:descending')
+                ]
+            }, void 0, true),
         value: 'desc'
     }
 ];
@@ -42,44 +56,119 @@ 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 <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"/>;
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: /*#__PURE__*/ _jsxDEV(Pill, {
+            className: `${baseClass}__trigger`,
+            icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+                fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                lineNumber: 59,
+                columnNumber: 57
+            }, void 0),
+            size: "small",
+            children: [
+                sortDirection === 'asc' ? /*#__PURE__*/ _jsxDEV(SortUpIcon, {
+                    className: `${baseClass}__sort-icon`
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                    lineNumber: 61,
+                    columnNumber: 13
+                }, void 0) : /*#__PURE__*/ _jsxDEV(SortDownIcon, {
+                    className: `${baseClass}__sort-icon`
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                    lineNumber: 63,
+                    columnNumber: 13
+                }, void 0),
+                selectedSortOption?.label(t)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/FolderView/SortByPill/index.tsx",
+            lineNumber: 59,
+            columnNumber: 9
+        }, void 0),
+        className: baseClass,
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(PopupList.GroupLabel, {
+                        label: "Sort by"
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 72,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                        children: sortOnOptions.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                active: selectedSortOption?.value === value,
+                                onClick: ()=>{
+                                    refineFolderData({
+                                        query: {
+                                            page: '1',
+                                            sort: sortDirection === 'desc' ? `-${value}` : value
+                                        },
+                                        updateURL: true
+                                    });
+                                    close();
+                                },
+                                children: label(t)
+                            }, value, false, {
+                                fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                                lineNumber: 75,
+                                columnNumber: 15
+                            }, void 0))
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 73,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.Divider, {}, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 93,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.GroupLabel, {
+                        label: "Order"
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 94,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                        children: orderOnOptions.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                active: selectedOrderOption?.value === value,
+                                className: `${baseClass}__order-option`,
+                                onClick: ()=>{
+                                    if (sortDirection !== value) {
+                                        refineFolderData({
+                                            query: {
+                                                page: '1',
+                                                sort: value === 'desc' ? `-${selectedSortOption?.value}` : selectedSortOption?.value
+                                            },
+                                            updateURL: true
+                                        });
+                                        close();
+                                    }
+                                },
+                                children: label(t)
+                            }, value, false, {
+                                fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                                lineNumber: 97,
+                                columnNumber: 15
+                            }, void 0))
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+                        lineNumber: 95,
+                        columnNumber: 11
+                    }, void 0)
+                ]
+            }, void 0, true),
+        showScrollbar: true,
+        verticalAlign: "bottom"
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/SortByPill/index.tsx",
+        lineNumber: 57,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map