@elementor/editor-app-bar 0.12.0 → 0.14.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.14.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.13.0...@elementor/editor-app-bar@0.14.0) (2024-06-04)
+
+
+### Features
+
+* internal create a top bar data events collection working with mixpanel [ED-14684] ([#184](https://github.com/elementor/elementor-packages/issues/184)) ([9d25189](https://github.com/elementor/elementor-packages/commit/9d25189173a65d535347f9b2f32d377bcffb6c52))
+
+
+
+
+
+# [0.13.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.12.0...@elementor/editor-app-bar@0.13.0) (2024-06-02)
+
+
+### Features
+
+* **editor-app-bar:** adjust the UI of the "View Page" link in the "Top Bar" [ED-14942] ([#183](https://github.com/elementor/elementor-packages/issues/183)) ([60d576a](https://github.com/elementor/elementor-packages/commit/60d576ad9f5afbf56984e363f2f9973c84e1f798))
+
+
+
+
+
 # [0.12.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.11.0...@elementor/editor-app-bar@0.12.0) (2024-05-09)
 
 

package/dist/index.js

@@ -83,7 +83,22 @@ function SettingsButton() {
       value: "document-settings",
       selected: isActive,
       disabled: isBlocked,
-      onChange: () => (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/page-settings/settings"),
+      onChange: () => {
+        const extendedWindow = window;
+        const config = extendedWindow?.elementor?.editorEvents?.config;
+        if (config) {
+          extendedWindow.elementor.editorEvents.dispatchEvent(
+            config.names.topBar.documentSettings,
+            {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations["document-settings"],
+              trigger: config.triggers.click,
+              element: config.elements.buttonIcon
+            }
+          );
+        }
+        (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/page-settings/settings");
+      },
       "aria-label": title,
       size: "small",
       sx: {
@@ -139,10 +154,27 @@ function useActionProps() {
   return {
     icon: import_icons2.EyeIcon,
     title: (0, import_i18n2.__)("Preview Changes", "elementor"),
-    onClick: () => document2 && (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/preview", {
-      id: document2.id,
-      force: true
-    })
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.previewPage,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations["preview-page"],
+            trigger: config.triggers.click,
+            element: config.elements.buttonIcon
+          }
+        );
+      }
+      if (document2) {
+        (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/preview", {
+          id: document2.id,
+          force: true
+        });
+      }
+    }
   };
 }
 
@@ -213,12 +245,14 @@ var import_ui2 = require("@elementor/ui");
 var import_editor_app_bar_ui4 = require("@elementor/editor-app-bar-ui");
 var { useMenuItems } = documentOptionsMenu;
 var StyledPopoverMenu = (0, import_ui2.styled)(import_editor_app_bar_ui4.__privatePopoverMenu)`
-	& > .MuiPopover-paper > .MuiList-root > .MuiDivider-root {
-		&:only-child, /* A divider is being rendered lonely */
-		&:last-child, /* The last group renders empty but renders a divider */
-		& + .MuiDivider-root /* Multiple dividers due to multiple empty groups */ {
+	& > .MuiPopover-paper > .MuiList-root {
+		& > .MuiDivider-root {
 			display: none;
 		}
+
+		& > *:not(.MuiDivider-root):not(:last-of-type) + .MuiDivider-root {
+			display: block;
+		}
 	}
 `;
 function PrimaryActionMenu(props) {
@@ -244,8 +278,11 @@ function PrimaryActionMenu(props) {
       index > 0 && /* @__PURE__ */ React2.createElement(import_ui2.Divider, { key: `${id}-divider` }),
       /* @__PURE__ */ React2.createElement(MenuItem, { key: id })
     ]),
-    defaultActions.length > 0 && /* @__PURE__ */ React2.createElement(import_ui2.Divider, null),
-    defaultActions.map(({ MenuItem, id }) => /* @__PURE__ */ React2.createElement(MenuItem, { key: id }))
+    saveActions.length > 0 && defaultActions.length > 0 && /* @__PURE__ */ React2.createElement(import_ui2.Divider, null),
+    defaultActions.map(({ MenuItem, id }, index) => [
+      index > 0 && /* @__PURE__ */ React2.createElement(import_ui2.Divider, { key: `${id}-divider` }),
+      /* @__PURE__ */ React2.createElement(MenuItem, { key: id })
+    ])
   );
 }
 
