@elementor/editor-site-navigation 0.21.13 → 0.22.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.22.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.22.0...@elementor/editor-site-navigation@0.22.1) (2024-07-02)
+
+**Note:** Version bump only for package @elementor/editor-site-navigation
+
+
+
+
+
+# [0.22.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.21.13...@elementor/editor-site-navigation@0.22.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.21.13](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.21.12...@elementor/editor-site-navigation@0.21.13) (2024-06-02)
 
 **Note:** Version bump only for package @elementor/editor-site-navigation

package/dist/index.js

@@ -283,13 +283,30 @@ function RecentlyEdited() {
   if (!document2) {
     return null;
   }
+  const buttonProps = (0, import_ui5.bindTrigger)(popupState);
   return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
     import_ui5.Button,
     {
       color: "inherit",
       size: "small",
       endIcon: /* @__PURE__ */ React5.createElement(import_icons4.ChevronDownIcon, { fontSize: "small" }),
-      ...(0, import_ui5.bindTrigger)(popupState)
+      ...buttonProps,
+      onClick: (e) => {
+        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
+            }
+          );
+        }
+        buttonProps.onClick(e);
+      }
     },
     /* @__PURE__ */ React5.createElement(
       Indicator,

package/dist/index.mjs

@@ -265,13 +265,30 @@ function RecentlyEdited() {
   if (!document2) {
     return null;
   }
+  const buttonProps = bindTrigger(popupState);
   return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
     Button,
     {
       color: "inherit",
       size: "small",
       endIcon: /* @__PURE__ */ React5.createElement(ChevronDownIcon, { fontSize: "small" }),
-      ...bindTrigger(popupState)
+      ...buttonProps,
+      onClick: (e) => {
+        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
+            }
+          );
+        }
+        buttonProps.onClick(e);
+      }
     },
     /* @__PURE__ */ React5.createElement(
       Indicator,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/editor-site-navigation",
-	"version": "0.21.13",
+	"version": "0.22.1",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -32,10 +32,10 @@
 		"dev": "tsup --config=../../tsup.dev.ts"
 	},
 	"dependencies": {
-		"@elementor/editor-app-bar": "^0.13.0",
-		"@elementor/editor-documents": "^0.11.0",
-		"@elementor/editor-panels": "^0.4.12",
-		"@elementor/editor-v1-adapters": "^0.6.0",
+		"@elementor/editor-app-bar": "^0.14.1",
+		"@elementor/editor-documents": "^0.11.1",
+		"@elementor/editor-panels": "^0.4.13",
+		"@elementor/editor-v1-adapters": "^0.6.1",
 		"@elementor/env": "^0.3.2",
 		"@elementor/icons": "^0.8.0",
 		"@elementor/query": "^0.2.0",
@@ -50,5 +50,5 @@
 	"elementor": {
 		"type": "extension"
 	},
-	"gitHead": "8e01300ff8f9ef0fdacf842bf0a900df6e114a3d"
+	"gitHead": "890151ffd0df13e998e1245510929246f0b07e59"
 }

package/src/components/top-bar/recently-edited.tsx

@@ -19,6 +19,7 @@ import { PostListItem } from './post-list-item';
 import { CreatePostListItem } from './create-post-list-item';
 import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
 import { NUMBER_OF_RECENT_POSTS } from '../../api/recent-posts';
+import { ExtendedWindow } from '../../types';
 
 export default function RecentlyEdited() {
 	const activeDocument = useActiveDocument();
@@ -49,13 +50,34 @@ export default function RecentlyEdited() {
 		return null;
 	}
 
+	const buttonProps = bindTrigger( popupState );
+
 	return (
 		<>
 			<Button
 				color="inherit"
 				size="small"
 				endIcon={ <ChevronDownIcon fontSize="small" /> }
-				{ ...bindTrigger( popupState ) }
+				{ ...buttonProps }
+				onClick={ ( e: React.MouseEvent ) =>	{
+					const extendedWindow = window as unknown as ExtendedWindow;
+					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,
+							},
+						);
+					}
+
+					buttonProps.onClick( e );
+				} }
+
 			>
 				<Indicator
 					title={ documentTitle }

package/src/types.ts

@@ -27,3 +27,20 @@ export type RecentPost = {
 		edit: boolean,
 	},
 }
+
+export type ExtendedWindow = Window & {
+	elementor: {
+		editorEvents: {
+			dispatchEvent: ( name: string, data: Record<string, string> ) => void
+			config: {
+				locations: Record<string, string>,
+				secondaryLocations: Record<string, string>,
+				triggers: Record<string, string>,
+				elements: Record<string, string>
+				names: {
+					topBar: Record<string, string>
+				}
+			}
+		}
+	}
+}