@elementor/editor-app-bar 3.32.0-21 → 3.32.0-23

package/dist/index.mjs

@@ -32,10 +32,9 @@ function PopoverMenuItem({
   target,
   disabled,
   isGroupParent,
-  showExternalLinkIcon,
   ...props
 }) {
-  const isExternalLink = href && target === "_blank" && showExternalLinkIcon;
+  const isExternalLink = href && target === "_blank";
   return /* @__PURE__ */ React2.createElement(
     MenuItem,
     {
@@ -109,12 +108,12 @@ function Action({ icon: Icon, title, visible = true, ...props }) {
 
 // src/components/actions/link.tsx
 import * as React5 from "react";
-function Link({ icon: Icon, title, visible = true, showExternalLinkIcon = false, ...props }) {
+function Link({ icon: Icon, title, visible = true, ...props }) {
   const { type } = useMenuContext();
   if (!visible) {
     return null;
   }
-  return type === "toolbar" ? /* @__PURE__ */ React5.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React5.createElement(Icon, null)) : /* @__PURE__ */ React5.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React5.createElement(Icon, null), showExternalLinkIcon });
+  return type === "toolbar" ? /* @__PURE__ */ React5.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React5.createElement(Icon, null)) : /* @__PURE__ */ React5.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React5.createElement(Icon, null) });
 }
 
 // src/components/actions/toggle-action.tsx
