@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

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

@@ -1,4 +1,7 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useId } from 'react';
@@ -15,102 +18,271 @@ import { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js';
 const baseClass = 'move-doc-to-folder';
 /**
  * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.
- */ export function MoveDocToFolder({ buttonProps, className = '', folderCollectionSlug, folderFieldName }) {
-    const { t } = useTranslation();
-    const dispatchField = useFormFields(([_, dispatch])=>dispatch);
-    const currentParentFolder = useFormFields(([fields])=>fields && fields?.[folderFieldName] || null);
-    const fromFolderID = currentParentFolder?.value;
-    const { id, collectionSlug, initialData, title } = useDocumentInfo();
-    const { setModified } = useForm();
-    const [fromFolderName, setFromFolderName] = React.useState(()=>`${t('general:loading')}...`);
-    const { config } = useConfig();
-    const modalID = useId();
-    React.useEffect(()=>{
-        async function fetchFolderLabel() {
-            if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {
-                const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`);
-                const folderData = await response.json();
-                setFromFolderName(folderData?.name || t('folder:noFolder'));
-            } else {
-                setFromFolderName(t('folder:noFolder'));
-            }
-        }
-        void fetchFolderLabel();
-    }, [
-        folderCollectionSlug,
-        config.routes.api,
-        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);
+ */
+export function MoveDocToFolder(t0) {
+  const $ = _c(29);
+  const {
+    buttonProps,
+    className: t1,
+    folderCollectionSlug,
+    folderFieldName
+  } = t0;
+  const className = t1 === undefined ? "" : t1;
+  const {
+    t
+  } = useTranslation();
+  const dispatchField = useFormFields(_temp);
+  let t2;
+  if ($[0] !== folderFieldName) {
+    t2 = t3 => {
+      const [fields] = t3;
+      return fields && fields?.[folderFieldName] || null;
+    };
+    $[0] = folderFieldName;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const currentParentFolder = useFormFields(t2);
+  const fromFolderID = currentParentFolder?.value;
+  const {
+    id,
+    collectionSlug,
+    initialData,
+    title
+  } = useDocumentInfo();
+  const {
+    setModified
+  } = useForm();
+  let t3;
+  if ($[2] !== t) {
+    t3 = () => `${t("general:loading")}...`;
+    $[2] = t;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const [fromFolderName, setFromFolderName] = React.useState(t3);
+  const {
+    config
+  } = useConfig();
+  const modalID = useId();
+  let t4;
+  let t5;
+  if ($[4] !== config.routes.api || $[5] !== folderCollectionSlug || $[6] !== fromFolderID || $[7] !== t) {
+    t4 = () => {
+      const fetchFolderLabel = async function fetchFolderLabel() {
+        if (fromFolderID && (typeof fromFolderID === "string" || typeof fromFolderID === "number")) {
+          const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`);
+          const folderData = await response.json();
+          setFromFolderName(folderData?.name || t("folder:noFolder"));
+        } else {
+          setFromFolderName(t("folder:noFolder"));
         }
-    }} skipConfirmModal={!currentParentFolder?.value}/>;
+      };
+      fetchFolderLabel();
+    };
+    t5 = [folderCollectionSlug, config.routes.api, fromFolderID, t];
+    $[4] = config.routes.api;
+    $[5] = folderCollectionSlug;
+    $[6] = fromFolderID;
+    $[7] = t;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  React.useEffect(t4, t5);
+  const t6 = `move-to-folder-${modalID}`;
+  let t7;
+  if ($[10] !== currentParentFolder || $[11] !== dispatchField || $[12] !== folderFieldName || $[13] !== setModified) {
+    t7 = t8 => {
+      const {
+        id: id_0
+      } = t8;
+      if (currentParentFolder.value !== id_0) {
+        dispatchField({
+          type: "UPDATE",
+          path: folderFieldName,
+          value: id_0
+        });
+        setModified(true);
+      }
+    };
+    $[10] = currentParentFolder;
+    $[11] = dispatchField;
+    $[12] = folderFieldName;
+    $[13] = setModified;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  const t8 = !currentParentFolder?.value;
+  let t9;
+  if ($[15] !== buttonProps || $[16] !== className || $[17] !== collectionSlug || $[18] !== folderCollectionSlug || $[19] !== folderFieldName || $[20] !== fromFolderID || $[21] !== fromFolderName || $[22] !== id || $[23] !== initialData || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== title) {
+    t9 = _jsx(MoveDocToFolderButton, {
+      buttonProps,
+      className,
+      collectionSlug,
+      docData: initialData,
+      docID: id,
+      docTitle: title,
+      folderCollectionSlug,
+      folderFieldName,
+      fromFolderID,
+      fromFolderName,
+      modalSlug: t6,
+      onConfirm: t7,
+      skipConfirmModal: t8
+    });
+    $[15] = buttonProps;
+    $[16] = className;
+    $[17] = collectionSlug;
+    $[18] = folderCollectionSlug;
+    $[19] = folderFieldName;
+    $[20] = fromFolderID;
+    $[21] = fromFolderName;
+    $[22] = id;
+    $[23] = initialData;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = title;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  return t9;
 }
 /**
  * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
- */ export const MoveDocToFolderButton = ({ buttonProps, className, collectionSlug, docData, docID, docTitle, folderCollectionSlug, folderFieldName, fromFolderID, fromFolderName, modalSlug, onConfirm, skipConfirmModal })=>{
-    const { getEntityConfig } = useConfig();
-    const { i18n, t } = useTranslation();
-    const { closeModal, openModal } = useModal();
-    const drawerDepth = useDrawerDepth();
+ */
+function _temp(t0) {
+  const [, dispatch] = t0;
+  return dispatch;
+}
+export const MoveDocToFolderButton = t0 => {
+  const $ = _c(22);
+  const {
+    buttonProps,
+    className,
+    collectionSlug,
+    docData,
+    docID,
+    docTitle,
+    folderCollectionSlug,
+    folderFieldName,
+    fromFolderID,
+    fromFolderName,
+    modalSlug,
+    onConfirm,
+    skipConfirmModal
+  } = t0;
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const drawerDepth = useDrawerDepth();
+  let t1;
+  if ($[0] !== buttonProps || $[1] !== className || $[2] !== closeModal || $[3] !== collectionSlug || $[4] !== docData || $[5] !== docID || $[6] !== docTitle || $[7] !== drawerDepth || $[8] !== folderCollectionSlug || $[9] !== folderFieldName || $[10] !== fromFolderID || $[11] !== fromFolderName || $[12] !== getEntityConfig || $[13] !== i18n || $[14] !== modalSlug || $[15] !== onConfirm || $[16] !== openModal || $[17] !== skipConfirmModal || $[18] !== t) {
     const drawerSlug = formatDrawerSlug({
-        slug: modalSlug,
-        depth: drawerDepth
+      slug: modalSlug,
+      depth: drawerDepth
     });
     const titleToRender = docTitle || getTranslation(getEntityConfig({
-        collectionSlug
+      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') {
+    let t2;
+    if ($[20] !== className) {
+      t2 = [baseClass, className].filter(Boolean);
+      $[20] = className;
+      $[21] = t2;
+    } else {
+      t2 = $[21];
+    }
+    t1 = _jsxs(_Fragment, {
+      children: [_jsx(Button, {
+        buttonStyle: "subtle",
+        className: t2.join(" "),
+        icon: _jsx(FolderIcon, {}),
+        iconPosition: "left",
+        onClick: () => {
+          openModal(drawerSlug);
+        },
+        ...buttonProps,
+        children: fromFolderName
+      }), _jsx(MoveItemsToFolderDrawer, {
+        action: "moveItemToFolder",
+        drawerSlug,
+        folderAssignedCollections: [collectionSlug],
+        folderCollectionSlug,
+        folderFieldName,
+        fromFolderID,
+        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}/>
-    </>;
+              await onConfirm(args);
+              if (args.id) {
+                toast.success(t("folder:itemHasBeenMoved", {
+                  folderName: `"${args.name}"`,
+                  title: titleToRender
+                }));
+              } else {
+                toast.success(t("folder:itemHasBeenMovedToRoot", {
+                  title: titleToRender
+                }));
+              }
+            } catch (t3) {
+              const _ = t3;
+            }
+          }
+          closeModal(drawerSlug);
+        },
+        skipConfirmModal,
+        title: titleToRender
+      })]
+    });
+    $[0] = buttonProps;
+    $[1] = className;
+    $[2] = closeModal;
+    $[3] = collectionSlug;
+    $[4] = docData;
+    $[5] = docID;
+    $[6] = docTitle;
+    $[7] = drawerDepth;
+    $[8] = folderCollectionSlug;
+    $[9] = folderFieldName;
+    $[10] = fromFolderID;
+    $[11] = fromFolderName;
+    $[12] = getEntityConfig;
+    $[13] = i18n;
+    $[14] = modalSlug;
+    $[15] = onConfirm;
+    $[16] = openModal;
+    $[17] = skipConfirmModal;
+    $[18] = t;
+    $[19] = t1;
+  } else {
+    t1 = $[19];
+  }
+  return t1;
 };
-
 //# 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,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","t0","$","buttonProps","className","t1","folderCollectionSlug","folderFieldName","undefined","t","dispatchField","_temp","t2","t3","fields","currentParentFolder","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","t4","t5","routes","api","fetchFolderLabel","response","fetch","folderData","json","name","useEffect","t6","t7","t8","id_0","type","path","t9","_jsx","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","skipConfirmModal","dispatch","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","slug","depth","titleToRender","labels","singular","filter","Boolean","_jsxs","_Fragment","children","buttonStyle","join","icon","iconPosition","onClick","action","folderAssignedCollections","itemsToMove","itemKey","relationTo","args","success","folderName","_"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -1,50 +1,95 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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>;
+export const SimpleTable = ({
+  appearance,
+  className,
+  headerCells: headers,
+  tableRows: rows
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    className: [className, baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsxs("table", {
+      cellPadding: 0,
+      cellSpacing: 0,
+      className: `${baseClass}__table`,
+      children: [/*#__PURE__*/_jsx(TableHead, {
+        children: /*#__PURE__*/_jsx(TableRow, {
+          children: headers
+        })
+      }), /*#__PURE__*/_jsx(TableBody, {
+        children: rows
+      })]
+    })
+  });
 };
-export const TableHead = ({ children, className, ...rest })=>{
-    return <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>
-      {children}
-    </thead>;
+export const TableHead = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx("thead", {
+    className: `${baseClass}__thead ${className || ''}`.trim(),
+    ...rest,
+    children: children
+  });
 };
-export const TableBody = ({ children, className, ...rest })=>{
-    return <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>
-      {children}
-    </tbody>;
+export const TableBody = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx("tbody", {
+    className: `${baseClass}__tbody ${className || ''}`.trim(),
+    ...rest,
+    children: children
+  });
 };
-export const TableRow = ({ children, className, ...rest })=>{
-    return <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>
-      {children}
-    </tr>;
+export const TableRow = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx("tr", {
+    className: `${baseClass}__tr ${className || ''}`.trim(),
+    ...rest,
+    children: children
+  });
 };
-export const TableCell = ({ children, className, ...rest })=>{
-    return <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>
-      {children}
-    </td>;
+export const TableCell = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx("td", {
+    className: `${baseClass}__td ${className || ''}`.trim(),
+    ...rest,
+    children: children
+  });
 };
-export const TableHeader = ({ children, className, ...rest })=>{
-    return <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>
-      {children}
-    </th>;
+export const TableHeader = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx("th", {
+    className: `${baseClass}__th ${className || ''}`.trim(),
+    ...rest,
+    children: children
+  });
 };
-export const HiddenCell = ({ children, className, ...rest })=>{
-    return <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>
-      {children}
-    </td>;
+export const HiddenCell = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx("td", {
+    className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
+    ...rest,
+    children: children
+  });
 };
-
 //# 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,"file":"index.js","names":["React","baseClass","SimpleTable","appearance","className","headerCells","headers","tableRows","rows","_jsx","filter","Boolean","join","_jsxs","cellPadding","cellSpacing","TableHead","TableRow","TableBody","children","rest","trim","TableCell","TableHeader","HiddenCell"],"sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'simple-table'\n\ntype TableProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly className?: string\n  readonly headerCells: React.ReactNode[]\n  readonly tableRows: React.ReactNode[]\n}\nexport const SimpleTable = ({\n  appearance,\n  className,\n  headerCells: headers,\n  tableRows: rows,\n}: TableProps) => {\n  return (\n    <div\n      className={[className, baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>\n        <TableHead>\n          <TableRow>{headers}</TableRow>\n        </TableHead>\n\n        <TableBody>{rows}</TableBody>\n      </table>\n    </div>\n  )\n}\n\nexport const TableHead = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>\n      {children}\n    </thead>\n  )\n}\n\nexport const TableBody = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tbody>\n  )\n}\n\nexport const TableRow = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableRowElement>) => {\n  return (\n    <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tr>\n  )\n}\n\nexport const TableCell = ({\n  children,\n  className,\n  ...rest\n}: React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n\nexport const TableHeader = ({\n  children,\n  className,\n  ...rest\n}: React.ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>\n      {children}\n    </th>\n  )\n}\n\nexport const HiddenCell = ({\n  children,\n  className,\n  ...rest\n}: { children?: React.ReactNode } & React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,UAAU;EACVC,SAAS;EACTC,WAAA,EAAaC,OAAO;EACpBC,SAAA,EAAWC;AAAI,CACJ;EACX,oBACEC,IAAA,CAAC;IACCL,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,EAAWE,UAAA,IAAc,GAAGF,SAAA,gBAAyBE,UAAA,EAAY,CAAC,CACtFO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAER,aAAAC,KAAA,CAAC;MAAMC,WAAA,EAAa;MAAGC,WAAA,EAAa;MAAGX,SAAA,EAAW,GAAGH,SAAA,SAAkB;8BACrEQ,IAAA,CAACO,SAAA;kBACC,aAAAP,IAAA,CAACQ,QAAA;oBAAUX;;uBAGbG,IAAA,CAACS,SAAA;kBAAWV;;;;AAIpB;AAEA,OAAO,MAAMQ,SAAA,GAAYA,CAAC;EACxBG,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMD,SAAA,GAAYA,CAAC;EACxBC,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMF,QAAA,GAAWA,CAAC;EACvBE,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CACuC;EAC1C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMG,SAAA,GAAYA,CAAC;EACxBH,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMI,WAAA,GAAcA,CAAC;EAC1BJ,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMK,UAAA,GAAaA,CAAC;EACzBL,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2E;EAC9E,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,iBAA0BG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAC3ED;;AAGP","ignoreList":[]}