@elementor/editor-components 4.0.0-496 → 4.0.0-497

package/dist/index.js

@@ -4555,12 +4555,14 @@ var InputSchema = {
         ),
         label: import_schema6.z.string().describe(
           'A unique, user-friendly display name for this property (e.g., "Hero Headline", "CTA Button Text"). Must be unique within the same component.'
-        )
+        ),
+        group: import_schema6.z.string().optional().describe("Non unique, optional property grouping")
       })
     )
   }).optional().describe(
     'Overridable properties configuration. Specify which CHILD element properties can be customized. Only elementId and propKey are required; To get the available propKeys for a child element you must use the "get-element-type-config" tool.'
-  )
+  ),
+  groups: import_schema6.z.array(import_schema6.z.string()).describe("Property Groups, by order, unique values").optional()
 };
 var OutputSchema = {
   message: import_schema6.z.string().optional().describe("Additional information about the operation result"),
@@ -4572,7 +4574,12 @@ var ERROR_MESSAGES3 = {
   ELEMENT_IS_LOCKED: "Cannot save a locked element as a component."
 };
 var handleSaveAsComponent = async (params) => {
-  const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
+  const {
+    groups = [],
+    element_id: elementId,
+    component_name: componentName,
+    overridable_props: overridablePropsInput
+  } = params;
   const validElementTypes = getValidElementTypes();
   const container = (0, import_editor_elements18.getContainer)(elementId);
   if (!container) {
@@ -4586,7 +4593,13 @@ var handleSaveAsComponent = async (params) => {
   if (element?.isLocked) {
     throw new Error(ERROR_MESSAGES3.ELEMENT_IS_LOCKED);
   }
-  const overridableProps = overridablePropsInput ? enrichOverridableProps(overridablePropsInput, element) : void 0;
+  const groupsWithDefaultGroup = groups.indexOf("Default") >= 0 ? [...groups] : ["Default", ...groups];
+  const propertyGroups = groupsWithDefaultGroup.map((groupName) => ({
+    id: (0, import_utils9.generateUniqueId)("group"),
+    label: groupName,
+    props: []
+  }));
+  const overridableProps = overridablePropsInput ? enrichOverridableProps(overridablePropsInput, element, propertyGroups) : void 0;
   if (overridableProps) {
     updateElementDataWithOverridableProps(element, overridableProps);
   }
@@ -4617,11 +4630,17 @@ var handleSaveAsComponent = async (params) => {
     component_uid: uid
   };
 };
-function enrichOverridableProps(input, rootElement) {
+function enrichOverridableProps(input, rootElement, propertGroups) {
   const enrichedProps = {};
-  const defaultGroupId = (0, import_utils9.generateUniqueId)("group");
+  const enrichedGroups = {};
+  const defaultGroup = propertGroups.find((g) => g.label === "Default");
+  if (!defaultGroup) {
+    throw new Error("Internal mcp error: could not generate default group");
+  }
   Object.entries(input.props).forEach(([, prop]) => {
-    const { elementId, propKey, label } = prop;
+    const { elementId, propKey, label, group = "Default" } = prop;
+    const targetGroup = propertGroups.find((g) => g.label === group) || defaultGroup;
+    const targetGroupId = targetGroup.id;
     const element = findElementById(rootElement, elementId);
     if (!element) {
       throw new Error(`Element with ID "${elementId}" not found in component`);
@@ -4642,6 +4661,14 @@ function enrichOverridableProps(input, rootElement) {
     }
     const overrideKey = (0, import_utils9.generateUniqueId)("prop");
     const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
+    if (!enrichedGroups[targetGroupId]) {
+      enrichedGroups[targetGroupId] = {
+        id: targetGroupId,
+        label: targetGroup.label,
+        props: []
+      };
+    }
+    enrichedGroups[targetGroupId].props.push(overrideKey);
     enrichedProps[overrideKey] = {
       overrideKey,
       label,
@@ -4650,20 +4677,14 @@ function enrichOverridableProps(input, rootElement) {
       elType,
       widgetType,
       originValue,
-      groupId: defaultGroupId
+      groupId: targetGroupId
     };
   });
   return {
     props: enrichedProps,
     groups: {
-      items: {
-        [defaultGroupId]: {
-          id: defaultGroupId,
-          label: "Default",
-          props: Object.keys(enrichedProps)
-        }
-      },
-      order: [defaultGroupId]
+      items: enrichedGroups,
+      order: [defaultGroup.id]
     }
   };
 }
@@ -4828,17 +4849,20 @@ Component with overridable properties:
       "heading-text": {
         "elementId": "heading-123",
         "propKey": "text",
-        "label": "Card Title"
+        "label": "Card Title",
+        "group": "Content"
       },
       "button-text": {
         "elementId": "button-456",
         "propKey": "text",
-        "label": "Button Text"
+        "label": "Button Text",
+        "group": "Content"
       },
       "button-link": {
         "elementId": "button-456",
         "propKey": "url",
-        "label": "Button Link"
+        "label": "Button Link",
+        "group": "Settings"
       }
     }
   }