@@ -408,35 +407,6 @@ function AppBar() {
   return /* @__PURE__ */ React19.createElement(ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(BaseAppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React19.createElement(Box3, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React19.createElement(Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
 }
 
-// src/extensions/connect/hooks/use-connect-link-config.tsx
-import { UserIcon } from "@elementor/icons";
-import { __ as __4 } from "@wordpress/i18n";
-function useConnectLinkConfig() {
-  const extendedWindow = window;
-  const isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
-  return isUserConnected ? {
-    title: __4("My Elementor", "elementor"),
-    href: extendedWindow?.elementorCommon?.config.user.top_bar.my_elementor_url,
-    icon: UserIcon,
-    target: "_blank"
-  } : {
-    title: __4("Connect my account", "elementor"),
-    href: extendedWindow?.elementorCommon?.config.user.top_bar.connect_url,
-    icon: UserIcon,
-    target: "_blank"
-  };
-}
-
-// src/extensions/connect/index.ts
-function init() {
-  mainMenu.registerLink({
-    id: "app-bar-connect",
-    group: "exits",
-    priority: 10,
-    useProps: useConnectLinkConfig
-  });
-}
-
 // src/extensions/documents-indicator/components/settings-button.tsx
 import * as React20 from "react";
 import {
@@ -449,7 +419,7 @@ import {
 } from "@elementor/editor-v1-adapters";
 import { SettingsIcon } from "@elementor/icons";
 import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as BaseTooltip2 } from "@elementor/ui";
-import { __ as __5 } from "@wordpress/i18n";
+import { __ as __4 } from "@wordpress/i18n";
 function SettingsButton() {
   const activeDocument = useActiveDocument2();
   const hostDocument = useHostDocument();
@@ -458,7 +428,7 @@ function SettingsButton() {
   if (!document2) {
     return null;
   }
-  const title = __5("%s Settings", "elementor").replace("%s", document2.type.label);
+  const title = __4("%s Settings", "elementor").replace("%s", document2.type.label);
   return /* @__PURE__ */ React20.createElement(Tooltip3, { title }, /* @__PURE__ */ React20.createElement(Box4, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React20.createElement(
     ToggleButton3,
     {
@@ -512,7 +482,7 @@ function Tooltip3(props) {
 }
 
 // src/extensions/documents-indicator/index.ts
-function init2() {
+function init() {
   injectIntoPageIndication({
     id: "document-settings-button",
     component: SettingsButton,
@@ -527,12 +497,12 @@ function init2() {
 import { __useActiveDocument as useActiveDocument3 } from "@elementor/editor-documents";
 import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
 import { EyeIcon } from "@elementor/icons";
-import { __ as __6 } from "@wordpress/i18n";
+import { __ as __5 } from "@wordpress/i18n";
 function useActionProps() {
   const document2 = useActiveDocument3();
   return {
     icon: EyeIcon,
-    title: __6("Preview Changes", "elementor"),
+    title: __5("Preview Changes", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -555,7 +525,7 @@ function useActionProps() {
 }
 
 // src/extensions/documents-preview/index.ts
-function init3() {
+function init2() {
   utilitiesMenu.registerAction({
     id: "document-preview-button",
     priority: 30,
@@ -582,7 +552,7 @@ import {
   Tooltip as Tooltip4,
   usePopupState as usePopupState4
 } from "@elementor/ui";
-import { __ as __7 } from "@wordpress/i18n";
+import { __ as __6 } from "@wordpress/i18n";
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
 import * as React21 from "react";
@@ -681,7 +651,7 @@ function PrimaryAction() {
   ), /* @__PURE__ */ React22.createElement(
     Tooltip4,
     {
-      title: __7("Save Options", "elementor"),
+      title: __6("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -698,14 +668,14 @@ function PrimaryAction() {
         ...bindTrigger4(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": __7("Save Options", "elementor")
+        "aria-label": __6("Save Options", "elementor")
       },
       /* @__PURE__ */ React22.createElement(ChevronDownIcon, null)
     ))
   )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...bindMenu4(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? __7("Publish", "elementor") : __7("Submit", "elementor");
+  return document2.userCan.publish ? __6("Publish", "elementor") : __6("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -720,13 +690,13 @@ import {
   __useActiveDocumentActions as useActiveDocumentActions2
 } from "@elementor/editor-documents";
 import { LinkIcon } from "@elementor/icons";
-import { __ as __8 } from "@wordpress/i18n";
+import { __ as __7 } from "@wordpress/i18n";
 function useDocumentCopyAndShareProps() {
   const document2 = useActiveDocument5();
   const { copyAndShare } = useActiveDocumentActions2();
   return {
     icon: LinkIcon,
-    title: __8("Copy and Share", "elementor"),
+    title: __7("Copy and Share", "elementor"),
     onClick: copyAndShare,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !("publish" === document2.status.value),
     visible: document2?.permissions?.showCopyAndShare
@@ -739,13 +709,13 @@ import {
   __useActiveDocumentActions as useActiveDocumentActions3
 } from "@elementor/editor-documents";
 import { FileReportIcon } from "@elementor/icons";
-import { __ as __9 } from "@wordpress/i18n";
+import { __ as __8 } from "@wordpress/i18n";
 function useDocumentSaveDraftProps() {
   const document2 = useActiveDocument6();
   const { saveDraft } = useActiveDocumentActions3();
   return {
     icon: FileReportIcon,
-    title: __9("Save Draft", "elementor"),
+    title: __8("Save Draft", "elementor"),
     onClick: saveDraft,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
   };
@@ -754,12 +724,12 @@ function useDocumentSaveDraftProps() {
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 import { __useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
 import { FolderIcon } from "@elementor/icons";
-import { __ as __10 } from "@wordpress/i18n";
+import { __ as __9 } from "@wordpress/i18n";
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = useActiveDocumentActions4();
   return {
     icon: FolderIcon,
-    title: __10("Save as Template", "elementor"),
+    title: __9("Save as Template", "elementor"),
     onClick: saveTemplate
   };
 }
@@ -768,12 +738,12 @@ function useDocumentSaveTemplateProps() {
 import { __useActiveDocument as useActiveDocument7 } from "@elementor/editor-documents";
 import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
 import { EyeIcon as EyeIcon2 } from "@elementor/icons";
-import { __ as __11 } from "@wordpress/i18n";
+import { __ as __10 } from "@wordpress/i18n";
 function useDocumentViewPageProps() {
   const document2 = useActiveDocument7();
   return {
     icon: EyeIcon2,
-    title: __11("View Page", "elementor"),
+    title: __10("View Page", "elementor"),
     onClick: () => document2?.id && runCommand2("editor/documents/view", {
       id: document2.id
     })
@@ -781,7 +751,7 @@ function useDocumentViewPageProps() {
 }
 
 // src/extensions/documents-save/index.ts
-function init4() {
+function init3() {
   injectIntoPrimaryAction({
     id: "document-primary-action",
     component: PrimaryAction
@@ -816,11 +786,11 @@ import {
   __privateUseRouteStatus as useRouteStatus2
 } from "@elementor/editor-v1-adapters";
 import { PlusIcon } from "@elementor/icons";
-import { __ as __12 } from "@wordpress/i18n";
+import { __ as __11 } from "@wordpress/i18n";
 function useActionProps2() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
-    title: __12("Add Element", "elementor"),
+    title: __11("Add Element", "elementor"),
     icon: PlusIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -847,10 +817,10 @@ import {
   routeOpenEvent,
   v1ReadyEvent
 } from "@elementor/editor-v1-adapters";
-import { __ as __13 } from "@wordpress/i18n";
+import { __ as __12 } from "@wordpress/i18n";
 function syncPanelTitle() {
-  const panelTitle = __13("Elements", "elementor");
-  const tabTitle = __13("Widgets", "elementor");
+  const panelTitle = __12("Elements", "elementor");
+  const tabTitle = __12("Widgets", "elementor");
   listenTo(routeOpenEvent("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -873,7 +843,7 @@ function setTabTitle(title) {
 }
 
 // src/extensions/elements/index.ts
-function init5() {
+function init4() {
   syncPanelTitle();
   toolsMenu.registerToggleAction({
     id: "open-elements-panel",
@@ -885,10 +855,10 @@ function init5() {
 // src/extensions/finder/hooks/use-action-props.ts
 import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
 import { SearchIcon } from "@elementor/icons";
-import { __ as __14 } from "@wordpress/i18n";
+import { __ as __13 } from "@wordpress/i18n";
 function useActionProps3() {
   return {
-    title: __14("Finder", "elementor"),
+    title: __13("Finder", "elementor"),
     icon: SearchIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -907,7 +877,7 @@ function useActionProps3() {
 }
 
 // src/extensions/finder/index.ts
-function init6() {
+function init5() {
   utilitiesMenu.registerAction({
     id: "toggle-finder",
     priority: 15,
@@ -918,19 +888,18 @@ function init6() {
 
 // src/extensions/help/index.ts
 import { HelpIcon } from "@elementor/icons";
-import { __ as __15 } from "@wordpress/i18n";
-function init7() {
+import { __ as __14 } from "@wordpress/i18n";
+function init6() {
   utilitiesMenu.registerLink({
     id: "open-help-center",
     priority: 25,
     // After Finder.
     useProps: () => {
       return {
-        title: __15("Help", "elementor"),
+        title: __14("Help", "elementor"),
         href: "https://go.elementor.com/editor-top-bar-learn/",
         icon: HelpIcon,
         target: "_blank",
-        showExternalLinkIcon: true,
         onClick: () => {
           const extendedWindow = window;
           const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -954,11 +923,11 @@ import {
   __privateUseRouteStatus as useRouteStatus3
 } from "@elementor/editor-v1-adapters";
 import { HistoryIcon } from "@elementor/icons";
-import { __ as __16 } from "@wordpress/i18n";
+import { __ as __15 } from "@wordpress/i18n";
 function useActionProps4() {
   const { isActive, isBlocked } = useRouteStatus3("panel/history");
   return {
-    title: __16("History", "elementor"),
+    title: __15("History", "elementor"),
     icon: HistoryIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -979,7 +948,7 @@ function useActionProps4() {
 }
 
 // src/extensions/history/index.ts
-function init8() {
+function init7() {
   mainMenu.registerToggleAction({
     id: "open-history",
     priority: 20,
@@ -990,11 +959,11 @@ function init8() {
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 import { __privateRunCommand as runCommand4 } from "@elementor/editor-v1-adapters";
 import { KeyboardIcon } from "@elementor/icons";
-import { __ as __17 } from "@wordpress/i18n";
+import { __ as __16 } from "@wordpress/i18n";
 function useActionProps5() {
   return {
     icon: KeyboardIcon,
-    title: __17("Keyboard Shortcuts", "elementor"),
+    title: __16("Keyboard Shortcuts", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1012,7 +981,7 @@ function useActionProps5() {
 }
 
 // src/extensions/keyboard-shortcuts/index.ts
-function init9() {
+function init8() {
   mainMenu.registerAction({
     id: "open-keyboard-shortcuts",
     group: "default",
@@ -1039,7 +1008,7 @@ import {
   WidescreenIcon
 } from "@elementor/icons";
 import { Tab, Tabs, Tooltip as BaseTooltip3 } from "@elementor/ui";
-import { __ as __18 } from "@wordpress/i18n";
+import { __ as __17 } from "@wordpress/i18n";
 function BreakpointsSwitcher() {
   const breakpoints = useBreakpoints();
   const activeBreakpoint = useActiveBreakpoint();
@@ -1068,7 +1037,7 @@ function BreakpointsSwitcher() {
       indicatorColor: "secondary",
       value: activeBreakpoint,
       onChange,
-      "aria-label": __18("Switch Device", "elementor"),
+      "aria-label": __17("Switch Device", "elementor"),
       sx: {
         "& .MuiTabs-indicator": {
           backgroundColor: "text.primary"
@@ -1119,13 +1088,13 @@ var iconsMap = {
 var labelsMap = {
   default: "%s",
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "min-width": __18("%s (%dpx and up)", "elementor"),
+  "min-width": __17("%s (%dpx and up)", "elementor"),
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "max-width": __18("%s (up to %dpx)", "elementor")
+  "max-width": __17("%s (up to %dpx)", "elementor")
 };
 
 // src/extensions/responsive/index.ts
-function init10() {
+function init9() {
   injectIntoResponsive({
     id: "responsive-breakpoints-switcher",
     component: BreakpointsSwitcher,
@@ -1172,7 +1141,7 @@ import {
   __useActiveDocumentActions as useActiveDocumentActions5
 } from "@elementor/editor-documents";
 import { Button as Button2, CircularProgress as CircularProgress2, Paper } from "@elementor/ui";
-import { __ as __19 } from "@wordpress/i18n";
+import { __ as __18 } from "@wordpress/i18n";
 function PrimaryAction2() {
   const document2 = useActiveDocument8();
   const { save } = useActiveDocumentActions5();
@@ -1195,7 +1164,7 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(CircularProgress2, null) : __19("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React25.createElement(CircularProgress2, null) : __18("Save Changes", "elementor")
     )
   );
 }
@@ -1211,13 +1180,13 @@ import {
   __privateUseRouteStatus as useRouteStatus4
 } from "@elementor/editor-v1-adapters";
 import { AdjustmentsHorizontalIcon } from "@elementor/icons";
-import { __ as __20 } from "@wordpress/i18n";
+import { __ as __19 } from "@wordpress/i18n";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus4("panel/global", {
     blockOnKitRoutes: false
   });
   return {
-    title: __20("Site Settings", "elementor"),
+    title: __19("Site Settings", "elementor"),
     icon: AdjustmentsHorizontalIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1242,7 +1211,7 @@ function useActionProps6() {
 }
 
 // src/extensions/site-settings/index.ts
-function init11() {
+function init10() {
   injectIntoTop({
     id: "site-settings-primary-action-portal",
     component: PortalledPrimaryAction
@@ -1260,11 +1229,11 @@ import {
   __privateUseRouteStatus as useRouteStatus5
 } from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
-import { __ as __21 } from "@wordpress/i18n";
+import { __ as __20 } from "@wordpress/i18n";
 function useActionProps7() {
   const { isActive, isBlocked } = useRouteStatus5("navigator");
   return {
-    title: __21("Structure", "elementor"),
+    title: __20("Structure", "elementor"),
     icon: StructureIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1285,7 +1254,7 @@ function useActionProps7() {
 }
 
 // src/extensions/structure/index.ts
-function init12() {
+function init11() {
   toolsMenu.registerToggleAction({
     id: "toggle-structure-view",
     priority: 3,
@@ -1296,11 +1265,11 @@ function init12() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 import { __privateRunCommand as runCommand7 } from "@elementor/editor-v1-adapters";
 import { ThemeBuilderIcon } from "@elementor/icons";
-import { __ as __22 } from "@wordpress/i18n";
+import { __ as __21 } from "@wordpress/i18n";
 function useActionProps8() {
   return {
     icon: ThemeBuilderIcon,
-    title: __22("Theme Builder", "elementor"),
+    title: __21("Theme Builder", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1318,7 +1287,7 @@ function useActionProps8() {
 }
 
 // src/extensions/theme-builder/index.ts
-function init13() {
+function init12() {
   mainMenu.registerAction({
     id: "open-theme-builder",
     useProps: useActionProps8
@@ -1331,12 +1300,12 @@ import {
   __privateUseRouteStatus as useRouteStatus6
 } from "@elementor/editor-v1-adapters";
 import { ToggleRightIcon } from "@elementor/icons";
-import { __ as __23 } from "@wordpress/i18n";
+import { __ as __22 } from "@wordpress/i18n";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus6("panel/editor-preferences");
   return {
     icon: ToggleRightIcon,
-    title: __23("User Preferences", "elementor"),
+    title: __22("User Preferences", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1356,7 +1325,7 @@ function useActionProps9() {
 }
 
 // src/extensions/user-preferences/index.ts
-function init14() {
+function init13() {
   mainMenu.registerToggleAction({
     id: "open-user-preferences",
     priority: 30,
@@ -1368,16 +1337,15 @@ function init14() {
 // src/extensions/wordpress/index.ts
 import { __useActiveDocument as useActiveDocument9 } from "@elementor/editor-documents";
 import { WordpressIcon } from "@elementor/icons";
-import { __ as __24 } from "@wordpress/i18n";
-function init15() {
+import { __ as __23 } from "@wordpress/i18n";
+function init14() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
     group: "exits",
-    priority: 20,
     useProps: () => {
       const document2 = useActiveDocument9();
       return {
-        title: __24("Exit to WordPress", "elementor"),
+        title: __23("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: WordpressIcon,
         onClick: () => {
@@ -1401,7 +1369,8 @@ function init15() {
 }
 
 // src/extensions/index.ts
-function init16() {
+function init15() {
+  init();
   init2();
   init3();
   init4();
@@ -1415,8 +1384,6 @@ function init16() {
   init12();
   init13();
   init14();
-  init15();
-  init();
 }
 
 // src/sync/redirect-old-menus.ts
@@ -1432,9 +1399,9 @@ function redirectOldMenus() {
 }
 
 // src/init.ts
-function init17() {
+function init16() {
   redirectOldMenus();
-  init16();
+  init15();
   injectIntoTop2({
     id: "app-bar",
     component: AppBar
@@ -1442,7 +1409,7 @@ function init17() {
 }
 export {
   documentOptionsMenu,
-  init17 as init,
+  init16 as init,
   injectIntoPageIndication,
   injectIntoPrimaryAction,
   injectIntoResponsive,