@elementor/editor-app-bar 0.8.0 → 0.9.1

package/dist/index.mjs

@@ -28,8 +28,10 @@ function ToolbarMenuItem({ title, ...props }) {
       "aria-label": title,
       size: "medium",
       sx: {
-        "& .MuiSvgIcon-root": {
-          fontSize: "1.25rem"
+        "& svg": {
+          fontSize: "1.25rem",
+          height: "1em",
+          width: "1em"
         },
         "&:hover": {
           color: "text.primary"
@@ -125,8 +127,10 @@ function ToolbarMenuToggleItem({ title, onClick, ...props }) {
           border: 0
           // Temp fix until the style of the ToggleButton component will be decided.
         },
-        "& .MuiSvgIcon-root": {
-          fontSize: "1.25rem"
+        "& svg": {
+          fontSize: "1.25rem",
+          height: "1em",
+          width: "1em"
         }
       }
     }
@@ -527,7 +531,7 @@ function AppBar() {
 import { injectIntoTop as injectIntoTop2 } from "@elementor/editor";
 
 // src/sync/redirect-old-menus.ts
-import { listenTo, openRoute, routeOpenEvent } from "@elementor/editor-v1-adapters";
+import { __privateListenTo as listenTo, __privateOpenRoute as openRoute, routeOpenEvent } from "@elementor/editor-v1-adapters";
 function redirectOldMenus() {
   listenTo(routeOpenEvent("panel/menu"), () => {
     openRoute("panel/elements/categories");
@@ -538,12 +542,12 @@ function redirectOldMenus() {
 import * as React22 from "react";
 import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as BaseTooltip2 } from "@elementor/ui";
 import { __ as __4 } from "@wordpress/i18n";
-import { openRoute as openRoute2, useRouteStatus } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute2, __privateUseRouteStatus as useRouteStatus } from "@elementor/editor-v1-adapters";
 import { SettingsIcon } from "@elementor/icons";
-import { __useActiveDocument, __useHostDocument } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument, __useHostDocument as useHostDocument } from "@elementor/editor-documents";
 function SettingsButton() {
-  const activeDocument = __useActiveDocument();
-  const hostDocument = __useHostDocument();
+  const activeDocument = useActiveDocument();
+  const hostDocument = useHostDocument();
   const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
   const { isActive, isBlocked } = useRouteStatus("panel/page-settings");
   if (!document2) {
@@ -602,10 +606,10 @@ function init() {
 // src/extensions/documents-preview/hooks/use-action-props.ts
 import { __ as __5 } from "@wordpress/i18n";
 import { EyeIcon } from "@elementor/icons";
-import { runCommand } from "@elementor/editor-v1-adapters";
-import { __useActiveDocument as __useActiveDocument2 } from "@elementor/editor-documents";
+import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
+import { __useActiveDocument as useActiveDocument2 } from "@elementor/editor-documents";
 function useActionProps() {
-  const document2 = __useActiveDocument2();
+  const document2 = useActiveDocument2();
   return {
     icon: EyeIcon,
     title: __5("Preview Changes", "elementor"),
@@ -629,10 +633,10 @@ function init2() {
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 import { __ as __6 } from "@wordpress/i18n";
 import { FileReportIcon } from "@elementor/icons";
-import { __useActiveDocument as __useActiveDocument3, __useActiveDocumentActions } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument3, __useActiveDocumentActions as useActiveDocumentActions } from "@elementor/editor-documents";
 function useDocumentSaveDraftProps() {
-  const document2 = __useActiveDocument3();
-  const { saveDraft } = __useActiveDocumentActions();
+  const document2 = useActiveDocument3();
+  const { saveDraft } = useActiveDocumentActions();
   return {
     icon: FileReportIcon,
     title: __6("Save Draft", "elementor"),
@@ -644,9 +648,9 @@ function useDocumentSaveDraftProps() {
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 import { __ as __7 } from "@wordpress/i18n";
 import { FolderIcon } from "@elementor/icons";
-import { __useActiveDocumentActions as __useActiveDocumentActions2 } from "@elementor/editor-documents";
+import { __useActiveDocumentActions as useActiveDocumentActions2 } from "@elementor/editor-documents";
 function useDocumentSaveTemplateProps() {
-  const { saveTemplate } = __useActiveDocumentActions2();
+  const { saveTemplate } = useActiveDocumentActions2();
   return {
     icon: FolderIcon,
     title: __7("Save as Template", "elementor"),
@@ -710,12 +714,12 @@ import {
   Tooltip as Tooltip4,
   usePopupState as usePopupState4
 } from "@elementor/ui";
-import { __useActiveDocument as __useActiveDocument4, __useActiveDocumentActions as __useActiveDocumentActions3 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument4, __useActiveDocumentActions as useActiveDocumentActions3 } from "@elementor/editor-documents";
 import { ChevronDownIcon } from "@elementor/icons";
-import { useIsPreviewMode } from "@elementor/editor-v1-adapters";
+import { __privateUseIsPreviewMode as useIsPreviewMode } from "@elementor/editor-v1-adapters";
 function PrimaryAction() {
-  const document2 = __useActiveDocument4();
-  const { save } = __useActiveDocumentActions3();
+  const document2 = useActiveDocument4();
+  const { save } = useActiveDocumentActions3();
   const isPreviewMode = useIsPreviewMode();
   const popupState = usePopupState4({
     variant: "popover",
@@ -802,7 +806,7 @@ function init3() {
 
 // src/extensions/elements/sync/sync-panel-title.ts
 import { __ as __9 } from "@wordpress/i18n";
-import { isRouteActive, listenTo as listenTo2, routeOpenEvent as routeOpenEvent2, v1ReadyEvent } from "@elementor/editor-v1-adapters";
+import { __privateIsRouteActive as isRouteActive, __privateListenTo as listenTo2, routeOpenEvent as routeOpenEvent2, v1ReadyEvent } from "@elementor/editor-v1-adapters";
 function syncPanelTitle() {
   const panelTitle = __9("Elements", "elementor");
   const tabTitle = __9("Widgets", "elementor");
@@ -836,7 +840,7 @@ function setTabTitle(title) {
 // src/extensions/elements/hooks/use-action-props.ts
 import { PlusIcon } from "@elementor/icons";
 import { __ as __10 } from "@wordpress/i18n";
-import { openRoute as openRoute3, useRouteStatus as useRouteStatus2 } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute3, __privateUseRouteStatus as useRouteStatus2 } from "@elementor/editor-v1-adapters";
 function useActionProps2() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
@@ -861,7 +865,7 @@ function init4() {
 // src/extensions/finder/hooks/use-action-props.ts
 import { __ as __11 } from "@wordpress/i18n";
 import { SearchIcon } from "@elementor/icons";
-import { runCommand as runCommand2, useRouteStatus as useRouteStatus3 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand2, __privateUseRouteStatus as useRouteStatus3 } from "@elementor/editor-v1-adapters";
 function useActionProps3() {
   const { isBlocked } = useRouteStatus3("finder", {
     blockOnKitRoutes: false,
@@ -907,7 +911,7 @@ function init6() {
 // src/extensions/history/hooks/use-action-props.ts
 import { HistoryIcon } from "@elementor/icons";
 import { __ as __13 } from "@wordpress/i18n";
-import { openRoute as openRoute4, useRouteStatus as useRouteStatus4 } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute4, __privateUseRouteStatus as useRouteStatus4 } from "@elementor/editor-v1-adapters";
 function useActionProps4() {
   const { isActive, isBlocked } = useRouteStatus4("panel/history");
   return {
@@ -931,7 +935,7 @@ function init7() {
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 import { __ as __14 } from "@wordpress/i18n";
 import { KeyboardIcon } from "@elementor/icons";
-import { runCommand as runCommand3 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
 function useActionProps5() {
   return {
     icon: KeyboardIcon,
@@ -960,7 +964,7 @@ import * as React27 from "react";
 // src/extensions/site-settings/components/portal.tsx
 import * as React25 from "react";
 import { Portal as BasePortal } from "@elementor/ui";
-import { isRouteActive as isRouteActive2, routeCloseEvent, routeOpenEvent as routeOpenEvent3, useListenTo } from "@elementor/editor-v1-adapters";
+import { __privateIsRouteActive as isRouteActive2, routeCloseEvent, routeOpenEvent as routeOpenEvent3, __privateUseListenTo as useListenTo } from "@elementor/editor-v1-adapters";
 function Portal(props) {
   const containerRef = useListenTo(
     [
@@ -980,12 +984,12 @@ function getContainerRef() {
 
 // src/extensions/site-settings/components/primary-action.tsx
 import * as React26 from "react";
-import { __useActiveDocument as __useActiveDocument5, __useActiveDocumentActions as __useActiveDocumentActions4 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument5, __useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
 import { Button as Button2, CircularProgress as CircularProgress2, Paper } from "@elementor/ui";
 import { __ as __15 } from "@wordpress/i18n";
 function PrimaryAction2() {
-  const document2 = __useActiveDocument5();
-  const { save } = __useActiveDocumentActions4();
+  const document2 = useActiveDocument5();
+  const { save } = useActiveDocumentActions4();
   return /* @__PURE__ */ React26.createElement(Paper, { sx: {
     px: 5,
     py: 4,
@@ -1011,7 +1015,7 @@ function PortalledPrimaryAction() {
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 import { __ as __16 } from "@wordpress/i18n";
-import { runCommand as runCommand4, useRouteStatus as useRouteStatus5 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand4, __privateUseRouteStatus as useRouteStatus5 } from "@elementor/editor-v1-adapters";
 import { AdjustmentsHorizontalIcon } from "@elementor/icons";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus5("panel/global", {
@@ -1041,7 +1045,7 @@ function init9() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 import { __ as __17 } from "@wordpress/i18n";
-import { runCommand as runCommand5, useRouteStatus as useRouteStatus6 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand5, __privateUseRouteStatus as useRouteStatus6 } from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
 function useActionProps7() {
   const { isActive, isBlocked } = useRouteStatus6("navigator");
@@ -1066,7 +1070,7 @@ function init10() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 import { __ as __18 } from "@wordpress/i18n";
 import { ThemeBuilderIcon } from "@elementor/icons";
-import { runCommand as runCommand6 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand6 } from "@elementor/editor-v1-adapters";
 function useActionProps8() {
   return {
     icon: ThemeBuilderIcon,
@@ -1086,7 +1090,7 @@ function init11() {
 // src/extensions/user-preferences/hooks/use-action-props.ts
 import { __ as __19 } from "@wordpress/i18n";
 import { ToggleRightIcon } from "@elementor/icons";
-import { openRoute as openRoute5, useRouteStatus as useRouteStatus7 } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute5, __privateUseRouteStatus as useRouteStatus7 } from "@elementor/editor-v1-adapters";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus7("panel/editor-preferences");
   return {
@@ -1111,13 +1115,13 @@ function init12() {
 // src/extensions/wordpress/index.ts
 import { __ as __20 } from "@wordpress/i18n";
 import { WordpressIcon } from "@elementor/icons";
-import { __useActiveDocument as __useActiveDocument6 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument6 } from "@elementor/editor-documents";
 function init13() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
     group: "exits",
     useProps: () => {
-      const document2 = __useActiveDocument6();
+      const document2 = useActiveDocument6();
       return {
         title: __20("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,