@elementor/editor-app-bar 0.20.0 → 0.22.0

package/src/components/locations/page-indication-location.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { PageIndicationSlot } from '../../locations';
 
 export default function PageIndicationLocation() {

package/src/components/locations/primary-action-location.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { PrimaryActionSlot } from '../../locations';
 
 export default function PrimaryActionLocation() {

package/src/components/locations/responsive-location.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { ResponsiveSlot } from '../../locations';
 
 export default function ResponsiveLocation() {

package/src/components/locations/tools-menu-location.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { toolsMenu } from '../../locations';
 import ToolbarMenu from '../ui/toolbar-menu';
 import ToolbarMenuMore from '../ui/toolbar-menu-more';

package/src/components/locations/utilities-menu-location.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Fragment } from 'react';
-import ToolbarMenu from '../ui/toolbar-menu';
-import { utilitiesMenu } from '../../locations';
 import { Divider } from '@elementor/ui';
+
+import { utilitiesMenu } from '../../locations';
+import ToolbarMenu from '../ui/toolbar-menu';
 import ToolbarMenuMore from '../ui/toolbar-menu-more';
 
 const MAX_TOOLBAR_ACTIONS = 4;

package/src/components/ui/popover-menu-item.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { MenuItem, MenuItemProps, ListItemText, ListItemIcon, withDirection } from '@elementor/ui';
 import { ArrowUpRightIcon, ChevronRightIcon } from '@elementor/icons';
+import { ListItemIcon, ListItemText, MenuItem, type MenuItemProps, withDirection } from '@elementor/ui';
 
 type ExtraProps = {
 	href?: string;

package/src/components/ui/popover-menu.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Menu, MenuProps, PopupState } from '@elementor/ui';
+import { Menu, type MenuProps, type PopupState } from '@elementor/ui';
+
 import { MenuContextProvider } from '../../contexts/menu-context';
 
 export type PopoverMenuProps = MenuProps & {

package/src/components/ui/toolbar-logo.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useState } from 'react';
+import { styled, SvgIcon, type SvgIconProps, ToggleButton, type ToggleButtonProps } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
-import { ToggleButton, ToggleButtonProps, SvgIconProps, SvgIcon, styled } from '@elementor/ui';
 
 interface StyledElementorLogoProps extends SvgIconProps {
 	showMenuIcon?: boolean;

package/src/components/ui/toolbar-menu-item.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Box, IconButton, IconButtonProps, Tooltip as BaseTooltip, TooltipProps } from '@elementor/ui';
+import { Box, IconButton, type IconButtonProps, Tooltip as BaseTooltip, type TooltipProps } from '@elementor/ui';
 
 export type ToolbarMenuItemProps = IconButtonProps & {
 	title?: string;

package/src/components/ui/toolbar-menu-more.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
+import { DotsVerticalIcon } from '@elementor/icons';
 import { bindMenu, bindTrigger, usePopupState } from '@elementor/ui';
-import ToolbarMenuItem from './toolbar-menu-item';
 import { __ } from '@wordpress/i18n';
-import { DotsVerticalIcon } from '@elementor/icons';
+
 import PopoverMenu from './popover-menu';
+import ToolbarMenuItem from './toolbar-menu-item';
 
 export type ToolbarMenuMoreProps = PropsWithChildren< {
 	id: string;

package/src/components/ui/toolbar-menu-toggle-item.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Box, ToggleButton, ToggleButtonProps, Tooltip } from '@elementor/ui';
+import { Box, ToggleButton, type ToggleButtonProps, Tooltip } from '@elementor/ui';
 
 export type ToolbarMenuToggleItemProps = Omit< ToggleButtonProps, 'onChange' > & {
 	title?: string;

package/src/components/ui/toolbar-menu.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Stack, StackProps } from '@elementor/ui';
+import { Stack, type StackProps } from '@elementor/ui';
+
 import { MenuContextProvider } from '../../contexts/menu-context';
 
 export type ToolbarMenuProps = StackProps;

package/src/contexts/menu-context.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { createContext, PropsWithChildren, useContext } from 'react';
-import { PopupState } from '@elementor/ui';
+import { createContext, type PropsWithChildren, useContext } from 'react';
+import { type PopupState } from '@elementor/ui';
 
 type MenuContextValue = {
 	type: 'toolbar' | 'popover';

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

@@ -1,16 +1,17 @@
 import * as React from 'react';
-import { Box, ToggleButton, Tooltip as BaseTooltip, TooltipProps } from '@elementor/ui';
-import { __ } from '@wordpress/i18n';
+import {
+	__useActiveDocument as useActiveDocument,
+	__useHostDocument as useHostDocument,
+} from '@elementor/editor-documents';
 import {
 	__privateOpenRoute as openRoute,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
 import { SettingsIcon } from '@elementor/icons';
-import {
-	__useActiveDocument as useActiveDocument,
-	__useHostDocument as useHostDocument,
-} from '@elementor/editor-documents';
-import { ExtendedWindow } from '../../../types';
+import { Box, ToggleButton, Tooltip as BaseTooltip, type TooltipProps } from '@elementor/ui';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
 
 export default function SettingsButton() {
 	const activeDocument = useActiveDocument();

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

@@ -1,8 +1,9 @@
-import { __ } from '@wordpress/i18n';
-import { EyeIcon } from '@elementor/icons';
-import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
 import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
-import { ExtendedWindow } from '../../../types';
+import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
+import { EyeIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
 
 export default function useActionProps() {
 	const document = useActiveDocument();

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Divider, styled } from '@elementor/ui';
-import { default as PopoverMenu, PopoverMenuProps } from '../../../components/ui/popover-menu';
+
+import { default as PopoverMenu, type PopoverMenuProps } from '../../../components/ui/popover-menu';
 import { documentOptionsMenu } from '../locations';
 
 const { useMenuItems } = documentOptionsMenu;

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

@@ -1,6 +1,11 @@
 import * as React from 'react';
-import { __ } from '@wordpress/i18n';
-import PrimaryActionMenu from './primary-action-menu';
+import {
+	__useActiveDocument as useActiveDocument,
+	__useActiveDocumentActions as useActiveDocumentActions,
+	type Document,
+} from '@elementor/editor-documents';
+import { __privateUseIsPreviewMode as useIsPreviewMode } from '@elementor/editor-v1-adapters';
+import { ChevronDownIcon } from '@elementor/icons';
 import {
 	bindMenu,
 	bindTrigger,
@@ -11,14 +16,10 @@ import {
 	Tooltip,
 	usePopupState,
 } from '@elementor/ui';
-import {
-	Document,
-	__useActiveDocument as useActiveDocument,
-	__useActiveDocumentActions as useActiveDocumentActions,
-} from '@elementor/editor-documents';
-import { ChevronDownIcon } from '@elementor/icons';
-import { __privateUseIsPreviewMode as useIsPreviewMode } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow } from '../../../types';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
+import PrimaryActionMenu from './primary-action-menu';
 
 export default function PrimaryAction() {
 	const document = useActiveDocument();

package/src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts

@@ -1,10 +1,11 @@
-import { __ } from '@wordpress/i18n';
-import { ActionProps } from '../../../types';
-import { LinkIcon } from '@elementor/icons';
 import {
 	__useActiveDocument as useActiveDocument,
 	__useActiveDocumentActions as useActiveDocumentActions,
 } from '@elementor/editor-documents';
+import { LinkIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ActionProps } from '../../../types';
 
 export default function useDocumentCopyAndShareProps(): ActionProps {
 	const document = useActiveDocument();

package/src/extensions/documents-save/hooks/use-document-save-draft-props.ts

@@ -1,10 +1,11 @@
-import { __ } from '@wordpress/i18n';
-import { ActionProps } from '../../../types';
-import { FileReportIcon } from '@elementor/icons';
 import {
 	__useActiveDocument as useActiveDocument,
 	__useActiveDocumentActions as useActiveDocumentActions,
 } from '@elementor/editor-documents';
+import { FileReportIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ActionProps } from '../../../types';
 
 export default function useDocumentSaveDraftProps(): ActionProps {
 	const document = useActiveDocument();

package/src/extensions/documents-save/hooks/use-document-save-template-props.ts

@@ -1,7 +1,8 @@
-import { __ } from '@wordpress/i18n';
-import { ActionProps } from '../../../types';
-import { FolderIcon } from '@elementor/icons';
 import { __useActiveDocumentActions as useActiveDocumentActions } from '@elementor/editor-documents';
+import { FolderIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ActionProps } from '../../../types';
 
 export default function useDocumentSaveTemplateProps(): ActionProps {
 	const { saveTemplate } = useActiveDocumentActions();

package/src/extensions/documents-save/hooks/use-document-view-page-props.ts

@@ -1,7 +1,7 @@
-import { __ } from '@wordpress/i18n';
-import { EyeIcon } from '@elementor/icons';
 import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
+import { EyeIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
 
 export default function useDocumentViewPageProps() {
 	const document = useActiveDocument();

package/src/extensions/documents-save/index.ts

@@ -1,10 +1,10 @@
 import { injectIntoPrimaryAction } from '../../locations';
+import PrimaryAction from './components/primary-action';
+import useDocumentCopyAndShareProps from './hooks/use-document-copy-and-share-props';
 import useDocumentSaveDraftProps from './hooks/use-document-save-draft-props';
 import useDocumentSaveTemplateProps from './hooks/use-document-save-template-props';
 import useDocumentViewPageProps from './hooks/use-document-view-page-props';
-import PrimaryAction from './components/primary-action';
 import { documentOptionsMenu } from './locations';
-import useDocumentCopyAndShareProps from './hooks/use-document-copy-and-share-props';
 
 export function init() {
 	injectIntoPrimaryAction( {

package/src/extensions/documents-save/locations.ts

@@ -1,4 +1,5 @@
 import { createMenu } from '@elementor/menus';
+
 import Action from '../../components/actions/action';
 import Link from '../../components/actions/link';
 import ToggleAction from '../../components/actions/toggle-action';

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

@@ -1,10 +1,11 @@
-import { PlusIcon } from '@elementor/icons';
-import { __ } from '@wordpress/i18n';
 import {
 	__privateOpenRoute as openRoute,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow } from '../../../types';
+import { PlusIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
 
 export default function useActionProps() {
 	const { isActive, isBlocked } = useRouteStatus( 'panel/elements' );

package/src/extensions/elements/index.ts

@@ -1,6 +1,6 @@
-import syncPanelTitle from './sync/sync-panel-title';
 import { toolsMenu } from '../../locations';
 import useActionProps from './hooks/use-action-props';
+import syncPanelTitle from './sync/sync-panel-title';
 
 export function init() {
 	syncPanelTitle();

package/src/extensions/elements/sync/sync-panel-title.ts

@@ -1,10 +1,10 @@
-import { __ } from '@wordpress/i18n';
 import {
 	__privateIsRouteActive as isRouteActive,
 	__privateListenTo as listenTo,
 	routeOpenEvent,
 	v1ReadyEvent,
 } from '@elementor/editor-v1-adapters';
+import { __ } from '@wordpress/i18n';
 
 type ExtendedWindow = Window & {
 	elementor: {

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

@@ -1,10 +1,11 @@
-import { __ } from '@wordpress/i18n';
-import { SearchIcon } from '@elementor/icons';
 import {
 	__privateRunCommand as runCommand,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow } from '../../../types';
+import { SearchIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
 
 export default function useActionProps() {
 	const { isBlocked } = useRouteStatus( 'finder', {

package/src/extensions/help/index.ts

@@ -1,7 +1,8 @@
-import { utilitiesMenu } from '../../locations';
-import { __ } from '@wordpress/i18n';
 import { HelpIcon } from '@elementor/icons';
-import { ExtendedWindow } from '../../types';
+import { __ } from '@wordpress/i18n';
+
+import { utilitiesMenu } from '../../locations';
+import { type ExtendedWindow } from '../../types';
 
 export function init() {
 	utilitiesMenu.registerLink( {

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

@@ -1,10 +1,11 @@
-import { HistoryIcon } from '@elementor/icons';
-import { __ } from '@wordpress/i18n';
 import {
 	__privateOpenRoute as openRoute,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow } from '../../../types';
+import { HistoryIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
 
 export default function useActionProps() {
 	const { isActive, isBlocked } = useRouteStatus( 'panel/history' );

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

@@ -1,7 +1,8 @@
-import { __ } from '@wordpress/i18n';
-import { KeyboardIcon } from '@elementor/icons';
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow, ActionProps } from '../../../types';
+import { KeyboardIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ActionProps, type ExtendedWindow } from '../../../types';
 
 export default function useActionProps(): ActionProps {
 	return {

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

@@ -1,22 +1,23 @@
 import * as React from 'react';
-import { __ } from '@wordpress/i18n';
-import { ExtendedWindow } from '../../../types';
-import { Tab, Tabs, Tooltip as BaseTooltip, TooltipProps } from '@elementor/ui';
 import {
-	useBreakpoints,
+	type BreakpointId,
 	useActivateBreakpoint,
 	useActiveBreakpoint,
-	type BreakpointId,
+	useBreakpoints,
 } from '@elementor/editor-responsive';
 import {
 	DesktopIcon,
-	TabletPortraitIcon,
-	MobilePortraitIcon,
-	WidescreenIcon,
 	LaptopIcon,
-	TabletLandscapeIcon,
 	MobileLandscapeIcon,
+	MobilePortraitIcon,
+	TabletLandscapeIcon,
+	TabletPortraitIcon,
+	WidescreenIcon,
 } from '@elementor/icons';
+import { Tab, Tabs, Tooltip as BaseTooltip, type TooltipProps } from '@elementor/ui';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow } from '../../../types';
 
 export default function BreakpointsSwitcher() {
 	const breakpoints = useBreakpoints();

package/src/extensions/site-settings/components/portal.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { Portal as BasePortal, PortalProps } from '@elementor/ui';
 import {
 	__privateIsRouteActive as isRouteActive,
+	__privateUseListenTo as useListenTo,
 	routeCloseEvent,
 	routeOpenEvent,
-	__privateUseListenTo as useListenTo,
 } from '@elementor/editor-v1-adapters';
+import { Portal as BasePortal, type PortalProps } from '@elementor/ui';
 
 export default function Portal( props: Omit< PortalProps, 'container' > ) {
 	const containerRef = useListenTo(

package/src/extensions/site-settings/components/portalled-primary-action.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import Portal from './portal';
 import PrimaryAction from './primary-action';
 

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

@@ -1,10 +1,11 @@
-import { __ } from '@wordpress/i18n';
 import {
 	__privateRunCommand as runCommand,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
 import { AdjustmentsHorizontalIcon } from '@elementor/icons';
-import { ExtendedWindow, ToggleActionProps } from '../../../types';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow, type ToggleActionProps } from '../../../types';
 
 export default function useActionProps(): ToggleActionProps {
 	const { isActive, isBlocked } = useRouteStatus( 'panel/global', {

package/src/extensions/site-settings/index.ts

@@ -1,6 +1,7 @@
 import { injectIntoTop } from '@elementor/editor';
-import PortalledPrimaryAction from './components/portalled-primary-action';
+
 import { toolsMenu } from '../../locations';
+import PortalledPrimaryAction from './components/portalled-primary-action';
 import useActionProps from './hooks/use-action-props';
 
 export function init() {

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

@@ -1,10 +1,11 @@
-import { __ } from '@wordpress/i18n';
 import {
 	__privateRunCommand as runCommand,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
 import { StructureIcon } from '@elementor/icons';
-import { ExtendedWindow, ToggleActionProps } from '../../../types';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow, type ToggleActionProps } from '../../../types';
 
 export default function useActionProps(): ToggleActionProps {
 	const { isActive, isBlocked } = useRouteStatus( 'navigator' );

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

@@ -1,7 +1,8 @@
-import { __ } from '@wordpress/i18n';
-import { ThemeBuilderIcon } from '@elementor/icons';
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow, ActionProps } from '../../../types';
+import { ThemeBuilderIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ActionProps, type ExtendedWindow } from '../../../types';
 
 export default function useActionProps(): ActionProps {
 	return {

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

@@ -1,10 +1,11 @@
-import { __ } from '@wordpress/i18n';
-import { ToggleRightIcon } from '@elementor/icons';
 import {
 	__privateOpenRoute as openRoute,
 	__privateUseRouteStatus as useRouteStatus,
 } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow, ToggleActionProps } from '../../../types';
+import { ToggleRightIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { type ExtendedWindow, type ToggleActionProps } from '../../../types';
 
 export default function useActionProps(): ToggleActionProps {
 	const { isActive, isBlocked } = useRouteStatus( 'panel/editor-preferences' );

package/src/extensions/wordpress/index.ts

@@ -1,8 +1,9 @@
-import { mainMenu } from '../../locations';
-import { __ } from '@wordpress/i18n';
-import { WordpressIcon } from '@elementor/icons';
 import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
-import { ExtendedWindow } from '../../types';
+import { WordpressIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+import { mainMenu } from '../../locations';
+import { type ExtendedWindow } from '../../types';
 
 export function init() {
 	mainMenu.registerLink( {

package/src/init.ts

@@ -1,7 +1,8 @@
-import AppBar from './components/app-bar';
 import { injectIntoTop } from '@elementor/editor';
-import redirectOldMenus from './sync/redirect-old-menus';
+
+import AppBar from './components/app-bar';
 import { init as initExtensions } from './extensions';
+import redirectOldMenus from './sync/redirect-old-menus';
 
 export default function init() {
 	redirectOldMenus();

package/src/locations.ts

@@ -1,5 +1,6 @@
 import { createLocation } from '@elementor/locations';
 import { createMenu } from '@elementor/menus';
+
 import Action from './components/actions/action';
 import Link from './components/actions/link';
 import ToggleAction from './components/actions/toggle-action';