@elementor/editor-controls 4.3.0-1046 → 4.3.0-1048

package/dist/index.js

@@ -7957,9 +7957,8 @@ var BoundTimeStringControl = ({ bind, ariaLabel }) => {
 // src/controls/inline-editing-control.tsx
 var React115 = __toESM(require("react"));
 var import_react68 = require("react");
-var import_editor_props63 = require("@elementor/editor-props");
+var import_editor_props64 = require("@elementor/editor-props");
 var import_ui99 = require("@elementor/ui");
-var import_utils8 = require("@elementor/utils");
 
 // src/components/inline-editor.tsx
 var React114 = __toESM(require("react"));
@@ -7980,6 +7979,7 @@ var import_extension_underline = __toESM(require("@tiptap/extension-underline"))
 var import_react67 = require("@tiptap/react");
 
 // src/utils/inline-editing.ts
+var import_editor_props63 = require("@elementor/editor-props");
 function isEmpty(value = "") {
   if (!value) {
     return true;
@@ -7996,6 +7996,13 @@ function htmlToPlainText(html) {
   const doc = new DOMParser().parseFromString(normalizedHtml, "text/html");
   return doc.body.textContent ?? "";
 }
+function extractInlineHtmlContent(propValue) {
+  if (import_editor_props63.escapedHtmlPropTypeUtil.isValid(propValue)) {
+    return import_editor_props63.escapedHtmlPropTypeUtil.extract(propValue) ?? "";
+  }
+  const htmlV3 = import_editor_props63.htmlV3PropTypeUtil.extract(propValue);
+  return import_editor_props63.stringPropTypeUtil.extract(htmlV3?.content ?? null) ?? "";
+}
 
 // src/components/inline-editor.tsx
 var ITALIC_KEYBOARD_SHORTCUT = "i";
@@ -8126,37 +8133,22 @@ var useOnUpdate = (callback, dependencies) => {
 };
 
 // src/controls/inline-editing-control.tsx
-var CHILDREN_PARSE_DEBOUNCE_MS = 300;
 var InlineEditingControl = createControl(
   ({
     sx,
     attributes,
     props
   }) => {
-    const { value, setValue, placeholder } = useBoundProp(import_editor_props63.htmlV3PropTypeUtil);
-    const content = import_editor_props63.stringPropTypeUtil.extract(value?.content ?? null) ?? "";
-    const debouncedParse = (0, import_react68.useMemo)(
-      () => (0, import_utils8.debounce)((html) => {
-        const parsed = (0, import_editor_props63.parseHtmlChildren)(html);
-        setValue({
-          content: parsed.content ? import_editor_props63.stringPropTypeUtil.create(parsed.content) : null,
-          children: parsed.children
-        });
-      }, CHILDREN_PARSE_DEBOUNCE_MS),
-      [setValue]
-    );
+    const { setValue, placeholder, value } = useBoundProp(import_editor_props64.escapedHtmlPropTypeUtil);
+    const { value: rawValue } = usePropKeyContext();
+    const content = value ?? extractInlineHtmlContent(rawValue);
     const handleChange = (0, import_react68.useCallback)(
       (newValue) => {
         const html = newValue ?? "";
-        setValue({
-          content: html ? import_editor_props63.stringPropTypeUtil.create(html) : null,
-          children: value?.children ?? []
-        });
-        debouncedParse(html);
+        setValue(html);
       },
-      [setValue, value?.children, debouncedParse]
+      [setValue]
     );
-    (0, import_react68.useEffect)(() => () => debouncedParse.cancel(), [debouncedParse]);
     return /* @__PURE__ */ React115.createElement(ControlActions, null, /* @__PURE__ */ React115.createElement(
       import_ui99.Box,
       {
@@ -8202,21 +8194,14 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React115.createElement(
-        InlineEditor,
-        {
-          value: content,
-          setValue: handleChange,
-          placeholder: placeholder?.content?.value ?? null
-        }
-      )
+      /* @__PURE__ */ React115.createElement(InlineEditor, { value: content, setValue: handleChange, placeholder: placeholder ?? null })
     ));
   }
 );
 
 // src/controls/email-form-action-control/index.tsx
 var React119 = __toESM(require("react"));
-var import_editor_props66 = require("@elementor/editor-props");
+var import_editor_props67 = require("@elementor/editor-props");
 var import_editor_ui16 = require("@elementor/editor-ui");
 var import_ui103 = require("@elementor/ui");
 var import_i18n58 = require("@wordpress/i18n");
@@ -8229,7 +8214,7 @@ var import_i18n57 = require("@wordpress/i18n");
 
 // src/hooks/use-form-field-suggestions.ts
 var import_editor_elements7 = require("@elementor/editor-elements");
-var import_editor_props64 = require("@elementor/editor-props");
+var import_editor_props65 = require("@elementor/editor-props");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var FORM_FIELD_WIDGET_TYPES = [
   "e-form-input",
@@ -8246,7 +8231,7 @@ function isFormFieldWidgetType(widgetType) {
   return FORM_FIELD_WIDGET_TYPES.includes(widgetType);
 }
 function extractStringPropValue(value) {
-  return import_editor_props64.stringPropTypeUtil.extract(value);
+  return import_editor_props65.stringPropTypeUtil.extract(value);
 }
 function getSettingWithDefault(child, widgetType, key) {
   const fromGet = child.settings.get(key);
@@ -8316,12 +8301,12 @@ function useFormFieldSuggestions(options) {
 // src/controls/email-form-action-control/email-chips-field.tsx
 var React116 = __toESM(require("react"));
 var import_react69 = require("react");
-var import_editor_props65 = require("@elementor/editor-props");
+var import_editor_props66 = require("@elementor/editor-props");
 var import_ui100 = require("@elementor/ui");
 
 // src/controls/email-form-action-control/utils.ts
 var import_schema = require("@elementor/schema");
-var import_utils9 = require("@elementor/utils");
+var import_utils8 = require("@elementor/utils");
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
 var CHIP_TRIGGER_KEYS = /* @__PURE__ */ new Set([" ", ","]);
 function isValidEmail(email) {
@@ -8332,14 +8317,14 @@ function isFormFieldShortcode(value) {
   return FORM_FIELD_SHORTCODE_PATTERN.test(value);
 }
 var shouldShowMentionsInfo = () => {
-  if (!(0, import_utils9.hasProInstalled)()) {
+  if (!(0, import_utils8.hasProInstalled)()) {
     return true;
   }
   const proVersion = window.elementorPro?.config?.version;
   if (!proVersion) {
     return false;
   }
-  return (0, import_utils9.isVersionGreaterOrEqual)(proVersion, MIN_PRO_VERSION_FOR_MENTIONS);
+  return (0, import_utils8.isVersionGreaterOrEqual)(proVersion, MIN_PRO_VERSION_FOR_MENTIONS);
 };
 
 // src/controls/email-form-action-control/email-chips-field.tsx
@@ -8352,10 +8337,10 @@ function resolveMention(raw, suggestions) {
   return match ? `[${match.value}]` : raw;
 }
 var EmailChipsControl = createControl(({ placeholder, suggestions = [] }) => {
-  const { value, setValue, disabled } = useBoundProp(import_editor_props65.stringArrayPropTypeUtil);
+  const { value, setValue, disabled } = useBoundProp(import_editor_props66.stringArrayPropTypeUtil);
   const [inputValue, setInputValue] = (0, import_react69.useState)("");
   const items2 = value || [];
-  const selectedValues = items2.map((item) => import_editor_props65.stringPropTypeUtil.extract(item)).filter((val) => val !== null);
+  const selectedValues = items2.map((item) => import_editor_props66.stringPropTypeUtil.extract(item)).filter((val) => val !== null);
   const suggestionOptions = (0, import_react69.useMemo)(
     () => suggestions.map((suggestion) => `[${suggestion.value}]`),
     [suggestions]
@@ -8365,7 +8350,7 @@ var EmailChipsControl = createControl(({ placeholder, suggestions = [] }) => {
     if (!address || selectedValues.includes(address) || !isValidRecipient(address)) {
       return;
     }
-    setValue([...items2, import_editor_props65.stringPropTypeUtil.create(address)]);
+    setValue([...items2, import_editor_props66.stringPropTypeUtil.create(address)]);
     setInputValue("");
   };
   const handleChange = (_, newValue) => {
@@ -8375,7 +8360,7 @@ var EmailChipsControl = createControl(({ placeholder, suggestions = [] }) => {
       if (!address || !isValidRecipient(address)) {
         continue;
       }
-      updated.push(import_editor_props65.stringPropTypeUtil.create(address));
+      updated.push(import_editor_props66.stringPropTypeUtil.create(address));
     }
     setValue(updated);
     setInputValue("");
@@ -8516,7 +8501,7 @@ var SendAsField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider,
 // src/controls/email-form-action-control/index.tsx
 var EmailFormActionControl = createControl(
   ({ toPlaceholder, label }) => {
-    const { value, setValue, ...propContext } = useBoundProp(import_editor_props66.emailsPropTypeUtil);
+    const { value, setValue, ...propContext } = useBoundProp(import_editor_props67.emailsPropTypeUtil);
     return /* @__PURE__ */ React119.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React119.createElement(import_ui103.Stack, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + (0, import_i18n58.__)("settings", "elementor") : (0, import_i18n58.__)("Email settings", "elementor")), /* @__PURE__ */ React119.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React119.createElement(SubjectField, null), /* @__PURE__ */ React119.createElement(MessageField, null), /* @__PURE__ */ React119.createElement(FromEmailField, null), /* @__PURE__ */ React119.createElement(AdvancedSettings, null)));
   }
 );
@@ -8536,7 +8521,7 @@ var AttachmentTypeControl = createControl(({ label, options }) => {
 
 // src/controls/grid-span-control.tsx
 var React121 = __toESM(require("react"));
-var import_editor_props67 = require("@elementor/editor-props");
+var import_editor_props68 = require("@elementor/editor-props");
 var import_ui105 = require("@elementor/ui");
 var GridSpanControl = createControl(
   ({
@@ -8548,7 +8533,7 @@ var GridSpanControl = createControl(
     sx,
     ariaLabel
   }) => {
-    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(import_editor_props67.spanPropTypeUtil);
+    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(import_editor_props68.spanPropTypeUtil);
     const handleChange = (event) => {
       const next = event.target.value;
       setValue(next === "" ? null : next);