@elementor/editor-variables 3.33.0-101 → 3.33.0-103

package/dist/index.js

@@ -37,7 +37,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/init.ts
 var import_editor = require("@elementor/editor");
-var import_editor_editing_panel11 = require("@elementor/editor-editing-panel");
+var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_editor_panels2 = require("@elementor/editor-panels");
 
 // src/components/variables-manager/variables-manager-panel.tsx
@@ -2042,11 +2042,9 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
 
 // src/components/ui/deleted-variable-alert.tsx
 var React23 = __toESM(require("react"));
-var import_editor_editing_panel6 = require("@elementor/editor-editing-panel");
 var import_ui23 = require("@elementor/ui");
 var import_i18n16 = require("@wordpress/i18n");
 var DeletedVariableAlert = ({ onClose, onUnlink, onRestore, label }) => {
-  const sectionWidth = (0, import_editor_editing_panel6.useSectionWidth)();
   return /* @__PURE__ */ React23.createElement(import_ui23.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ React23.createElement(
     import_ui23.Alert,
     {
@@ -2054,18 +2052,13 @@ var DeletedVariableAlert = ({ onClose, onUnlink, onRestore, label }) => {
       severity: "warning",
       onClose,
       action: /* @__PURE__ */ React23.createElement(React23.Fragment, null, onUnlink && /* @__PURE__ */ React23.createElement(import_ui23.AlertAction, { variant: "contained", onClick: onUnlink }, (0, import_i18n16.__)("Unlink", "elementor")), onRestore && /* @__PURE__ */ React23.createElement(import_ui23.AlertAction, { variant: "outlined", onClick: onRestore }, (0, import_i18n16.__)("Restore", "elementor"))),
-      sx: { width: sectionWidth }
+      sx: { maxWidth: 300 }
     },
     /* @__PURE__ */ React23.createElement(import_ui23.AlertTitle, null, (0, import_i18n16.__)("Deleted variable", "elementor")),
-    (0, import_i18n16.__)("The variable", "elementor"),
-    " '",
-    label,
-    "'",
-    " ",
-    (0, import_i18n16.__)(
+    /* @__PURE__ */ React23.createElement(import_ui23.Typography, { variant: "body2", color: "textPrimary" }, (0, import_i18n16.__)("The variable", "elementor"), "\xA0'", /* @__PURE__ */ React23.createElement(import_ui23.Typography, { variant: "body2", component: "span", sx: { lineBreak: "anywhere" } }, label), "'\xA0", (0, import_i18n16.__)(
       "has been deleted, but it is still referenced in this location. You may restore the variable or unlink it to assign a different value.",
       "elementor"
-    )
+    ))
   ));
 };
 
@@ -2192,7 +2185,6 @@ var import_ui28 = require("@elementor/ui");
 
 // src/components/ui/mismatch-variable-alert.tsx
 var React26 = __toESM(require("react"));
-var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
 var import_ui26 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
 var i18n = {
@@ -2207,7 +2199,6 @@ var i18n = {
   }
 };
 var MismatchVariableAlert = ({ onClose, onClear, triggerSelect }) => {
-  const sectionWidth = (0, import_editor_editing_panel7.useSectionWidth)();
   return /* @__PURE__ */ React26.createElement(import_ui26.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ React26.createElement(
     import_ui26.Alert,
     {
@@ -2215,13 +2206,10 @@ var MismatchVariableAlert = ({ onClose, onClear, triggerSelect }) => {
       severity: "warning",
       onClose,
       action: /* @__PURE__ */ React26.createElement(React26.Fragment, null, onClear && /* @__PURE__ */ React26.createElement(import_ui26.AlertAction, { variant: "contained", onClick: onClear }, i18n.buttons.clear), triggerSelect && /* @__PURE__ */ React26.createElement(import_ui26.AlertAction, { variant: "outlined", onClick: triggerSelect }, i18n.buttons.select)),
-      sx: {
-        width: sectionWidth,
-        minWidth: 300
-      }
+      sx: { maxWidth: 300 }
     },
     /* @__PURE__ */ React26.createElement(import_ui26.AlertTitle, null, i18n.title),
-    i18n.message
+    /* @__PURE__ */ React26.createElement(import_ui26.Typography, { variant: "body2", color: "textPrimary" }, i18n.message)
   ));
 };
 
@@ -2334,11 +2322,9 @@ var import_i18n21 = require("@wordpress/i18n");
 
 // src/components/ui/missing-variable-alert.tsx
 var React29 = __toESM(require("react"));
-var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_ui29 = require("@elementor/ui");
 var import_i18n20 = require("@wordpress/i18n");
 var MissingVariableAlert = ({ onClose, onClear }) => {
-  const sectionWidth = (0, import_editor_editing_panel8.useSectionWidth)();
   return /* @__PURE__ */ React29.createElement(import_ui29.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ React29.createElement(
     import_ui29.Alert,
     {
@@ -2346,13 +2332,13 @@ var MissingVariableAlert = ({ onClose, onClear }) => {
       severity: "warning",
       onClose,
       action: /* @__PURE__ */ React29.createElement(React29.Fragment, null, onClear && /* @__PURE__ */ React29.createElement(import_ui29.AlertAction, { variant: "contained", onClick: onClear }, (0, import_i18n20.__)("Clear", "elementor"))),
-      sx: { width: sectionWidth }
+      sx: { maxWidth: 300 }
     },
     /* @__PURE__ */ React29.createElement(import_ui29.AlertTitle, null, (0, import_i18n20.__)("This variable is missing", "elementor")),
-    (0, import_i18n20.__)(
+    /* @__PURE__ */ React29.createElement(import_ui29.Typography, { variant: "body2", color: "textPrimary" }, (0, import_i18n20.__)(
       "It may have been deleted. Try clearing this field and select a different value or variable.",
       "elementor"
-    )
+    ))
   ));
 };
 
@@ -2435,11 +2421,11 @@ var VariableControl = () => {
 
 // src/hooks/use-prop-variable-action.tsx
 var React33 = __toESM(require("react"));
-var import_editor_editing_panel9 = require("@elementor/editor-editing-panel");
+var import_editor_editing_panel6 = require("@elementor/editor-editing-panel");
 var import_icons15 = require("@elementor/icons");
 var import_i18n22 = require("@wordpress/i18n");
 var usePropVariableAction = () => {
-  const { propType, path } = (0, import_editor_editing_panel9.useBoundProp)();
+  const { propType, path } = (0, import_editor_editing_panel6.useBoundProp)();
   const variable = resolveVariableFromPropType(propType);
   return {
     visible: Boolean(variable),
@@ -2526,7 +2512,7 @@ var ColorField = ({ value, onChange, onValidationChange }) => {
 var React35 = __toESM(require("react"));
 var import_react20 = require("react");
 var import_editor_controls12 = require("@elementor/editor-controls");
-var import_editor_editing_panel10 = require("@elementor/editor-editing-panel");
+var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
 var import_icons16 = require("@elementor/icons");
 var import_ui33 = require("@elementor/ui");
 var import_i18n23 = require("@wordpress/i18n");
@@ -2535,8 +2521,8 @@ var FontField = ({ value, onChange, onValidationChange }) => {
   const defaultRef = (0, import_react20.useRef)(null);
   const anchorRef = usePopoverContentRef() ?? defaultRef.current;
   const fontPopoverState = (0, import_ui33.usePopupState)({ variant: "popover" });
-  const fontFamilies = (0, import_editor_editing_panel10.useFontFamilies)();
-  const sectionWidth = (0, import_editor_editing_panel10.useSectionWidth)();
+  const fontFamilies = (0, import_editor_editing_panel7.useFontFamilies)();
+  const sectionWidth = (0, import_editor_editing_panel7.useSectionWidth)();
   const mapFontSubs = React35.useMemo(() => {
     return fontFamilies.map(({ label, fonts }) => ({
       label,
@@ -2710,11 +2696,11 @@ var hasAssignedColorVariable = (propValue) => {
 };
 
 // src/init.ts
-var { registerPopoverAction } = import_editor_editing_panel11.controlActionsMenu;
+var { registerPopoverAction } = import_editor_editing_panel8.controlActionsMenu;
 function init() {
   registerVariableTypes();
   registerRepeaterInjections();
-  (0, import_editor_editing_panel11.registerControlReplacement)({
+  (0, import_editor_editing_panel8.registerControlReplacement)({
     component: VariableControl,
     condition: ({ value }) => hasAssignedVariable(value)
   });