@elementor/editor-controls 4.2.0-886 → 4.2.0-887

package/dist/index.js

@@ -4276,6 +4276,7 @@ var React73 = __toESM(require("react"));
 var import_react43 = require("react");
 var import_editor_elements2 = require("@elementor/editor-elements");
 var import_editor_props28 = require("@elementor/editor-props");
+var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var import_icons17 = require("@elementor/icons");
 var import_session = require("@elementor/session");
 var import_ui55 = require("@elementor/ui");
@@ -4302,12 +4303,25 @@ var INFOTIP_CONTENT = {
     "elementor"
   )
 };
+function isTargetInCurrentDocument(elementId) {
+  if (!elementId) {
+    return false;
+  }
+  const el = (0, import_editor_elements.getContainer)(elementId)?.view?.el;
+  if (!el) {
+    return false;
+  }
+  const targetDocId = el.closest("[data-elementor-id]")?.getAttribute("data-elementor-id");
+  const currentDocId = String((0, import_editor_elements.getCurrentDocumentId)() ?? "");
+  return !!(targetDocId && currentDocId && targetDocId === currentDocId);
+}
 var RestrictedLinkInfotip = ({
   linkInLinkRestriction,
   isVisible,
   children
 }) => {
   const { shouldRestrict, reason, elementId } = linkInLinkRestriction;
+  const showTakeMeThereCta = !!(elementId && isTargetInCurrentDocument(elementId));
   const handleTakeMeClick = () => {
     if (elementId) {
       (0, import_editor_elements.selectElement)(elementId);
@@ -4319,7 +4333,7 @@ var RestrictedLinkInfotip = ({
       color: "secondary",
       icon: /* @__PURE__ */ React69.createElement(import_icons14.InfoCircleFilledIcon, null),
       size: "small",
-      action: /* @__PURE__ */ React69.createElement(
+      action: showTakeMeThereCta ? /* @__PURE__ */ React69.createElement(
         import_ui52.AlertAction,
         {
           sx: { width: "fit-content" },
@@ -4328,7 +4342,7 @@ var RestrictedLinkInfotip = ({
           onClick: handleTakeMeClick
         },
         (0, import_i18n23.__)("Take me there", "elementor")
-      )
+      ) : void 0
     },
     /* @__PURE__ */ React69.createElement(import_ui52.AlertTitle, null, (0, import_i18n23.__)("Nested links", "elementor")),
     /* @__PURE__ */ React69.createElement(import_ui52.Box, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React69.createElement(import_ui52.Link, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
@@ -4654,28 +4668,31 @@ var LinkControl = createControl((props) => {
     (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value ?? linkPlaceholder)
   );
   const shouldDisableAddingLink = !isActive && linkInLinkRestriction.shouldRestrict;
-  const debouncedCheckRestriction = (0, import_react43.useMemo)(
-    () => (0, import_utils5.debounce)(() => {
-      const newRestriction = (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value ?? linkPlaceholder);
-      if (newRestriction.shouldRestrict && isActive && !linkPlaceholder) {
-        setIsActive(false);
+  const debouncedCheckRestriction = (0, import_utils5.useDebouncedCallback)(() => {
+    const newRestriction = (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value ?? linkPlaceholder);
+    if (newRestriction.shouldRestrict && isActive && !linkPlaceholder) {
+      setIsActive(false);
+      if (value !== null) {
+        setValue(null);
       }
-      setLinkInLinkRestriction(newRestriction);
-    }, 300),
-    [elementId, isActive, value, linkPlaceholder]
+    }
+    setLinkInLinkRestriction((prev) => isSameRestriction(prev, newRestriction) ? prev : newRestriction);
+  }, 300);
+  (0, import_editor_v1_adapters.__privateUseListenTo)(
+    (0, import_editor_v1_adapters.commandEndEvent)("document/elements/set-settings"),
+    () => {
+      debouncedCheckRestriction();
+    },
+    [debouncedCheckRestriction]
   );
   (0, import_react43.useEffect)(() => {
     debouncedCheckRestriction();
-    const handleInlineLinkChanged = (event) => {
-      const customEvent = event;
-      if (customEvent.detail.elementId === elementId) {
-        debouncedCheckRestriction();
-      }
+    const handleInlineLinkChanged = () => {
+      debouncedCheckRestriction();
     };
     window.addEventListener("elementor:inline-link-changed", handleInlineLinkChanged);
     return () => {
       window.removeEventListener("elementor:inline-link-changed", handleInlineLinkChanged);
-      debouncedCheckRestriction.cancel();
     };
   }, [elementId, debouncedCheckRestriction]);
   const onEnabledChange = () => {
@@ -4736,6 +4753,9 @@ var LinkControl = createControl((props) => {
     }
   )), /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React73.createElement(import_ui55.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React73.createElement(import_ui55.Grid, { item: true }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Open in a new tab", "elementor"))), /* @__PURE__ */ React73.createElement(import_ui55.Grid, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React73.createElement(SwitchControl, null))))))));
 });
+function isSameRestriction(a, b) {
+  return a.shouldRestrict === b.shouldRestrict && a.reason === b.reason && a.elementId === b.elementId;
+}
 
 // src/controls/html-tag-control.tsx
 var React75 = __toESM(require("react"));
@@ -8176,7 +8196,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_v1_adapters = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var FORM_FIELD_WIDGET_TYPES = [
   "e-form-input",
   "e-form-textarea",
@@ -8187,12 +8207,12 @@ var FORM_FIELD_WIDGET_TYPES = [
   "e-form-time-picker"
 ];
 function useFormFieldSuggestions(options) {
-  return (0, import_editor_v1_adapters.__privateUseListenTo)(
+  return (0, import_editor_v1_adapters2.__privateUseListenTo)(
     [
-      (0, import_editor_v1_adapters.v1ReadyEvent)(),
-      (0, import_editor_v1_adapters.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters.commandEndEvent)("document/elements/set-settings")
+      (0, import_editor_v1_adapters2.v1ReadyEvent)(),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/set-settings")
     ],
     () => {
       const selectedElements = (0, import_editor_elements7.getSelectedElements)();
@@ -9239,9 +9259,9 @@ var hasValue = (value) => {
 
 // src/hooks/use-font-families.ts
 var import_react79 = require("react");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var getFontControlConfig = () => {
-  const { controls } = (0, import_editor_v1_adapters2.getElementorConfig)();
+  const { controls } = (0, import_editor_v1_adapters3.getElementorConfig)();
   return controls?.font ?? {};
 };
 var useFontFamilies = () => {