@@ -271,7 +308,24 @@ function PrimaryAction() {
   return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(import_ui3.ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React3.createElement(
     import_ui3.Button,
     {
-      onClick: () => !document2.isSaving && save(),
+      onClick: () => {
+        const extendedWindow = window;
+        const config = extendedWindow?.elementor?.editorEvents?.config;
+        if (config) {
+          extendedWindow.elementor.editorEvents.dispatchEvent(
+            config.names.topBar.publishButton,
+            {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations["publish-button"],
+              trigger: config.triggers.click,
+              element: config.elements.mainCta
+            }
+          );
+        }
+        if (!document2.isSaving) {
+          save();
+        }
+      },
       sx: {
         height: "100%",
         borderRadius: 0,
@@ -345,29 +399,24 @@ function init3() {
     group: "save",
     id: "document-save-draft",
     priority: 10,
-    // Before save as template.
     useProps: useDocumentSaveDraftProps
   });
   documentOptionsMenu.registerAction({
     group: "save",
     id: "document-save-as-template",
     priority: 20,
-    // After save draft.
     useProps: useDocumentSaveTemplateProps
   });
   documentOptionsMenu.registerAction({
-    group: "save",
-    id: "document-view-page",
-    priority: 30,
-    // After save draft.
-    useProps: useDocumentViewPageProps
-  });
-  documentOptionsMenu.registerAction({
-    group: "save",
     id: "document-copy-and-share",
-    priority: 40,
+    priority: 10,
     useProps: useDocumentCopyAndShareProps
   });
+  documentOptionsMenu.registerAction({
+    id: "document-view-page",
+    priority: 50,
+    useProps: useDocumentViewPageProps
+  });
 }
 
 // src/extensions/elements/sync/sync-panel-title.ts
@@ -415,7 +464,22 @@ function useActionProps2() {
   return {
     title: (0, import_i18n9.__)("Add Element", "elementor"),
     icon: import_icons8.PlusIcon,
-    onClick: () => (0, import_editor_v1_adapters7.__privateOpenRoute)("panel/elements/categories"),
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.widgetPanel,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations["widget-panel"],
+            trigger: config.triggers.toggleClick,
+            element: config.elements.buttonIcon
+          }
+        );
+      }
+      (0, import_editor_v1_adapters7.__privateOpenRoute)("panel/elements/categories");
+    },
     selected: isActive,
     disabled: isBlocked
   };
@@ -446,7 +510,22 @@ function useActionProps3() {
   return {
     title: (0, import_i18n10.__)("Finder", "elementor"),
     icon: import_icons9.SearchIcon,
-    onClick: () => (0, import_editor_v1_adapters8.__privateRunCommand)("finder/toggle"),
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.finder,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.finder,
+            trigger: config.triggers.toggleClick,
+            element: config.elements.buttonIcon
+          }
+        );
+      }
+      (0, import_editor_v1_adapters8.__privateRunCommand)("finder/toggle");
+    },
     disabled: isBlocked
   };
 }
@@ -475,7 +554,22 @@ function init6() {
         title: (0, import_i18n11.__)("Help", "elementor"),
         href: "https://go.elementor.com/editor-top-bar-learn/",
         icon: import_icons10.HelpIcon,
-        target: "_blank"
+        target: "_blank",
+        onClick: () => {
+          const extendedWindow = window;
+          const config = extendedWindow?.elementor?.editorEvents?.config;
+          if (config) {
+            extendedWindow.elementor.editorEvents.dispatchEvent(
+              config.names.topBar.help,
+              {
+                location: config.locations.topBar,
+                secondaryLocation: config.secondaryLocations.help,
+                trigger: config.triggers.click,
+                element: config.elements.buttonIcon
+              }
+            );
+          }
+        }
       };
     }
   });
@@ -493,7 +587,22 @@ function useActionProps4() {
   return {
     title: (0, import_i18n12.__)("History", "elementor"),
     icon: import_icons11.HistoryIcon,
-    onClick: () => (0, import_editor_v1_adapters9.__privateOpenRoute)("panel/history/actions"),
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.history,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.elementorLogo,
+            trigger: config.triggers.click,
+            element: config.elements.link
+          }
+        );
+      }
+      (0, import_editor_v1_adapters9.__privateOpenRoute)("panel/history/actions");
+    },
     selected: isActive,
     disabled: isBlocked
   };
