@elementor/editor-site-navigation 0.22.5 → 0.22.7

package/dist/index.mjs

@@ -35,7 +35,10 @@ import {
   MenuItem as MenuItem3
 } from "@elementor/ui";
 import { ChevronDownIcon } from "@elementor/icons";
-import { __useActiveDocument as useActiveDocument, __useHostDocument as useHostDocument } from "@elementor/editor-documents";
+import {
+  __useActiveDocument as useActiveDocument,
+  __useHostDocument as useHostDocument
+} from "@elementor/editor-documents";
 
 // src/components/top-bar/indicator.tsx
 import * as React from "react";
@@ -87,9 +90,7 @@ function useRecentPosts() {
 import { __ as __2 } from "@wordpress/i18n";
 
 // src/components/top-bar/chip-doc-type.tsx
-import {
-  PostTypeIcon as PostTypeIcon2
-} from "@elementor/icons";
+import { PostTypeIcon as PostTypeIcon2 } from "@elementor/icons";
 import { Chip } from "@elementor/ui";
 import * as React2 from "react";
 var iconsMap2 = getIconsMap();
@@ -150,14 +151,7 @@ function PostListItem({ post, closePopup, ...props }) {
         primary: postTitle
       }
     ),
-    /* @__PURE__ */ React3.createElement(
-      DocTypeChip,
-      {
-        postType: post.type.post_type,
-        docType: post.type.doc_type,
-        label: post.type.label
-      }
-    )
+    /* @__PURE__ */ React3.createElement(DocTypeChip, { postType: post.type.post_type, docType: post.type.doc_type, label: post.type.label })
   );
 }
 
@@ -277,26 +271,17 @@ function RecentlyEdited() {
         const extendedWindow = window;
         const config = extendedWindow?.elementor?.editorEvents?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(
-            config.names.topBar.documentNameDropdown,
-            {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations.documentNameDropdown,
-              trigger: config.triggers.dropdownClick,
-              element: config.elements.dropdown
-            }
-          );
+          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.documentNameDropdown, {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.documentNameDropdown,
+            trigger: config.triggers.dropdownClick,
+            element: config.elements.dropdown
+          });
         }
         buttonProps.onClick(e);
       }
     },
