@elementor/editor-editing-panel 4.0.0-591 → 4.0.0-598

package/dist/index.js

@@ -848,15 +848,26 @@ function useClasses() {
 }
 
 // src/components/css-classes/css-class-menu.tsx
-var STATES = [
+var DEFAULT_PSEUDO_STATES = [
   { key: "normal", value: null, label: (0, import_i18n3.__)("normal", "elementor") },
   { key: "hover", value: "hover", label: (0, import_i18n3.__)("hover", "elementor") },
   { key: "focus", value: "focus", label: (0, import_i18n3.__)("focus", "elementor") },
   { key: "active", value: "active", label: (0, import_i18n3.__)("active", "elementor") }
 ];
+function usePseudoStates() {
+  const { elementType } = useElement();
+  const { pseudoStates = [] } = elementType;
+  const additionalStates = pseudoStates.map(({ name, value }) => ({
+    key: value,
+    value,
+    label: name
+  }));
+  return [...DEFAULT_PSEUDO_STATES, ...additionalStates];
+}
 function CssClassMenu({ popupState, anchorEl, fixed }) {
   const { provider } = useCssClass();
   const isLocalStyle2 = provider ? (0, import_editor_styles_repository6.isElementsStylesProvider)(provider) : true;
+  const pseudoStates = usePseudoStates();
   const handleKeyDown = (e) => {
     e.stopPropagation();
   };
@@ -880,7 +891,7 @@ function CssClassMenu({ popupState, anchorEl, fixed }) {
     isLocalStyle2 && /* @__PURE__ */ React8.createElement(LocalClassSubMenu, { popupState }),
     getMenuItemsByProvider({ provider, closeMenu: popupState.close, fixed }),
     /* @__PURE__ */ React8.createElement(import_ui5.MenuSubheader, { sx: { typography: "caption", color: "text.secondary", pb: 0.5, pt: 1 } }, (0, import_i18n3.__)("States", "elementor")),
-    STATES.map((state) => {
+    pseudoStates.map((state) => {
       return /* @__PURE__ */ React8.createElement(
         StateMenuItem,
         {
@@ -5828,6 +5839,7 @@ var init2 = () => {
   });
   registerPopoverAction({
     id: "dynamic-tags",
+    priority: 20,
     useProps: usePropDynamicAction
   });
   import_editor_canvas3.styleTransformersRegistry.register("dynamic", dynamicTransformer);
@@ -5889,6 +5901,7 @@ var { registerAction } = import_menus3.controlActionsMenu;
 function initResetStyleProps() {
   registerAction({
     id: "reset-style-value",
+    priority: 10,
     useProps: useResetStyleValueProps
   });
 }