@@ -519,7 +628,22 @@ function useActionProps5() {
   return {
     icon: import_icons12.KeyboardIcon,
     title: (0, import_i18n13.__)("Keyboard Shortcuts", "elementor"),
-    onClick: () => (0, import_editor_v1_adapters10.__privateRunCommand)("shortcuts/open")
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.keyboardShortcuts,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.elementorLogo,
+            trigger: config.triggers.click,
+            element: config.elements.link
+          }
+        );
+      }
+      (0, import_editor_v1_adapters10.__privateRunCommand)("shortcuts/open");
+    }
   };
 }
 
@@ -606,7 +730,26 @@ function useActionProps6() {
   return {
     title: (0, import_i18n15.__)("Site Settings", "elementor"),
     icon: import_icons13.AdjustmentsHorizontalIcon,
-    onClick: () => isActive ? (0, import_editor_v1_adapters12.__privateRunCommand)("panel/global/close") : (0, import_editor_v1_adapters12.__privateRunCommand)("panel/global/open"),
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.siteSettings,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.siteSettings,
+            trigger: config.triggers.toggleClick,
+            element: config.elements.buttonIcon
+          }
+        );
+      }
+      if (isActive) {
+        (0, import_editor_v1_adapters12.__privateRunCommand)("panel/global/close");
+      } else {
+        (0, import_editor_v1_adapters12.__privateRunCommand)("panel/global/open");
+      }
+    },
     selected: isActive,
     disabled: isBlocked
   };
@@ -637,7 +780,22 @@ function useActionProps7() {
   return {
     title: (0, import_i18n16.__)("Structure", "elementor"),
     icon: import_icons14.StructureIcon,
-    onClick: () => (0, import_editor_v1_adapters13.__privateRunCommand)("navigator/toggle"),
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.structure,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.structure,
+            trigger: config.triggers.toggleClick,
+            element: config.elements.buttonIcon
+          }
+        );
+      }
+      (0, import_editor_v1_adapters13.__privateRunCommand)("navigator/toggle");
+    },
     selected: isActive,
     disabled: isBlocked
   };
@@ -663,7 +821,22 @@ function useActionProps8() {
   return {
     icon: import_icons15.ThemeBuilderIcon,
     title: (0, import_i18n17.__)("Theme Builder", "elementor"),
-    onClick: () => (0, import_editor_v1_adapters14.__privateRunCommand)("app/open")
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.themeBuilder,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.elementorLogo,
+            trigger: config.triggers.click,
+            element: config.elements.link
+          }
+        );
+      }
+      (0, import_editor_v1_adapters14.__privateRunCommand)("app/open");
+    }
   };
 }
 
@@ -687,7 +860,22 @@ function useActionProps9() {
   return {
     icon: import_icons16.ToggleRightIcon,
     title: (0, import_i18n18.__)("User Preferences", "elementor"),
-    onClick: () => (0, import_editor_v1_adapters15.__privateOpenRoute)("panel/editor-preferences"),
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(
+          config.names.topBar.userPreferences,
+          {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.elementorLogo,
+            trigger: config.triggers.click,
+            element: config.elements.link
+          }
+        );
+      }
+      (0, import_editor_v1_adapters15.__privateOpenRoute)("panel/editor-preferences");
+    },
     selected: isActive,
     disabled: isBlocked
   };
@@ -717,7 +905,22 @@ function init13() {
       return {
         title: (0, import_i18n19.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
-        icon: import_icons17.WordpressIcon
+        icon: import_icons17.WordpressIcon,
+        onClick: () => {
+          const extendedWindow = window;
+          const config = extendedWindow?.elementor?.editorEvents?.config;
+          if (config) {
+            extendedWindow.elementor.editorEvents.dispatchEvent(
+              config.names.topBar.exitToWordpress,
+              {
+                location: config.locations.topBar,
+                secondaryLocation: config.secondaryLocations.elementorLogo,
+                trigger: config.triggers.click,
+                element: config.elements.link
+              }
+            );
+          }
+        }
       };
     }
   });