@elementor/editor-app-bar 0.3.0 → 0.4.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 // src/locations/menus.tsx
 import * as React8 from "react";
 import { useMemo } from "react";
-import { inject, useInjectionsOf } from "@elementor/locations";
+import { createLocation } from "@elementor/locations";
 
 // src/components/actions/action.tsx
 import * as React4 from "react";
@@ -112,30 +112,30 @@ function Link({ icon: Icon, title, visible = true, ...props }) {
 }
 
 // src/locations/menus.tsx
-function createMenu({ name: menuName, groups = [] }) {
+function createMenu(groups = []) {
   const menuGroups = [
     ...groups,
     "default"
   ];
-  const registerAction = createRegisterMenuItem({
-    menuName,
-    menuGroups,
-    component: Action
-  });
-  const registerToggleAction = createRegisterMenuItem({
-    menuName,
-    menuGroups,
-    component: ToggleAction
-  });
-  const registerLink = createRegisterMenuItem({
-    menuName,
-    menuGroups,
-    component: Link
-  });
-  const useMenuItems5 = createUseMenuItems({
-    menuName,
-    menuGroups
-  });
+  const locations = menuGroups.reduce(
+    (carry, group) => ({
+      ...carry,
+      [group]: createLocation()
+    }),
+    {}
+  );
+  const [
+    registerAction,
+    registerToggleAction,
+    registerLink
+  ] = [Action, ToggleAction, Link].map(
+    (Component) => createRegisterMenuItem({
+      locations,
+      menuGroups,
+      component: Component
+    })
+  );
+  const useMenuItems5 = createUseMenuItems(locations);
   return {
     registerAction,
     registerToggleAction,
@@ -143,8 +143,8 @@ function createMenu({ name: menuName, groups = [] }) {
     useMenuItems: useMenuItems5
   };
 }
-function createRegisterMenuItem({ menuName, menuGroups, component }) {
-  return ({ group = "default", name, overwrite, priority, ...args }) => {
+function createRegisterMenuItem({ locations, menuGroups, component }) {
+  return ({ group = "default", id, overwrite, priority, ...args }) => {
     if (!menuGroups.includes(group)) {
       return;
     }
@@ -154,10 +154,8 @@ function createRegisterMenuItem({ menuName, menuGroups, component }) {
       const componentProps = useProps();
       return /* @__PURE__ */ React8.createElement(Component, { ...props, ...componentProps });
     };
-    const location = getMenuLocationId(menuName, group);
-    inject({
-      location,
-      name,
+    locations[group].inject({
+      id,
       filler: Filler,
       options: {
         priority,
@@ -166,54 +164,44 @@ function createRegisterMenuItem({ menuName, menuGroups, component }) {
     });
   };
 }
-function createUseMenuItems({ menuName, menuGroups }) {
-  const locations = menuGroups.map((group) => getMenuLocationId(menuName, group));
+function createUseMenuItems(locations) {
   return () => {
-    const injectionsGroups = useInjectionsOf(locations);
     return useMemo(() => {
-      return injectionsGroups.reduce((acc, injections, index) => {
-        const groupName = menuGroups[index];
-        return {
-          ...acc,
-          [groupName]: injections.map((injection) => ({
+      return Object.entries(locations).reduce(
+        (carry, [groupName, location]) => {
+          const items = location.getInjections().map((injection) => ({
             id: injection.id,
             MenuItem: injection.filler
-          }))
-        };
-      }, {});
-    }, [injectionsGroups]);
+          }));
+          return {
+            ...carry,
+            [groupName]: items
+          };
+        },
+        {}
+      );
+    }, []);
   };
 }
-function getMenuLocationId(menu, group) {
-  return `editor/app-bar/${menu}/${group}`;
-}
-
-// src/locations/index.ts
-import { createInjectorFor } from "@elementor/locations";
-
-// src/locations/consts.ts
-var LOCATION_PAGE_INDICATION = "editor/app-bar/page-indication";
-var LOCATION_RESPONSIVE = "editor/app-bar/responsive";
-var LOCATION_PRIMARY_ACTION = "editor/app-bar/primary-action";
 
 // src/locations/index.ts
-var injectIntoPageIndication = createInjectorFor(LOCATION_PAGE_INDICATION);
-var injectIntoResponsive = createInjectorFor(LOCATION_RESPONSIVE);
-var injectIntoPrimaryAction = createInjectorFor(LOCATION_PRIMARY_ACTION);
-var mainMenu = createMenu({
-  name: "main",
-  groups: ["exits"]
-});
-var toolsMenu = createMenu({
-  name: "tools"
-});
-var utilitiesMenu = createMenu({
-  name: "utilities"
-});
-var documentOptionsMenu = createMenu({
-  name: "document-options",
-  groups: ["save"]
-});
+import { createLocation as createLocation2 } from "@elementor/locations";
+var {
+  inject: injectIntoPageIndication,
+  Slot: PageIndicationSlot
+} = createLocation2();
+var {
+  inject: injectIntoResponsive,
+  Slot: ResponsiveSlot
+} = createLocation2();
+var {
+  inject: injectIntoPrimaryAction,
+  Slot: PrimaryActionSlot
+} = createLocation2();
+var mainMenu = createMenu(["exits"]);
+var toolsMenu = createMenu();
+var utilitiesMenu = createMenu();
+var documentOptionsMenu = createMenu(["save"]);
 
 // src/components/app-bar.tsx
 import * as React19 from "react";
@@ -391,23 +379,20 @@ function UtilitiesMenuLocation() {
 
 // src/components/locations/primary-action-location.tsx
 import * as React16 from "react";
-import { Slot } from "@elementor/locations";
 function PrimaryActionLocation() {
-  return /* @__PURE__ */ React16.createElement(Slot, { location: LOCATION_PRIMARY_ACTION });
+  return /* @__PURE__ */ React16.createElement(PrimaryActionSlot, null);
 }
 
 // src/components/locations/page-indication-location.tsx
 import * as React17 from "react";
-import { Slot as Slot2 } from "@elementor/locations";
 function PageIndicationLocation() {
-  return /* @__PURE__ */ React17.createElement(Slot2, { location: LOCATION_PAGE_INDICATION });
+  return /* @__PURE__ */ React17.createElement(PageIndicationSlot, null);
 }
 
 // src/components/locations/responsive-location.tsx
 import * as React18 from "react";
-import { Slot as Slot3 } from "@elementor/locations";
 function ResponsiveLocation() {
-  return /* @__PURE__ */ React18.createElement(Slot3, { location: LOCATION_RESPONSIVE });
+  return /* @__PURE__ */ React18.createElement(ResponsiveSlot, null);
 }
 
 // src/components/app-bar.tsx
@@ -459,7 +444,7 @@ function SettingsButton() {
 // src/extensions/documents-indicator/index.ts
 function init() {
   injectIntoPageIndication({
-    name: "document-settings-button",
+    id: "document-settings-button",
     filler: SettingsButton,
     options: {
       priority: 20
@@ -488,7 +473,7 @@ function useActionProps() {
 // src/extensions/documents-preview/index.ts
 function init2() {
   utilitiesMenu.registerAction({
-    name: "document-preview-button",
+    id: "document-preview-button",
     priority: 30,
     // After help.
     useProps: useActionProps
@@ -638,19 +623,19 @@ function isEnabled(document2) {
 // src/extensions/documents-save/index.ts
 function init3() {
   injectIntoPrimaryAction({
-    name: "document-primary-action",
+    id: "document-primary-action",
     filler: PrimaryAction
   });
   documentOptionsMenu.registerAction({
     group: "save",
-    name: "document-save-draft",
+    id: "document-save-draft",
     priority: 10,
     // Before save as template.
     useProps: useDocumentSaveDraftProps
   });
   documentOptionsMenu.registerAction({
     group: "save",
-    name: "document-save-as-template",
+    id: "document-save-as-template",
     priority: 20,
     // After save draft.
     useProps: useDocumentSaveTemplateProps
@@ -709,7 +694,7 @@ function useActionProps2() {
 function init4() {
   syncPanelTitle();
   toolsMenu.registerToggleAction({
-    name: "open-elements-panel",
+    id: "open-elements-panel",
     priority: 1,
     useProps: useActionProps2
   });
@@ -736,7 +721,7 @@ function useActionProps3() {
 // src/extensions/finder/index.ts
 function init5() {
   utilitiesMenu.registerToggleAction({
-    name: "toggle-finder",
+    id: "toggle-finder",
     priority: 10,
     // Before help.
     useProps: useActionProps3
@@ -748,7 +733,7 @@ import { __ as __11 } from "@wordpress/i18n";
 import { HelpIcon } from "@elementor/icons";
 function init6() {
   utilitiesMenu.registerLink({
-    name: "open-help-center",
+    id: "open-help-center",
     priority: 20,
     // After Finder.
     useProps: () => {
@@ -780,7 +765,7 @@ function useActionProps4() {
 // src/extensions/history/index.ts
 function init7() {
   mainMenu.registerToggleAction({
-    name: "open-history",
+    id: "open-history",
     priority: 20,
     useProps: useActionProps4
   });
@@ -801,7 +786,7 @@ function useActionProps5() {
 // src/extensions/keyboard-shortcuts/index.ts
 function init8() {
   mainMenu.registerAction({
-    name: "open-keyboard-shortcuts",
+    id: "open-keyboard-shortcuts",
     group: "default",
     priority: 40,
     // After user preferences.
@@ -887,11 +872,11 @@ function useActionProps6() {
 // src/extensions/site-settings/index.ts
 function init9() {
   injectIntoTop({
-    name: "site-settings-primary-action-portal",
+    id: "site-settings-primary-action-portal",
     filler: PortalledPrimaryAction
   });
   toolsMenu.registerToggleAction({
-    name: "toggle-site-settings",
+    id: "toggle-site-settings",
     priority: 2,
     useProps: useActionProps6
   });
@@ -915,7 +900,7 @@ function useActionProps7() {
 // src/extensions/structure/index.ts
 function init10() {
   toolsMenu.registerToggleAction({
-    name: "toggle-structure-view",
+    id: "toggle-structure-view",
     priority: 3,
     useProps: useActionProps7
   });
@@ -936,7 +921,7 @@ function useActionProps8() {
 // src/extensions/theme-builder/index.ts
 function init11() {
   mainMenu.registerAction({
-    name: "open-theme-builder",
+    id: "open-theme-builder",
     useProps: useActionProps8
   });
 }
@@ -959,7 +944,7 @@ function useActionProps9() {
 // src/extensions/user-preferences/index.ts
 function init12() {
   mainMenu.registerToggleAction({
-    name: "open-user-preferences",
+    id: "open-user-preferences",
     priority: 30,
     // After history.
     useProps: useActionProps9
@@ -972,7 +957,7 @@ import { WordpressIcon } from "@elementor/icons";
 import { useActiveDocument as useActiveDocument6 } from "@elementor/editor-documents";
 function init13() {
   mainMenu.registerLink({
-    name: "exit-to-wordpress",
+    id: "exit-to-wordpress",
     group: "exits",
     useProps: () => {
       const document2 = useActiveDocument6();
@@ -1007,7 +992,7 @@ function init15() {
   redirectOldMenus();
   init14();
   injectIntoTop2({
-    name: "app-bar",
+    id: "app-bar",
     filler: AppBar
   });
 }