@payloadcms/ui 3.43.0-canary.7 → 3.43.0-internal.693bd81

package/dist/elements/FolderView/Drawers/MoveToFolder/index.js

@@ -4,12 +4,10 @@ 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 { extractID } from 'payload/shared';
+import { formatFolderOrDocumentItem } from 'payload/shared';
 import React from 'react';
-import { useAuth } from '../../../../providers/Auth/index.js';
+import { useConfig } from '../../../../providers/Config/index.js';
 import { FolderProvider, useFolder } from '../../../../providers/Folders/index.js';
-import { useRouteCache } from '../../../../providers/RouteCache/index.js';
-import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { Button } from '../../../Button/index.js';
 import { ConfirmationModal } from '../../../ConfirmationModal/index.js';
@@ -23,6 +21,7 @@ import { NoListResults } from '../../../NoListResults/index.js';
 import { Translation } from '../../../Translation/index.js';
 import { FolderBreadcrumbs } from '../../Breadcrumbs/index.js';
 import { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js';
+import { ItemCardGrid } from '../../ItemCardGrid/index.js';
 import './index.scss';
 const baseClass = 'move-folder-drawer';
 const baseModalSlug = 'move-folder-drawer';
@@ -39,156 +38,141 @@ export function MoveItemsToFolderDrawer(props) {
 }
 function LoadFolderData(props) {
   const {
-    permissions
-  } = useAuth();
+    config: {
+      routes,
+      serverURL
+    }
+  } = useConfig();
   const [subfolders, setSubfolders] = React.useState([]);
   const [documents, setDocuments] = React.useState([]);
   const [breadcrumbs, setBreadcrumbs] = React.useState([]);
-  const [FolderResultsComponent, setFolderResultsComponent] = React.useState(null);
   const [hasLoaded, setHasLoaded] = React.useState(false);
-  const [folderID, setFolderID] = React.useState(props.fromFolderID || null);
-  const hasLoadedRef = React.useRef(false);
-  const {
-    getFolderResultsComponentAndData
-  } = useServerFunctions();
-  const populateMoveToFolderDrawer = React.useCallback(async folderIDToPopulate => {
-    try {
-      const result = await getFolderResultsComponentAndData({
-        activeCollectionSlugs: [props.folderCollectionSlug],
-        browseByFolder: false,
-        displayAs: 'grid',
-        folderID: folderIDToPopulate,
-        sort: '_folderOrDocumentTitle'
-      });
-      setBreadcrumbs(result.breadcrumbs || []);
-      setSubfolders(result?.subfolders || []);
-      setDocuments(result?.documents || []);
-      setFolderResultsComponent(result.FolderResultsComponent || null);
-      setFolderID(folderIDToPopulate);
-      setHasLoaded(true);
-    } catch (e) {
-      setBreadcrumbs([]);
-      setSubfolders([]);
-      setDocuments([]);
-    }
-    hasLoadedRef.current = true;
-  }, [getFolderResultsComponentAndData, props.folderCollectionSlug]);
   React.useEffect(() => {
-    if (!hasLoadedRef.current) {
-      void populateMoveToFolderDrawer(props.fromFolderID);
+    const onLoad = async () => {
+      // call some endpoint to load the data
+      try {
+        const folderDataReq = await fetch(`${serverURL}${routes.api}/${props.folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`, {
+          credentials: 'include',
+          headers: {
+            'content-type': 'application/json'
+          }
+        });
+        if (folderDataReq.status === 200) {
+          const folderDataRes = await folderDataReq.json();
+          setBreadcrumbs(folderDataRes?.breadcrumbs || []);
+          setSubfolders(folderDataRes?.subfolders || []);
+          setDocuments(folderDataRes?.documents || []);
+        } else {
+          setBreadcrumbs([]);
+          setSubfolders([]);
+          setDocuments([]);
+        }
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error(e);
+      }
+      setHasLoaded(true);
+    };
+    if (!hasLoaded) {
+      void onLoad();
     }
-  }, [populateMoveToFolderDrawer, props.fromFolderID]);
+  }, [props.folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID]);
   if (!hasLoaded) {
     return /*#__PURE__*/_jsx(LoadingOverlay, {});
   }
   return /*#__PURE__*/_jsx(FolderProvider, {
-    allCollectionFolderSlugs: [props.folderCollectionSlug],
-    allowCreateCollectionSlugs: permissions.collections[props.folderCollectionSlug]?.create ? [props.folderCollectionSlug] : [],
     allowMultiSelection: false,
     breadcrumbs: breadcrumbs,
     documents: documents,
+    folderCollectionSlugs: [],
     folderFieldName: props.folderFieldName,
-    folderID: folderID,
-    FolderResultsComponent: FolderResultsComponent,
-    onItemClick: async item => {
-      await populateMoveToFolderDrawer(item.value.id);
-    },
+    folderID: props.fromFolderID,
     subfolders: subfolders,
     children: /*#__PURE__*/_jsx(Content, {
-      ...props,
-      populateMoveToFolderDrawer: populateMoveToFolderDrawer
+      ...props
     })
-  }, folderID);
+  });
 }
 function Content(t0) {
-  const $ = _c(76);
+  const $ = _c(59);
   let drawerSlug;
-  let fromFolderID;
   let fromFolderName;
   let itemsToMove;
   let onConfirm;
-  let populateMoveToFolderDrawer;
   let props;
   let skipConfirmModal;
   if ($[0] !== t0) {
     ({
       drawerSlug,
-      fromFolderID,
       fromFolderName,
       itemsToMove,
       onConfirm,
-      populateMoveToFolderDrawer,
       skipConfirmModal,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = drawerSlug;
-    $[2] = fromFolderID;
-    $[3] = fromFolderName;
-    $[4] = itemsToMove;
-    $[5] = onConfirm;
-    $[6] = populateMoveToFolderDrawer;
-    $[7] = props;
-    $[8] = skipConfirmModal;
+    $[2] = fromFolderName;
+    $[3] = itemsToMove;
+    $[4] = onConfirm;
+    $[5] = props;
+    $[6] = skipConfirmModal;
   } else {
     drawerSlug = $[1];
-    fromFolderID = $[2];
-    fromFolderName = $[3];
-    itemsToMove = $[4];
-    onConfirm = $[5];
-    populateMoveToFolderDrawer = $[6];
-    props = $[7];
-    skipConfirmModal = $[8];
+    fromFolderName = $[2];
+    itemsToMove = $[3];
+    onConfirm = $[4];
+    props = $[5];
+    skipConfirmModal = $[6];
   }
-  const {
-    clearRouteCache
-  } = useRouteCache();
   const {
     closeModal,
-    isModalOpen,
     openModal
   } = useModal();
   let t1;
-  if ($[9] !== itemsToMove) {
+  if ($[7] !== itemsToMove) {
     t1 = () => itemsToMove.length;
-    $[9] = itemsToMove;
-    $[10] = t1;
+    $[7] = itemsToMove;
+    $[8] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[8];
   }
   const [count] = React.useState(t1);
-  const [folderAddedToUnderlyingFolder, setFolderAddedToUnderlyingFolder] = React.useState(false);
   const {
     i18n,
     t
   } = useTranslation();
   const {
+    addItems,
     breadcrumbs,
     folderCollectionConfig,
     folderCollectionSlug,
     folderFieldName,
     folderID,
-    FolderResultsComponent,
     getSelectedItems,
+    setFolderID,
     subfolders
   } = useFolder();
   let t2;
-  if ($[11] !== folderCollectionSlug) {
+  if ($[9] !== folderCollectionSlug) {
     t2 = {
       collectionSlug: folderCollectionSlug
     };
-    $[11] = folderCollectionSlug;
-    $[12] = t2;
+    $[9] = folderCollectionSlug;
+    $[10] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[10];
   }
   const [FolderDocumentDrawer,, t3] = useDocumentDrawer(t2);
   const {
     closeDrawer: closeFolderDrawer,
     openDrawer: openFolderDrawer
   } = t3;
+  const {
+    getEntityConfig
+  } = useConfig();
   let t4;
-  if ($[13] !== breadcrumbs || $[14] !== getSelectedItems) {
+  if ($[11] !== breadcrumbs || $[12] !== getSelectedItems) {
     t4 = () => {
       const selected = getSelectedItems();
       if (selected.length === 0) {
@@ -204,159 +188,121 @@ function Content(t0) {
         };
       }
     };
-    $[13] = breadcrumbs;
-    $[14] = getSelectedItems;
-    $[15] = t4;
+    $[11] = breadcrumbs;
+    $[12] = getSelectedItems;
+    $[13] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[13];
   }
   const getSelectedFolder = t4;
   let t5;
-  if ($[16] !== folderCollectionSlug || $[17] !== folderID || $[18] !== fromFolderID || $[19] !== populateMoveToFolderDrawer) {
-    t5 = async t6 => {
+  if ($[14] !== addItems || $[15] !== folderFieldName || $[16] !== getEntityConfig) {
+    t5 = t6 => {
       const {
         collectionSlug,
         doc
       } = t6;
-      await populateMoveToFolderDrawer(folderID);
-      if (collectionSlug === folderCollectionSlug && (doc?.folder && fromFolderID === extractID(doc?.folder) || !fromFolderID && !doc?.folder)) {
-        setFolderAddedToUnderlyingFolder(true);
-      }
+      const collectionConfig = getEntityConfig({
+        collectionSlug
+      });
+      addItems([formatFolderOrDocumentItem({
+        folderFieldName,
+        isUpload: Boolean(collectionConfig?.upload),
+        relationTo: collectionSlug,
+        useAsTitle: collectionConfig.admin.useAsTitle,
+        value: doc
+      })]);
     };
-    $[16] = folderCollectionSlug;
-    $[17] = folderID;
-    $[18] = fromFolderID;
-    $[19] = populateMoveToFolderDrawer;
-    $[20] = t5;
+    $[14] = addItems;
+    $[15] = folderFieldName;
+    $[16] = getEntityConfig;
+    $[17] = t5;
   } else {
-    t5 = $[20];
+    t5 = $[17];
   }
   const onCreateSuccess = t5;
   let t6;
-  if ($[21] !== getSelectedFolder || $[22] !== onConfirm) {
+  if ($[18] !== getSelectedFolder || $[19] !== onConfirm) {
     t6 = () => {
       if (typeof onConfirm === "function") {
         onConfirm(getSelectedFolder());
       }
     };
-    $[21] = getSelectedFolder;
-    $[22] = onConfirm;
-    $[23] = t6;
+    $[18] = getSelectedFolder;
+    $[19] = onConfirm;
+    $[20] = t6;
   } else {
-    t6 = $[23];
+    t6 = $[20];
   }
   const onConfirmMove = t6;
   let t7;
-  let t8;
-  if ($[24] !== clearRouteCache || $[25] !== drawerSlug || $[26] !== folderAddedToUnderlyingFolder || $[27] !== isModalOpen) {
+  if ($[21] !== closeModal || $[22] !== drawerSlug) {
     t7 = () => {
-      if (!isModalOpen(drawerSlug) && folderAddedToUnderlyingFolder) {
-        setFolderAddedToUnderlyingFolder(false);
-        clearRouteCache();
-      }
-    };
-    t8 = [drawerSlug, isModalOpen, clearRouteCache, folderAddedToUnderlyingFolder];
-    $[24] = clearRouteCache;
-    $[25] = drawerSlug;
-    $[26] = folderAddedToUnderlyingFolder;
-    $[27] = isModalOpen;
-    $[28] = t7;
-    $[29] = t8;
-  } else {
-    t7 = $[28];
-    t8 = $[29];
-  }
-  React.useEffect(t7, t8);
-  let t9;
-  if ($[30] !== closeModal || $[31] !== drawerSlug) {
-    t9 = () => {
       closeModal(drawerSlug);
     };
-    $[30] = closeModal;
-    $[31] = drawerSlug;
-    $[32] = t9;
+    $[21] = closeModal;
+    $[22] = drawerSlug;
+    $[23] = t7;
   } else {
-    t9 = $[32];
+    t7 = $[23];
   }
-  let t10;
-  if ($[33] !== onConfirmMove || $[34] !== openModal || $[35] !== skipConfirmModal) {
-    t10 = () => {
+  let t8;
+  if ($[24] !== onConfirmMove || $[25] !== openModal || $[26] !== skipConfirmModal) {
+    t8 = () => {
       if (skipConfirmModal) {
         onConfirmMove();
       } else {
         openModal(confirmModalSlug);
       }
     };
-    $[33] = onConfirmMove;
-    $[34] = openModal;
-    $[35] = skipConfirmModal;
-    $[36] = t10;
+    $[24] = onConfirmMove;
+    $[25] = openModal;
+    $[26] = skipConfirmModal;
+    $[27] = t8;
   } else {
-    t10 = $[36];
+    t8 = $[27];
   }
-  let t11;
-  if ($[37] !== FolderDocumentDrawer || $[38] !== FolderResultsComponent || $[39] !== breadcrumbs || $[40] !== closeFolderDrawer || $[41] !== count || $[42] !== folderCollectionConfig || $[43] !== folderCollectionSlug || $[44] !== folderFieldName || $[45] !== folderID || $[46] !== fromFolderID || $[47] !== fromFolderName || $[48] !== getSelectedFolder || $[49] !== i18n || $[50] !== onConfirmMove || $[51] !== onCreateSuccess || $[52] !== openFolderDrawer || $[53] !== populateMoveToFolderDrawer || $[54] !== props.action || $[55] !== props.title || $[56] !== skipConfirmModal || $[57] !== subfolders.length || $[58] !== t || $[59] !== t10 || $[60] !== t9) {
-    let t12;
-    if ($[62] !== breadcrumbs.length || $[63] !== populateMoveToFolderDrawer) {
-      t12 = breadcrumbs.length ? () => {
-        populateMoveToFolderDrawer(null);
+  let t9;
+  if ($[28] !== FolderDocumentDrawer || $[29] !== breadcrumbs || $[30] !== closeFolderDrawer || $[31] !== count || $[32] !== folderCollectionConfig || $[33] !== folderCollectionSlug || $[34] !== folderFieldName || $[35] !== folderID || $[36] !== fromFolderName || $[37] !== getSelectedFolder || $[38] !== i18n || $[39] !== itemsToMove || $[40] !== onConfirmMove || $[41] !== onCreateSuccess || $[42] !== openFolderDrawer || $[43] !== props.action || $[44] !== props.fromFolderID || $[45] !== props.title || $[46] !== setFolderID || $[47] !== skipConfirmModal || $[48] !== subfolders || $[49] !== t || $[50] !== t7 || $[51] !== t8) {
+    let t10;
+    if ($[53] !== breadcrumbs.length || $[54] !== setFolderID) {
+      t10 = breadcrumbs.length ? () => {
+        setFolderID({
+          folderID: null
+        });
       } : undefined;
-      $[62] = breadcrumbs.length;
-      $[63] = populateMoveToFolderDrawer;
-      $[64] = t12;
+      $[53] = breadcrumbs.length;
+      $[54] = setFolderID;
+      $[55] = t10;
     } else {
-      t12 = $[64];
+      t10 = $[55];
     }
-    let t13;
-    if ($[65] !== breadcrumbs.length || $[66] !== populateMoveToFolderDrawer) {
-      t13 = (crumb, index) => ({
+    let t11;
+    if ($[56] !== breadcrumbs.length || $[57] !== setFolderID) {
+      t11 = (crumb, index) => ({
         id: crumb.id,
         name: crumb.name,
         onClick: index !== breadcrumbs.length - 1 ? () => {
-          populateMoveToFolderDrawer(crumb.id);
+          setFolderID({
+            folderID: crumb.id
+          });
         } : undefined
       });
-      $[65] = breadcrumbs.length;
-      $[66] = populateMoveToFolderDrawer;
-      $[67] = t13;
+      $[56] = breadcrumbs.length;
+      $[57] = setFolderID;
+      $[58] = t11;
     } else {
-      t13 = $[67];
+      t11 = $[58];
     }
-    let t14;
-    if ($[68] !== FolderResultsComponent || $[69] !== folderCollectionConfig || $[70] !== folderCollectionSlug || $[71] !== i18n || $[72] !== onCreateSuccess || $[73] !== subfolders.length || $[74] !== t) {
-      t14 = subfolders.length > 0 ? FolderResultsComponent : _jsx(NoListResults, {
-        Actions: [_jsx(ListCreateNewDocInFolderButton, {
-          buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
-          collectionSlugs: [folderCollectionSlug],
-          onCreateSuccess,
-          slugPrefix: "create-new-folder-from-drawer--no-results"
-        }, "create-folder")],
-        Message: _jsx("p", {
-          children: i18n.t("general:noResults", {
-            label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
-          })
-        })
-      });
-      $[68] = FolderResultsComponent;
-      $[69] = folderCollectionConfig;
-      $[70] = folderCollectionSlug;
-      $[71] = i18n;
-      $[72] = onCreateSuccess;
-      $[73] = subfolders.length;
-      $[74] = t;
-      $[75] = t14;
-    } else {
-      t14 = $[75];
-    }
-    t11 = _jsxs(_Fragment, {
+    t9 = _jsxs(_Fragment, {
       children: [_jsx(DrawerActionHeader, {
-        onCancel: t9,
-        onSave: t10,
+        onCancel: t7,
+        onSave: t8,
         saveLabel: t("general:select"),
         title: _jsx(DrawerHeading, {
           action: props.action,
           count,
-          fromFolderName: fromFolderID ? fromFolderName : undefined,
+          fromFolderName: props.fromFolderID ? fromFolderName : undefined,
           title: props.action === "moveItemToFolder" ? props.title : undefined
         })
       }), _jsxs("div", {
@@ -368,8 +314,8 @@ function Content(t0) {
               className: `${baseClass}__folder-breadcrumbs-root`,
               children: [_jsx(ColoredFolderIcon, {}), t("folder:folders")]
             }),
-            onClick: t12
-          }, ...breadcrumbs.map(t13)]
+            onClick: t10
+          }, ...breadcrumbs.map(t11)]
         }), subfolders.length > 0 && _jsxs(_Fragment, {
           children: [_jsx(Button, {
             buttonStyle: "pill",
@@ -386,10 +332,12 @@ function Content(t0) {
               [folderFieldName]: folderID
             },
             onSave: result => {
-              onCreateSuccess({
-                collectionSlug: folderCollectionConfig.slug,
-                doc: result.doc
-              });
+              if (typeof onCreateSuccess === "function") {
+                onCreateSuccess({
+                  collectionSlug: folderCollectionConfig.slug,
+                  doc: result.doc
+                });
+              }
               closeFolderDrawer();
             },
             redirectAfterCreate: false
@@ -397,7 +345,24 @@ function Content(t0) {
         })]
       }), _jsx(DrawerContentContainer, {
         className: `${baseClass}__body-section`,
-        children: t14
+        children: subfolders.length > 0 ? _jsx(ItemCardGrid, {
+          disabledItemKeys: new Set(itemsToMove.map(_temp)),
+          items: subfolders,
+          selectedItemKeys: new Set([`${folderCollectionSlug}-${getSelectedFolder().id}`]),
+          type: "folder"
+        }) : _jsx(NoListResults, {
+          Actions: [_jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+            collectionSlugs: [folderCollectionSlug],
+            onCreateSuccess,
+            slugPrefix: "create-new-folder-from-drawer--no-results"
+          }, "create-folder")],
+          Message: _jsx("p", {
+            children: i18n.t("general:noResults", {
+              label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+            })
+          })
+        })
       }), !skipConfirmModal && _jsx(ConfirmationModal, {
         body: _jsx(ConfirmationMessage, {
           action: props.action,
@@ -413,35 +378,41 @@ function Content(t0) {
         onConfirm: onConfirmMove
       })]
     });
-    $[37] = FolderDocumentDrawer;
-    $[38] = FolderResultsComponent;
-    $[39] = breadcrumbs;
-    $[40] = closeFolderDrawer;
-    $[41] = count;
-    $[42] = folderCollectionConfig;
-    $[43] = folderCollectionSlug;
-    $[44] = folderFieldName;
-    $[45] = folderID;
-    $[46] = fromFolderID;
-    $[47] = fromFolderName;
-    $[48] = getSelectedFolder;
-    $[49] = i18n;
-    $[50] = onConfirmMove;
-    $[51] = onCreateSuccess;
-    $[52] = openFolderDrawer;
-    $[53] = populateMoveToFolderDrawer;
-    $[54] = props.action;
-    $[55] = props.title;
-    $[56] = skipConfirmModal;
-    $[57] = subfolders.length;
-    $[58] = t;
-    $[59] = t10;
-    $[60] = t9;
-    $[61] = t11;
+    $[28] = FolderDocumentDrawer;
+    $[29] = breadcrumbs;
+    $[30] = closeFolderDrawer;
+    $[31] = count;
+    $[32] = folderCollectionConfig;
+    $[33] = folderCollectionSlug;
+    $[34] = folderFieldName;
+    $[35] = folderID;
+    $[36] = fromFolderName;
+    $[37] = getSelectedFolder;
+    $[38] = i18n;
+    $[39] = itemsToMove;
+    $[40] = onConfirmMove;
+    $[41] = onCreateSuccess;
+    $[42] = openFolderDrawer;
+    $[43] = props.action;
+    $[44] = props.fromFolderID;
+    $[45] = props.title;
+    $[46] = setFolderID;
+    $[47] = skipConfirmModal;
+    $[48] = subfolders;
+    $[49] = t;
+    $[50] = t7;
+    $[51] = t8;
+    $[52] = t9;
   } else {
-    t11 = $[61];
+    t9 = $[52];
   }
-  return t11;
+  return t9;
+}
+function _temp(t0) {
+  const {
+    itemKey
+  } = t0;
+  return itemKey;
 }
 function DrawerHeading(props) {
   const $ = _c(14);
@@ -530,8 +501,8 @@ function ConfirmationMessage(props) {
           if ($[0] !== props.title || $[1] !== props.toFolderName || $[2] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp,
-                2: _temp2
+                1: _temp2,
+                2: _temp3
               },
               i18nKey: "folder:moveItemToFolderConfirmation",
               t,
@@ -553,7 +524,7 @@ function ConfirmationMessage(props) {
           if ($[4] !== props.title || $[5] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp3
+                1: _temp4
               },
               i18nKey: "folder:moveItemToRootConfirmation",
               t,
@@ -577,8 +548,8 @@ function ConfirmationMessage(props) {
           if ($[7] !== props.count || $[8] !== props.toFolderName || $[9] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp4,
-                2: _temp5
+                1: _temp5,
+                2: _temp6
               },
               i18nKey: "folder:moveItemsToFolderConfirmation",
               t,
@@ -601,7 +572,7 @@ function ConfirmationMessage(props) {
           if ($[11] !== props.count || $[12] !== t) {
             t0 = _jsx(Translation, {
               elements: {
-                1: _temp6
+                1: _temp7
               },
               i18nKey: "folder:moveItemsToRootConfirmation",
               t,
@@ -621,7 +592,7 @@ function ConfirmationMessage(props) {
       }
   }
 }
-function _temp6(t0) {
+function _temp7(t0) {
   const {
     children: children_1
   } = t0;
@@ -629,7 +600,7 @@ function _temp6(t0) {
     children: children_1
   });
 }
-function _temp5(t0) {
+function _temp6(t0) {
   const {
     children: children_0
   } = t0;
@@ -637,7 +608,7 @@ function _temp5(t0) {
     children: children_0
   });
 }
-function _temp4(t0) {
+function _temp5(t0) {
   const {
     children
   } = t0;
@@ -645,7 +616,7 @@ function _temp4(t0) {
     children
   });
 }
-function _temp3(t0) {
+function _temp4(t0) {
   const {
     children: children_4
   } = t0;
@@ -653,7 +624,7 @@ function _temp3(t0) {
     children: children_4
   });
 }
-function _temp2(t0) {
+function _temp3(t0) {
   const {
     children: children_3
   } = t0;
@@ -661,7 +632,7 @@ function _temp2(t0) {
     children: children_3
   });
 }
-function _temp(t0) {
+function _temp2(t0) {
   const {
     children: children_2
   } = t0;