-    /* @__PURE__ */ React5.createElement(
-      Indicator,
-      {
-        title: documentTitle,
-        status: document2.status
-      }
-    )
+    /* @__PURE__ */ React5.createElement(Indicator, { title: documentTitle, status: document2.status })
   ), /* @__PURE__ */ React5.createElement(
     Menu,
     {
@@ -460,13 +445,19 @@ var PostListContextProvider = ({
   const resetEditMode = () => {
     setEditMode(defaultValues.editMode);
   };
-  return /* @__PURE__ */ React6.createElement(PostListContext.Provider, { value: {
-    type,
-    editMode,
-    setEditMode,
-    resetEditMode,
-    setError
-  } }, children);
+  return /* @__PURE__ */ React6.createElement(
+    PostListContext.Provider,
+    {
+      value: {
+        type,
+        editMode,
+        setEditMode,
+        resetEditMode,
+        setError
+      }
+    },
+    children
+  );
 };
 function usePostListContext() {
   const context = useContext(PostListContext);
@@ -479,7 +470,16 @@ function usePostListContext() {
 // src/components/panel/posts-list/collapsible-list.tsx
 import * as React7 from "react";
 import { useState as useState3 } from "react";
-import { Collapse, IconButton, List, ListItem, ListItemIcon as ListItemIcon2, ListItemText as ListItemText4, styled, Divider as Divider2 } from "@elementor/ui";
+import {
+  Collapse,
+  IconButton,
+  List,
+  ListItem,
+  ListItemIcon as ListItemIcon2,
+  ListItemText as ListItemText4,
+  styled,
+  Divider as Divider2
+} from "@elementor/ui";
 import { ChevronDownIcon as ChevronDownIcon2 } from "@elementor/icons";
 var RotateIcon = styled(ChevronDownIcon2, {
   shouldForwardProp: (prop) => prop !== "isOpen"
@@ -499,19 +499,25 @@ function CollapsibleList({
   children
 }) {
   const [isOpen, setIsOpen] = useState3(isOpenByDefault);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(ListItem, null, /* @__PURE__ */ React7.createElement(StyledListItemIcon, { sx: {
-    color: "text.secondary"
-  } }, /* @__PURE__ */ React7.createElement(
-    IconButton,
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(ListItem, null, /* @__PURE__ */ React7.createElement(
+    StyledListItemIcon,
     {
-      onClick: () => setIsOpen((prev) => !prev),
-      size: "small",
       sx: {
-        color: "inherit"
+        color: "text.secondary"
       }
     },
-    /* @__PURE__ */ React7.createElement(RotateIcon, { fontSize: "small", isOpen })
-  )), /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement(
+      IconButton,
+      {
+        onClick: () => setIsOpen((prev) => !prev),
+        size: "small",
+        sx: {
+          color: "inherit"
+        }
+      },
+      /* @__PURE__ */ React7.createElement(RotateIcon, { fontSize: "small", isOpen })
+    )
+  ), /* @__PURE__ */ React7.createElement(
     StyledListItemIcon,
     {
       size: "small",
@@ -520,15 +526,13 @@ function CollapsibleList({
       }
     },
     /* @__PURE__ */ React7.createElement(Icon, { fontSize: "small" })
-  ), /* @__PURE__ */ React7.createElement(ListItemText4, { primaryTypographyProps: { variant: "subtitle2", component: "span" }, primary: label })), /* @__PURE__ */ React7.createElement(
-    Collapse,
+  ), /* @__PURE__ */ React7.createElement(
+    ListItemText4,
     {
-      in: isOpen,
-      timeout: "auto",
-      unmountOnExit: true
-    },
-    /* @__PURE__ */ React7.createElement(List, { dense: true }, children)
-  ), /* @__PURE__ */ React7.createElement(Divider2, { sx: { mt: 1 } }));
+      primaryTypographyProps: { variant: "subtitle2", component: "span" },
+      primary: label
+    }
+  )), /* @__PURE__ */ React7.createElement(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React7.createElement(List, { dense: true }, children)), /* @__PURE__ */ React7.createElement(Divider2, { sx: { mt: 1 } }));
 }
 
 // src/components/panel/posts-list/post-list-item.tsx
@@ -577,14 +581,7 @@ function useInvalidatePosts(postTypeSlug) {
 // src/components/panel/posts-list/list-items/edit-mode-template.tsx
 import * as React8 from "react";
 import { useState as useState4, useRef } from "react";
-import {
-  Box,
-  ListItem as ListItem2,
-  TextField,
-  IconButton as IconButton2,
-  CircularProgress as CircularProgress2,
-  ListItemText as ListItemText5
-} from "@elementor/ui";
+import { Box, ListItem as ListItem2, TextField, IconButton as IconButton2, CircularProgress as CircularProgress2, ListItemText as ListItemText5 } from "@elementor/ui";
 import { XIcon } from "@elementor/icons";
 import { __ as __4 } from "@wordpress/i18n";
 function EditModeTemplate({ postTitle, isLoading, callback }) {
@@ -623,41 +620,25 @@ function EditModeTemplate({ postTitle, isLoading, callback }) {
     }
     setTitle(value);
   };
-  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
-    ListItem2,
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(ListItem2, { secondaryAction: /* @__PURE__ */ React8.createElement(CloseButton, { isLoading, closeButton }) }, /* @__PURE__ */ React8.createElement(Box, { width: "100%", component: "form", onSubmit: onFormSubmit }, /* @__PURE__ */ React8.createElement(
+    TextField,
     {
-      secondaryAction: /* @__PURE__ */ React8.createElement(CloseButton, { isLoading, closeButton })
-    },
-    /* @__PURE__ */ React8.createElement(Box, { width: "100%", component: "form", onSubmit: onFormSubmit }, /* @__PURE__ */ React8.createElement(
-      TextField,
-      {
-        autoFocus: true,
-        fullWidth: true,
-        value: title,
-        onChange,
-        disabled: isLoading,
-        error: !!inputError,
-        onBlur,
-        variant: "outlined",
-        color: "secondary",
-        size: "small"
-      }
-    ))
-  ), inputError && /* @__PURE__ */ React8.createElement(ListItem2, null, /* @__PURE__ */ React8.createElement(ListItemText5, { sx: { color: "error.main" } }, inputError)));
+      autoFocus: true,
+      fullWidth: true,
+      value: title,
+      onChange,
+      disabled: isLoading,
+      error: !!inputError,
+      onBlur,
+      variant: "outlined",
+      color: "secondary",
+      size: "small"
+    }
+  ))), inputError && /* @__PURE__ */ React8.createElement(ListItem2, null, /* @__PURE__ */ React8.createElement(ListItemText5, { sx: { color: "error.main" } }, inputError)));
 }
 function CloseButton({ isLoading, closeButton }) {
   const { resetEditMode } = usePostListContext();
-  return /* @__PURE__ */ React8.createElement(
-    IconButton2,
-    {
-      size: "small",
-      color: "secondary",
-      onClick: resetEditMode,
-      ref: closeButton,
-      disabled: isLoading
-    },
-    isLoading ? /* @__PURE__ */ React8.createElement(CircularProgress2, null) : /* @__PURE__ */ React8.createElement(XIcon, { fontSize: "small" })
-  );
+  return /* @__PURE__ */ React8.createElement(IconButton2, { size: "small", color: "secondary", onClick: resetEditMode, ref: closeButton, disabled: isLoading }, isLoading ? /* @__PURE__ */ React8.createElement(CircularProgress2, null) : /* @__PURE__ */ React8.createElement(XIcon, { fontSize: "small" }));
 }
 
 // src/components/panel/posts-list/list-items/list-item-rename.tsx
