@elementor/editor-app-bar 4.3.0-999 → 4.4.0-1065

package/dist/index.d.mts

@@ -26,6 +26,7 @@ declare function Link({ icon: Icon, title, visible, showExternalLinkIcon, ...pro
 type Props = {
     title: string;
     icon: ElementType;
+    id?: string;
     selected?: boolean;
     disabled?: boolean;
     visible?: boolean;

package/dist/index.d.ts

@@ -26,6 +26,7 @@ declare function Link({ icon: Icon, title, visible, showExternalLinkIcon, ...pro
 type Props = {
     title: string;
     icon: ElementType;
+    id?: string;
     selected?: boolean;
     disabled?: boolean;
     visible?: boolean;

package/dist/index.js

@@ -241,8 +241,8 @@ var import_ui13 = require("@elementor/ui");
 // src/constants.ts
 var MIN_APP_BAR_WIDTH = 800;
 var DEFAULT_MAX_TOOLBAR_ACTIONS = {
-  tools: 5,
-  utilities: 4
+  tools: 6,
+  utilities: 5
 };
 
 // src/contexts/app-bar-size-context.tsx
@@ -556,7 +556,7 @@ function AngieGuideLocation() {
         ]
       }
     },
-    /* @__PURE__ */ React16.createElement("span", null)
+    /* @__PURE__ */ React16.createElement("span", { style: { display: "contents" } })
   ));
 }
 
@@ -762,10 +762,10 @@ var { useMenuItems: useMenuItems4 } = utilitiesMenu;
 function UtilitiesMenuLocation() {
   const menuItems = useMenuItems4();
   const { utilities: maxToolbarActions } = useMaxToolbarActions();
-  const shouldUsePopover = menuItems.default.length > maxToolbarActions + 1;
+  const shouldUsePopover = menuItems.default.length > maxToolbarActions;
   const toolbarMenuItems = shouldUsePopover ? menuItems.default.slice(0, maxToolbarActions) : menuItems.default;
   const popoverMenuItems = shouldUsePopover ? menuItems.default.slice(maxToolbarActions) : [];
-  return /* @__PURE__ */ React22.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React22.createElement(import_react8.Fragment, { key: id }, /* @__PURE__ */ React22.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React22.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React22.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React22.createElement(ToolbarMenu, null, popoverMenuItems.length > 0 && /* @__PURE__ */ React22.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React22.createElement(MenuItem2, { key: id }))), toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React22.createElement(import_react8.Fragment, { key: id }, /* @__PURE__ */ React22.createElement(MenuItem2, null))));
 }
 
 // src/components/app-bar.tsx
@@ -1295,7 +1295,7 @@ function useActionProps3() {
 function init5() {
   toolsMenu.registerToggleAction({
     id: "document-settings-button",
-    priority: 3,
+    priority: 5,
     useProps: useActionProps3
   });
 }
@@ -1309,6 +1309,7 @@ function useActionProps4() {
   return {
     title: (0, import_i18n16.__)("Add Element", "elementor"),
     icon: import_icons14.PlusIcon,
+    id: "ele-add-element",
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1487,7 +1488,7 @@ function useActionProps7() {
 function init10() {
   toolsMenu.registerToggleAction({
     id: "open-history",
-    priority: 15,
+    priority: 3,
     useProps: useActionProps7
   });
 }