@elementor/editor-variables 4.0.0-501 → 4.0.0-503

package/dist/index.js

@@ -42,7 +42,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/init.ts
 var import_editor = require("@elementor/editor");
-var import_editor_editing_panel4 = require("@elementor/editor-editing-panel");
+var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
 var import_editor_panels2 = require("@elementor/editor-panels");
 var import_editor_props7 = require("@elementor/editor-props");
 
@@ -3380,11 +3380,11 @@ var VariableControl = () => {
 
 // src/hooks/use-prop-variable-action.tsx
 var React32 = __toESM(require("react"));
-var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
+var import_editor_controls12 = require("@elementor/editor-controls");
 var import_icons14 = require("@elementor/icons");
 var import_i18n23 = require("@wordpress/i18n");
 var usePropVariableAction = () => {
-  const { propType, path } = (0, import_editor_editing_panel2.useBoundProp)();
+  const { propType, path } = (0, import_editor_controls12.useBoundProp)();
   const variable = resolveVariableFromPropType(propType);
   return {
     visible: Boolean(variable),
@@ -3588,8 +3588,8 @@ var ColorField = ({ value, onChange, onValidationChange }) => {
 // src/components/fields/font-field.tsx
 var React34 = __toESM(require("react"));
 var import_react24 = require("react");
-var import_editor_controls12 = require("@elementor/editor-controls");
-var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
+var import_editor_controls13 = require("@elementor/editor-controls");
+var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
 var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons15 = require("@elementor/icons");
 var import_ui32 = require("@elementor/ui");
@@ -3599,7 +3599,7 @@ var FontField = ({ value, onChange, onValidationChange }) => {
   const defaultRef = (0, import_react24.useRef)(null);
   const anchorRef = usePopoverContentRef() ?? defaultRef.current;
   const fontPopoverState = (0, import_ui32.usePopupState)({ variant: "popover" });
-  const fontFamilies = (0, import_editor_editing_panel3.useFontFamilies)();
+  const fontFamilies = (0, import_editor_editing_panel2.useFontFamilies)();
   const sectionWidth = (0, import_editor_ui12.useSectionWidth)();
   const mapFontSubs = React34.useMemo(() => {
     return fontFamilies.map(({ label, fonts }) => ({
@@ -3639,7 +3639,7 @@ var FontField = ({ value, onChange, onValidationChange }) => {
       ...(0, import_ui32.bindPopover)(fontPopoverState)
     },
     /* @__PURE__ */ React34.createElement(
-      import_editor_controls12.ItemSelector,
+      import_editor_controls13.ItemSelector,
       {
         id: "font-family-variables-selector",
         itemsList: mapFontSubs,
@@ -3649,7 +3649,7 @@ var FontField = ({ value, onChange, onValidationChange }) => {
         sectionWidth,
         title: (0, import_i18n24.__)("Font family", "elementor"),
         itemStyle: (item) => ({ fontFamily: item.value }),
-        onDebounce: import_editor_controls12.enqueueFont,
+        onDebounce: import_editor_controls13.enqueueFont,
         icon: import_icons15.TextIcon
       }
     )
@@ -3750,7 +3750,7 @@ function convertToCssVariables(variables) {
 }
 
 // src/repeater-injections.ts
-var import_editor_controls13 = require("@elementor/editor-controls");
+var import_editor_controls14 = require("@elementor/editor-controls");
 var import_editor_props6 = require("@elementor/editor-props");
 
 // src/components/variables-repeater-item-slot.tsx
@@ -3774,21 +3774,21 @@ var BoxShadowRepeaterColorIndicator = ({ value }) => {
 
 // src/repeater-injections.ts
 function registerRepeaterInjections() {
-  (0, import_editor_controls13.injectIntoRepeaterItemIcon)({
+  (0, import_editor_controls14.injectIntoRepeaterItemIcon)({
     id: "color-variables-background-icon",
     component: BackgroundRepeaterColorIndicator,
     condition: ({ value: prop }) => {
       return hasAssignedColorVariable(import_editor_props6.backgroundColorOverlayPropTypeUtil.extract(prop)?.color);
     }
   });
-  (0, import_editor_controls13.injectIntoRepeaterItemIcon)({
+  (0, import_editor_controls14.injectIntoRepeaterItemIcon)({
     id: "color-variables-icon",
     component: BoxShadowRepeaterColorIndicator,
     condition: ({ value: prop }) => {
       return hasAssignedColorVariable(import_editor_props6.shadowPropTypeUtil.extract(prop)?.color);
     }
   });
-  (0, import_editor_controls13.injectIntoRepeaterItemLabel)({
+  (0, import_editor_controls14.injectIntoRepeaterItemLabel)({
     id: "color-variables-label",
     component: BackgroundRepeaterLabel,
     condition: ({ value: prop }) => {
@@ -3801,11 +3801,11 @@ var hasAssignedColorVariable = (propValue) => {
 };
 
 // src/init.ts
-var { registerPopoverAction } = import_editor_editing_panel4.controlActionsMenu;
+var { registerPopoverAction } = import_editor_editing_panel3.controlActionsMenu;
 function init() {
   registerVariableTypes();
   registerRepeaterInjections();
-  (0, import_editor_editing_panel4.registerControlReplacement)({
+  (0, import_editor_editing_panel3.registerControlReplacement)({
     component: VariableControl,
     condition: ({ value, placeholder }) => {
       if (hasVariableAssigned(value)) {