@elementor/editor-controls 4.2.0-895 → 4.2.0-897

package/dist/index.js

@@ -8206,6 +8206,35 @@ var FORM_FIELD_WIDGET_TYPES = [
   "e-form-date-picker",
   "e-form-time-picker"
 ];
+var FORM_ELEMENT_TYPE = "e-form";
+var CSS_ID_PROP_KEY = "_cssid";
+function isFormFieldWidgetType(widgetType) {
+  return FORM_FIELD_WIDGET_TYPES.includes(widgetType);
+}
+function extractStringPropValue(value) {
+  return import_editor_props64.stringPropTypeUtil.extract(value);
+}
+function getSettingWithDefault(child, widgetType, key) {
+  const fromGet = child.settings.get(key);
+  if (fromGet !== null && fromGet !== void 0) {
+    return fromGet;
+  }
+  const schema = (0, import_editor_elements7.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
+  return schema?.[key]?.default ?? null;
+}
+function getFieldCssId(child, widgetType) {
+  return extractStringPropValue(getSettingWithDefault(child, widgetType, CSS_ID_PROP_KEY));
+}
+function getFormContainer(elementId) {
+  let container = (0, import_editor_elements7.getContainer)(elementId);
+  while (container) {
+    if (container.model.get("elType") === FORM_ELEMENT_TYPE) {
+      return container;
+    }
+    container = container.parent ?? null;
+  }
+  return null;
+}
 function useFormFieldSuggestions(options) {
   return (0, import_editor_v1_adapters2.__privateUseListenTo)(
     [
@@ -8216,32 +8245,33 @@ function useFormFieldSuggestions(options) {
     ],
     () => {
       const selectedElements = (0, import_editor_elements7.getSelectedElements)();
-      const formElement = selectedElements[0];
-      if (!formElement) {
+      const selectedElement = selectedElements[0];
+      if (!selectedElement) {
         return [];
       }
-      const container = (0, import_editor_elements7.getContainer)(formElement.id);
-      if (!container?.children) {
+      const formContainer = getFormContainer(selectedElement.id);
+      if (!formContainer?.children) {
         return [];
       }
       const suggestions = [];
-      container.children.forEachRecursive?.((child) => {
+      const seenCssIds = /* @__PURE__ */ new Set();
+      formContainer.children.forEachRecursive?.((child) => {
         const widgetType = child.model.get("widgetType");
-        if (!widgetType || !FORM_FIELD_WIDGET_TYPES.includes(widgetType)) {
+        if (!widgetType || !isFormFieldWidgetType(widgetType)) {
           return;
         }
         if (options?.inputType) {
-          const typeProp = child.settings.get("type");
-          const typeValue = (0, import_editor_props64.isTransformable)(typeProp) ? typeProp.value : typeProp;
+          const typeValue = extractStringPropValue(getSettingWithDefault(child, widgetType, "type"));
           if (typeValue !== options.inputType) {
             return;
           }
         }
-        const cssIdProp = child.settings.get("_cssid");
-        const fieldId = (0, import_editor_props64.isTransformable)(cssIdProp) ? cssIdProp.value : cssIdProp;
-        if (fieldId && typeof fieldId === "string") {
-          suggestions.push({ label: fieldId, value: fieldId });
+        const cssId = getFieldCssId(child, widgetType);
+        if (!cssId || seenCssIds.has(cssId)) {
+          return;
         }
+        seenCssIds.add(cssId);
+        suggestions.push({ label: cssId, value: cssId });
       });
       return suggestions;
     },