@@ -736,7 +717,14 @@ function ListItemCreate() {
       resetEditMode();
     }
   };
-  return /* @__PURE__ */ React10.createElement(EditModeTemplate, { postTitle: __5("New Page", "elementor"), isLoading: createPost.isPending, callback: createPostCallback });
+  return /* @__PURE__ */ React10.createElement(
+    EditModeTemplate,
+    {
+      postTitle: __5("New Page", "elementor"),
+      isLoading: createPost.isPending,
+      callback: createPostCallback
+    }
+  );
 }
 
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
@@ -764,7 +752,14 @@ function ListItemDuplicate() {
       resetEditMode();
     }
   };
-  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${__6("copy", "elementor")}`, isLoading: duplicatePost.isPending, callback: duplicatePostCallback });
+  return /* @__PURE__ */ React11.createElement(
+    EditModeTemplate,
+    {
+      postTitle: `${editMode.details.title} ${__6("copy", "elementor")}`,
+      isLoading: duplicatePost.isPending,
+      callback: duplicatePostCallback
+    }
+  );
 }
 
 // src/components/panel/posts-list/list-items/list-item-view.tsx
@@ -783,7 +778,10 @@ import {
   usePopupState as usePopupState2
 } from "@elementor/ui";
 import { DotsVerticalIcon, HomeIcon as HomeIcon2 } from "@elementor/icons";
-import { __useActiveDocument as useActiveDocument4, __useNavigateToDocument as useNavigateToDocument5 } from "@elementor/editor-documents";
+import {
+  __useActiveDocument as useActiveDocument4,
+  __useNavigateToDocument as useNavigateToDocument5
+} from "@elementor/editor-documents";
 
 // src/components/shared/page-title-and-status.tsx
 import * as React12 from "react";
@@ -837,15 +835,17 @@ import { __ as __7 } from "@wordpress/i18n";
 
 // src/components/panel/actions-menu/action-menu-item.tsx
 import * as React13 from "react";
-import {
-  ListItemIcon as ListItemIcon3,
-  ListItemText as ListItemText6,
-  MenuItem as MenuItem4
-} from "@elementor/ui";
+import { ListItemIcon as ListItemIcon3, ListItemText as ListItemText6, MenuItem as MenuItem4 } from "@elementor/ui";
 function ActionMenuItem({ title, icon: Icon, MenuItemProps: MenuItemProps3 }) {
-  return /* @__PURE__ */ React13.createElement(MenuItem4, { ...MenuItemProps3 }, /* @__PURE__ */ React13.createElement(ListItemIcon3, { sx: {
-    color: "inherit"
-  } }, /* @__PURE__ */ React13.createElement(Icon, null)), /* @__PURE__ */ React13.createElement(ListItemText6, { primary: title }));
+  return /* @__PURE__ */ React13.createElement(MenuItem4, { ...MenuItemProps3 }, /* @__PURE__ */ React13.createElement(
+    ListItemIcon3,
+    {
+      sx: {
+        color: "inherit"
+      }
+    },
+    /* @__PURE__ */ React13.createElement(Icon, null)
+  ), /* @__PURE__ */ React13.createElement(ListItemText6, { primary: title }));
 }
 
 // src/components/panel/actions-menu/actions/rename.tsx
@@ -937,7 +937,10 @@ function Delete({ post }) {
     }
   ), isDialogOpen && /* @__PURE__ */ React16.createElement(DeleteDialog, { post, setIsDialogOpen }));
 }
-function DeleteDialog({ post, setIsDialogOpen }) {
+function DeleteDialog({
+  post,
+  setIsDialogOpen
+}) {
   const { type } = usePostListContext();
   const { deletePost } = usePostActions(type);
   const { setError } = usePostListContext();
@@ -956,18 +959,19 @@ function DeleteDialog({ post, setIsDialogOpen }) {
     }
     setIsDialogOpen(false);
   };
-  return /* @__PURE__ */ React16.createElement(
-    Dialog,
+  return /* @__PURE__ */ React16.createElement(Dialog, { open: true, onClose: handleCancel, "aria-labelledby": "delete-dialog" }, /* @__PURE__ */ React16.createElement(DialogTitle, { noWrap: true }, dialogTitle), /* @__PURE__ */ React16.createElement(Divider3, null), /* @__PURE__ */ React16.createElement(DialogContent, null, /* @__PURE__ */ React16.createElement(DialogContentText, null, __9(
+    "The page and its content will be deleted forever and we won\u2019t be able to recover them.",
+    "elementor"
+  ))), /* @__PURE__ */ React16.createElement(DialogActions, null, /* @__PURE__ */ React16.createElement(
+    Button2,
     {
-      open: true,
-      onClose: handleCancel,
-      "aria-labelledby": "delete-dialog"
+      variant: "contained",
+      color: "secondary",
+      onClick: handleCancel,
+      disabled: deletePost.isPending
     },
-    /* @__PURE__ */ React16.createElement(DialogTitle, { noWrap: true }, dialogTitle),
-    /* @__PURE__ */ React16.createElement(Divider3, null),
-    /* @__PURE__ */ React16.createElement(DialogContent, null, /* @__PURE__ */ React16.createElement(DialogContentText, null, __9("The page and its content will be deleted forever and we won\u2019t be able to recover them.", "elementor"))),
-    /* @__PURE__ */ React16.createElement(DialogActions, null, /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "secondary", onClick: handleCancel, disabled: deletePost.isPending }, __9("Cancel", "elementor")), /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isPending }, !deletePost.isPending ? __9("Delete", "elementor") : /* @__PURE__ */ React16.createElement(CircularProgress3, null)))
-  );
+    __9("Cancel", "elementor")
+  ), /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isPending }, !deletePost.isPending ? __9("Delete", "elementor") : /* @__PURE__ */ React16.createElement(CircularProgress3, null))));
 }
 
 // src/components/panel/actions-menu/actions/view.tsx
@@ -1077,15 +1081,7 @@ import { __ as __12 } from "@wordpress/i18n";
 var DisabledPostTooltip = ({ children, isDisabled }) => {
   if (isDisabled) {
     const title = /* @__PURE__ */ React19.createElement(Typography3, { variant: "caption" }, "You cannot edit this page.", /* @__PURE__ */ React19.createElement("br", null), "To edit it directly, contact the site owner");
-    return /* @__PURE__ */ React19.createElement(
-      Tooltip2,
-      {
-        title,
-        placement: "bottom",
-        arrow: false
-      },
-      children
-    );
+    return /* @__PURE__ */ React19.createElement(Tooltip2, { title, placement: "bottom", arrow: false }, children);
   }
   return /* @__PURE__ */ React19.createElement(React19.Fragment, null, children);
 };
@@ -1105,15 +1101,7 @@ function ListItemView({ post }) {
     ListItem3,
     {
       disablePadding: true,
-      secondaryAction: /* @__PURE__ */ React19.createElement(
-        IconButton3,
-        {
-          value: true,
-          size: "small",
-          ...bindTrigger2(popupState)
-        },
-        /* @__PURE__ */ React19.createElement(DotsVerticalIcon, { fontSize: "small" })
-      )
+      secondaryAction: /* @__PURE__ */ React19.createElement(IconButton3, { value: true, size: "small", ...bindTrigger2(popupState) }, /* @__PURE__ */ React19.createElement(DotsVerticalIcon, { fontSize: "small" }))
     },
     /* @__PURE__ */ React19.createElement(
       ListItemButton,
@@ -1195,40 +1183,53 @@ import { Box as Box3, Link, Typography as Typography4 } from "@elementor/ui";
 import { __ as __14 } from "@wordpress/i18n";
 import * as React22 from "react";
 function ErrorState() {
-  return /* @__PURE__ */ React22.createElement(Box3, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    pt: "40px",
-    gap: "16px"
-  } }, /* @__PURE__ */ React22.createElement(Error404TemplateIcon, null), /* @__PURE__ */ React22.createElement(Box3, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    gap: "8px"
-  } }, /* @__PURE__ */ React22.createElement(Typography4, { variant: "body1", color: "text.primary" }, __14("We couldn\u2019t display your pages.", "elementor")), /* @__PURE__ */ React22.createElement(Box3, null, /* @__PURE__ */ React22.createElement(Typography4, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, __14("It\u2019s probably a temporary issue.", "elementor")), /* @__PURE__ */ React22.createElement(Typography4, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, __14("If the problem persists,", "elementor"), " ", /* @__PURE__ */ React22.createElement(Link, { target: "_blank", href: "https://go.elementor.com/wp-editor-support-open-ticket/" }, "Notify support")))));
+  return /* @__PURE__ */ React22.createElement(
+    Box3,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        pt: "40px",
+        gap: "16px"
+      }
+    },
+    /* @__PURE__ */ React22.createElement(Error404TemplateIcon, null),
+    /* @__PURE__ */ React22.createElement(
+      Box3,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          gap: "8px"
+        }
+      },
+      /* @__PURE__ */ React22.createElement(Typography4, { variant: "body1", color: "text.primary" }, __14("We couldn\u2019t display your pages.", "elementor")),
+      /* @__PURE__ */ React22.createElement(Box3, null, /* @__PURE__ */ React22.createElement(Typography4, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, __14("It\u2019s probably a temporary issue.", "elementor")), /* @__PURE__ */ React22.createElement(Typography4, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, __14("If the problem persists,", "elementor"), " ", /* @__PURE__ */ React22.createElement(Link, { target: "_blank", href: "https://go.elementor.com/wp-editor-support-open-ticket/" }, "Notify support")))
+    )
+  );
 }
 
 // src/components/panel/posts-list/posts-collapsible-list.tsx
 function PostsCollapsibleList({ isOpenByDefault = false }) {
   const { type, editMode } = usePostListContext();
-  const { data: { posts, total }, isLoading: postsLoading, isError: postsError, fetchNextPage, hasNextPage, isFetchingNextPage } = usePosts(type);
+  const {
+    data: { posts, total },
+    isLoading: postsLoading,
+    isError: postsError,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage
+  } = usePosts(type);
   const { data: homepageId } = useHomepage();
   if (postsError) {
     return /* @__PURE__ */ React23.createElement(ErrorState, null);
   }
   if (!posts || postsLoading) {
-    return /* @__PURE__ */ React23.createElement(Box4, { sx: { px: 5 } }, /* @__PURE__ */ React23.createElement(
-      Box4,
-      {
-        display: "flex",
-        justifyContent: "flex-end",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 4 }, animation: "wave", variant: "rounded", width: "110px", height: "28px" })
-    ), /* @__PURE__ */ React23.createElement(Box4, null, /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "100%", height: "24px" }), /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" })));
+    return /* @__PURE__ */ React23.createElement(Box4, { sx: { px: 5 } }, /* @__PURE__ */ React23.createElement(Box4, { display: "flex", justifyContent: "flex-end", alignItems: "center" }, /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 4 }, animation: "wave", variant: "rounded", width: "110px", height: "28px" })), /* @__PURE__ */ React23.createElement(Box4, null, /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "100%", height: "24px" }), /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" })));
   }
   const label = `${postTypesMap[type].labels.plural_name} (${total.toString()})`;
   const mappedPosts = posts.map((post) => {
@@ -1258,22 +1259,18 @@ function PostsCollapsibleList({ isOpenByDefault = false }) {
       }
     },
     /* @__PURE__ */ React23.createElement(AddNewButton, null)
-  ), /* @__PURE__ */ React23.createElement(List2, { dense: true }, /* @__PURE__ */ React23.createElement(
-    CollapsibleList,
+  ), /* @__PURE__ */ React23.createElement(List2, { dense: true }, /* @__PURE__ */ React23.createElement(CollapsibleList, { label, Icon: PageTypeIcon2, isOpenByDefault: isOpenByDefault || false }, sortedPosts.map((post) => {
+    return /* @__PURE__ */ React23.createElement(PostListItem2, { key: post.id, post });
+  }), ["duplicate", "create"].includes(editMode.mode) && /* @__PURE__ */ React23.createElement(PostListItem2, null), hasNextPage && /* @__PURE__ */ React23.createElement(
+    Box4,
     {
-      label,
-      Icon: PageTypeIcon2,
-      isOpenByDefault: isOpenByDefault || false
+      sx: {
+        display: "flex",
+        justifyContent: "center"
+      }
     },
-    sortedPosts.map((post) => {
-      return /* @__PURE__ */ React23.createElement(PostListItem2, { key: post.id, post });
-    }),
-    ["duplicate", "create"].includes(editMode.mode) && /* @__PURE__ */ React23.createElement(PostListItem2, null),
-    hasNextPage && /* @__PURE__ */ React23.createElement(Box4, { sx: {
-      display: "flex",
-      justifyContent: "center"
-    } }, /* @__PURE__ */ React23.createElement(Button4, { onClick: fetchNextPage, color: "secondary" }, isFetchingNextPage ? /* @__PURE__ */ React23.createElement(CircularProgress5, null) : "Load More"))
-  )));
+    /* @__PURE__ */ React23.createElement(Button4, { onClick: fetchNextPage, color: "secondary" }, isFetchingNextPage ? /* @__PURE__ */ React23.createElement(CircularProgress5, null) : "Load More")
+  ))));
 }
 
 // src/components/panel/error-snackbar.tsx
@@ -1312,11 +1309,7 @@ var Shell = () => {
 var shell_default = Shell;
 
 // src/components/panel/panel.ts
-var {
-  panel,
-  usePanelStatus,
-  usePanelActions
-} = __createPanel({
+var { panel, usePanelStatus, usePanelActions } = __createPanel({
   id: "site-navigation-panel",
   component: shell_default
 });

package/package.json

@@ -1,51 +1,51 @@
 {
-	"name": "@elementor/editor-site-navigation",
-	"version": "0.22.5",
-	"private": false,
-	"author": "Elementor Team",
-	"homepage": "https://elementor.com/",
-	"license": "GPL-3.0-or-later",
-	"main": "dist/index.js",
-	"module": "dist/index.mjs",
-	"types": "dist/index.d.ts",
-	"exports": {
-		".": {
-			"import": "./dist/index.mjs",
-			"require": "./dist/index.js",
-			"types": "./dist/index.d.ts"
-		},
-		"./package.json": "./package.json"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/elementor/elementor-packages.git",
-		"directory": "packages/core/editor-site-navigation"
-	},
-	"bugs": {
-		"url": "https://github.com/elementor/elementor-packages/issues"
-	},
-	"publishConfig": {
-		"access": "public"
-	},
-	"scripts": {
-		"build": "tsup src/index.ts --format esm,cjs --dts --clean",
-		"dev": "tsup --config=../../tsup.dev.ts"
-	},
-	"dependencies": {
-		"@elementor/editor-app-bar": "^0.14.5",
-		"@elementor/editor-documents": "^0.11.4",
-		"@elementor/editor-panels": "^0.4.16",
-		"@elementor/editor-v1-adapters": "^0.7.0",
-		"@elementor/env": "^0.3.2",
-		"@elementor/icons": "^0.8.1",
-		"@elementor/query": "^0.2.1",
-		"@elementor/ui": "^1.4.61",
-		"@wordpress/api-fetch": "^6.42.0",
-		"@wordpress/i18n": "^4.45.0",
-		"@wordpress/url": "^3.46.0"
-	},
-	"peerDependencies": {
-		"react": "^18.3.1"
-	},
-	"gitHead": "ea48212f4a9084fa323c3e70af093c5c0f6aa2d1"
+  "name": "@elementor/editor-site-navigation",
+  "version": "0.22.7",
+  "private": false,
+  "author": "Elementor Team",
+  "homepage": "https://elementor.com/",
+  "license": "GPL-3.0-or-later",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/elementor/elementor-packages.git",
+    "directory": "packages/core/editor-site-navigation"
+  },
+  "bugs": {
+    "url": "https://github.com/elementor/elementor-packages/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
+    "dev": "tsup --config=../../tsup.dev.ts"
+  },
+  "dependencies": {
+    "@elementor/editor-app-bar": "^0.15.0",
+    "@elementor/editor-documents": "^0.11.5",
+    "@elementor/editor-panels": "^0.4.17",
+    "@elementor/editor-v1-adapters": "^0.8.0",
+    "@elementor/env": "^0.3.3",
+    "@elementor/icons": "^0.8.2",
+    "@elementor/query": "^0.2.1",
+    "@elementor/ui": "^1.4.61",
+    "@wordpress/api-fetch": "^6.42.0",
+    "@wordpress/i18n": "^4.45.0",
+    "@wordpress/url": "^3.46.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1"
+  },
+  "gitHead": "7d626115b07f3425b679f7508230f7776f3fe17b"
 }