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

package/src/extensions/connect/index.ts

@@ -0,0 +1,11 @@
+import { mainMenu } from '../../locations';
+import useConnectLinkConfig from './hooks/use-connect-link-config';
+
+export function init() {
+	mainMenu.registerLink( {
+		id: 'app-bar-connect',
+		group: 'exits',
+		priority: 10,
+		useProps: useConnectLinkConfig,
+	} );
+}

package/src/extensions/documents-indicator/components/settings-button.tsx

@@ -38,15 +38,18 @@ export default function SettingsButton() {
 					disabled={ isBlocked }
 					onChange={ () => {
 						const extendedWindow = window as unknown as ExtendedWindow;
-						const config = extendedWindow?.elementor?.editorEvents?.config;
+						const config = extendedWindow?.elementorCommon?.eventsManager?.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,
-							} );
+							extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+								config.names.topBar.documentSettings,
+								{
+									location: config.locations.topBar,
+									secondaryLocation: config.secondaryLocations[ 'document-settings' ],
+									trigger: config.triggers.click,
+									element: config.elements.buttonIcon,
+								}
+							);
 						}
 
 						openRoute( 'panel/page-settings/settings' );

package/src/extensions/documents-preview/hooks/use-action-props.ts

@@ -13,10 +13,10 @@ export default function useActionProps() {
 		title: __( 'Preview Changes', 'elementor' ),
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.previewPage, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.previewPage, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations[ 'preview-page' ],
 					trigger: config.triggers.click,

package/src/extensions/documents-save/components/primary-action.tsx

@@ -50,15 +50,18 @@ export default function PrimaryAction() {
 				<Button
 					onClick={ () => {
 						const extendedWindow = window as unknown as ExtendedWindow;
-						const config = extendedWindow?.elementor?.editorEvents?.config;
+						const config = extendedWindow?.elementorCommon?.eventsManager?.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,
-							} );
+							extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+								config.names.topBar.publishButton,
+								{
+									location: config.locations.topBar,
+									secondaryLocation: config.secondaryLocations[ 'publish-button' ],
+									trigger: config.triggers.click,
+									element: config.elements.mainCta,
+								}
+							);
 						}
 
 						if ( ! document.isSaving ) {

package/src/extensions/elements/hooks/use-action-props.ts

@@ -15,10 +15,10 @@ export default function useActionProps() {
 		icon: PlusIcon,
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.widgetPanel, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.widgetPanel, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations[ 'widget-panel' ],
 					trigger: config.triggers.toggleClick,

package/src/extensions/finder/hooks/use-action-props.ts

@@ -10,10 +10,10 @@ export default function useActionProps() {
 		icon: SearchIcon,
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.finder, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.finder, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.finder,
 					trigger: config.triggers.toggleClick,

package/src/extensions/help/index.ts

@@ -14,12 +14,13 @@ export function init() {
 				href: 'https://go.elementor.com/editor-top-bar-learn/',
 				icon: HelpIcon,
 				target: '_blank',
+				showExternalLinkIcon: true,
 				onClick: () => {
 					const extendedWindow = window as unknown as ExtendedWindow;
-					const config = extendedWindow?.elementor?.editorEvents?.config;
+					const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 					if ( config ) {
-						extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.help, {
+						extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.help, {
 							location: config.locations.topBar,
 							secondaryLocation: config.secondaryLocations.help,
 							trigger: config.triggers.click,

package/src/extensions/history/hooks/use-action-props.ts

@@ -15,10 +15,10 @@ export default function useActionProps() {
 		icon: HistoryIcon,
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.history, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.history, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.elementorLogo,
 					trigger: config.triggers.click,

package/src/extensions/index.ts

@@ -3,6 +3,7 @@
  * The code should be moved to the appropriate packages.
  */
 
+import { init as initConnect } from './connect';
 import { init as initDocumentsIndicator } from './documents-indicator';
 import { init as initDocumentsPreview } from './documents-preview';
 import { init as initDocumentsSave } from './documents-save';
@@ -33,4 +34,5 @@ export function init() {
 	initThemeBuilder();
 	initUserPreferences();
 	initWordpress();
+	initConnect();
 }

package/src/extensions/keyboard-shortcuts/hooks/use-action-props.ts

@@ -10,10 +10,10 @@ export default function useActionProps(): ActionProps {
 		title: __( 'Keyboard Shortcuts', 'elementor' ),
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.keyboardShortcuts, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.keyboardShortcuts, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.elementorLogo,
 					trigger: config.triggers.click,

package/src/extensions/responsive/components/breakpoints-switcher.tsx

@@ -30,10 +30,10 @@ export default function BreakpointsSwitcher() {
 
 	const onChange = ( _: unknown, value: BreakpointId ) => {
 		const extendedWindow = window as unknown as ExtendedWindow;
-		const config = extendedWindow?.elementor?.editorEvents?.config;
+		const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 		if ( config ) {
-			extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.responsiveControls, {
+			extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.responsiveControls, {
 				location: config.locations.topBar,
 				secondaryLocation: config.secondaryLocations.responsiveControls,
 				trigger: config.triggers.click,

package/src/extensions/site-settings/hooks/use-action-props.ts

@@ -17,10 +17,10 @@ export default function useActionProps(): ToggleActionProps {
 		icon: AdjustmentsHorizontalIcon,
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.siteSettings, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.siteSettings, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.siteSettings,
 					trigger: config.triggers.toggleClick,

package/src/extensions/structure/hooks/use-action-props.ts

@@ -15,10 +15,10 @@ export default function useActionProps(): ToggleActionProps {
 		icon: StructureIcon,
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.structure, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.structure, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.structure,
 					trigger: config.triggers.toggleClick,

package/src/extensions/theme-builder/hooks/use-action-props.ts

@@ -10,10 +10,10 @@ export default function useActionProps(): ActionProps {
 		title: __( 'Theme Builder', 'elementor' ),
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.themeBuilder, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.themeBuilder, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.elementorLogo,
 					trigger: config.triggers.click,

package/src/extensions/user-preferences/hooks/use-action-props.ts

@@ -15,10 +15,10 @@ export default function useActionProps(): ToggleActionProps {
 		title: __( 'User Preferences', 'elementor' ),
 		onClick: () => {
 			const extendedWindow = window as unknown as ExtendedWindow;
-			const config = extendedWindow?.elementor?.editorEvents?.config;
+			const config = extendedWindow?.elementorCommon?.eventsManager?.config;
 
 			if ( config ) {
-				extendedWindow.elementor.editorEvents.dispatchEvent( config.names.topBar.userPreferences, {
+				extendedWindow.elementorCommon.eventsManager.dispatchEvent( config.names.topBar.userPreferences, {
 					location: config.locations.topBar,
 					secondaryLocation: config.secondaryLocations.elementorLogo,
 					trigger: config.triggers.click,

package/src/extensions/wordpress/index.ts

@@ -9,6 +9,7 @@ export function init() {
 	mainMenu.registerLink( {
 		id: 'exit-to-wordpress',
 		group: 'exits',
+		priority: 20,
 		useProps: () => {
 			const document = useActiveDocument();
 			return {
@@ -17,15 +18,18 @@ export function init() {
 				icon: WordpressIcon,
 				onClick: () => {
 					const extendedWindow = window as unknown as ExtendedWindow;
-					const config = extendedWindow?.elementor?.editorEvents?.config;
+					const config = extendedWindow?.elementorCommon?.eventsManager?.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,
-						} );
+						extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+							config.names.topBar.exitToWordpress,
+							{
+								location: config.locations.topBar,
+								secondaryLocation: config.secondaryLocations.elementorLogo,
+								trigger: config.triggers.click,
+								element: config.elements.link,
+							}
+						);
 					}
 				},
 			};

package/src/types.ts

@@ -1,6 +1,6 @@
 export type ExtendedWindow = Window & {
-	elementor: {
-		editorEvents: {
+	elementorCommon: {
+		eventsManager: {
 			dispatchEvent: ( name: string, data: Record< string, string > ) => void;
 			config: {
 				locations: Record< string, string >;
@@ -12,6 +12,17 @@ export type ExtendedWindow = Window & {
 				};
 			};
 		};
+		config: {
+			library_connect: {
+				is_connected: boolean;
+			};
+			user: {
+				top_bar: {
+					my_elementor_url: string;
+					connect_url: string;
+				};
+			};
+		};
 	};
 };