@elementor/editor-interactions 4.0.0-604 → 4.0.0-607

package/dist/index.mjs

@@ -1036,13 +1036,14 @@ function Direction({ value, onChange, interactionType }) {
 
 // src/components/controls/easing.tsx
 import * as React15 from "react";
-import { __ as __8 } from "@wordpress/i18n";
+import { __ as __9 } from "@wordpress/i18n";
 
 // src/ui/promotion-select.tsx
 import * as React14 from "react";
 import { useRef as useRef4 } from "react";
 import { MenuListItem } from "@elementor/editor-ui";
 import { MenuSubheader, Select } from "@elementor/ui";
+import { __ as __8 } from "@wordpress/i18n";
 
 // src/ui/interactions-promotion-chip.tsx
 import * as React13 from "react";
@@ -1128,7 +1129,7 @@ function PromotionSelect({
           promotionRef.current?.toggle();
         }
       },
-      promotionLabel,
+      promotionLabel ?? __8("PRO features", "elementor"),
       /* @__PURE__ */ React14.createElement(
         InteractionsPromotionChip,
         {
@@ -1145,13 +1146,13 @@ function PromotionSelect({
 
 // src/components/controls/easing.tsx
 var EASING_OPTIONS = {
-  easeIn: __8("Ease In", "elementor"),
-  easeInOut: __8("Ease In Out", "elementor"),
-  easeOut: __8("Ease Out", "elementor"),
-  backIn: __8("Back In", "elementor"),
-  backInOut: __8("Back In Out", "elementor"),
-  backOut: __8("Back Out", "elementor"),
-  linear: __8("Linear", "elementor")
+  easeIn: __9("Ease In", "elementor"),
+  easeInOut: __9("Ease In Out", "elementor"),
+  easeOut: __9("Ease Out", "elementor"),
+  backIn: __9("Back In", "elementor"),
+  backInOut: __9("Back In Out", "elementor"),
+  backOut: __9("Back Out", "elementor"),
+  linear: __9("Linear", "elementor")
 };
 var BASE_EASINGS = ["easeIn"];
 function Easing({}) {
@@ -1167,8 +1168,7 @@ function Easing({}) {
       value: DEFAULT_VALUES.easing,
       baseOptions,
       disabledOptions,
-      promotionLabel: __8("PRO features", "elementor"),
-      promotionContent: __8("Upgrade to control the smoothness of the interaction.", "elementor"),
+      promotionContent: __9("Upgrade to control the smoothness of the interaction.", "elementor"),
       upgradeUrl: "https://go.elementor.com/go-pro-interactions-easing-modal/"
     }
   );
@@ -1176,48 +1176,54 @@ function Easing({}) {
 
 // src/components/controls/effect.tsx
 import * as React16 from "react";
-import { MenuListItem as MenuListItem2 } from "@elementor/editor-ui";
-import { Select as Select2 } from "@elementor/ui";
-import { __ as __9 } from "@wordpress/i18n";
+import { __ as __10 } from "@wordpress/i18n";
+var EFFECT_OPTIONS = {
+  fade: __10("Fade", "elementor"),
+  slide: __10("Slide", "elementor"),
+  scale: __10("Scale", "elementor"),
+  custom: __10("Custom", "elementor")
+};
+var BASE_EFFECTS = ["fade", "slide", "scale"];
 function Effect({ value, onChange }) {
-  const availableEffects = [
-    { key: "fade", label: __9("Fade", "elementor") },
-    { key: "slide", label: __9("Slide", "elementor") },
-    { key: "scale", label: __9("Scale", "elementor") },
-    { key: "custom", label: __9("Custom", "elementor"), disabled: true }
-  ];
+  const baseOptions = Object.fromEntries(
+    Object.entries(EFFECT_OPTIONS).filter(([key]) => BASE_EFFECTS.includes(key))
+  );
+  const disabledOptions = Object.fromEntries(
+    Object.entries(EFFECT_OPTIONS).filter(([key]) => !BASE_EFFECTS.includes(key))
+  );
   return /* @__PURE__ */ React16.createElement(
-    Select2,
+    PromotionSelect,
     {
-      fullWidth: true,
-      displayEmpty: true,
-      size: "tiny",
-      value,
-      onChange: (event) => onChange(event.target.value),
-      MenuProps: { disablePortal: true }
-    },
-    availableEffects.map((effect) => {
-      return /* @__PURE__ */ React16.createElement(MenuListItem2, { key: effect.key, value: effect.key, disabled: effect.disabled }, effect.label);
-    })
+      value: value in baseOptions ? value : DEFAULT_VALUES.effect,
+      onChange,
+      baseOptions,
+      disabledOptions,
+      promotionLabel: __10("PRO effects", "elementor"),
+      promotionContent: __10(
+        "Upgrade to further customize your animation with opacity, scale, move, rotate and more.",
+        "elementor"
+      ),
+      upgradeUrl: "https://go.elementor.com/go-pro-interactions-custom-effect-modal/"
+    }
   );
 }
 
 // src/components/controls/effect-type.tsx
 import * as React17 from "react";
 import { ToggleButtonGroupUi as ToggleButtonGroupUi2 } from "@elementor/editor-controls";
-import { __ as __10 } from "@wordpress/i18n";
+import { __ as __11 } from "@wordpress/i18n";
 function EffectType({ value, onChange }) {
   const options = [
     {
       value: "in",
-      label: __10("In", "elementor"),
-      renderContent: () => __10("In", "elementor"),
+      label: __11("In", "elementor"),
+      renderContent: () => __11("In", "elementor"),
       showTooltip: true
     },
     {
       value: "out",
-      label: __10("Out", "elementor"),
-      renderContent: () => __10("Out", "elementor"),
+      label: __11("Out", "elementor"),
+      renderContent: () => __11("Out", "elementor"),
       showTooltip: true
     }
   ];
@@ -1229,10 +1235,10 @@ import * as React18 from "react";
 import { ToggleButtonGroupUi as ToggleButtonGroupUi3 } from "@elementor/editor-controls";
 import { CheckIcon, MinusIcon } from "@elementor/icons";
 import { Box as Box4 } from "@elementor/ui";
-import { __ as __11 } from "@wordpress/i18n";
+import { __ as __12 } from "@wordpress/i18n";
 var REPLAY_OPTIONS = {
-  no: __11("No", "elementor"),
-  yes: __11("Yes", "elementor")
+  no: __12("No", "elementor"),
+  yes: __12("Yes", "elementor")
 };
 var BASE_REPLAY = ["no"];
 var OVERLAY_GRID = "1 / 1";
@@ -1257,7 +1263,7 @@ function Replay({ onChange, anchorRef }) {
   return /* @__PURE__ */ React18.createElement(Box4, { sx: { display: "grid", alignItems: "center" } }, /* @__PURE__ */ React18.createElement(Box4, { sx: { gridArea: OVERLAY_GRID } }, /* @__PURE__ */ React18.createElement(ToggleButtonGroupUi3, { items: options, exclusive: true, onChange, value: false })), /* @__PURE__ */ React18.createElement(Box4, { sx: { gridArea: OVERLAY_GRID, marginInlineEnd: CHIP_OFFSET, justifySelf: "end" } }, /* @__PURE__ */ React18.createElement(
     InteractionsPromotionChip,
     {
-      content: __11("Upgrade to run the animation every time its trigger occurs.", "elementor"),
+      content: __12("Upgrade to run the animation every time its trigger occurs.", "elementor"),
       upgradeUrl: "https://go.elementor.com/go-pro-interactions-replay-modal/",
       anchorRef
     }
@@ -1266,13 +1272,13 @@ function Replay({ onChange, anchorRef }) {
 
 // src/components/controls/trigger.tsx
 import * as React19 from "react";
-import { __ as __12 } from "@wordpress/i18n";
+import { __ as __13 } from "@wordpress/i18n";
 var TRIGGER_OPTIONS = {
-  load: __12("Page load", "elementor"),
-  scrollIn: __12("Scroll into view", "elementor"),
-  scrollOn: __12("While scrolling", "elementor"),
-  hover: __12("On hover", "elementor"),
-  click: __12("On click", "elementor")
+  load: __13("Page load", "elementor"),
+  scrollIn: __13("Scroll into view", "elementor"),
+  scrollOn: __13("While scrolling", "elementor"),
+  hover: __13("On hover", "elementor"),
+  click: __13("On click", "elementor")
 };
 var BASE_TRIGGERS = ["load", "scrollIn"];
 function Trigger({ value, onChange }) {
@@ -1289,8 +1295,8 @@ function Trigger({ value, onChange }) {
       onChange,
       baseOptions,
       disabledOptions,
-      promotionLabel: __12("PRO triggers", "elementor"),
-      promotionContent: __12("Upgrade to unlock more interactions triggers.", "elementor"),
+      promotionLabel: __13("PRO triggers", "elementor"),
+      promotionContent: __13("Upgrade to unlock more interactions triggers.", "elementor"),
       upgradeUrl: "https://go.elementor.com/go-pro-interactions-triggers-modal/"
     }
   );
@@ -1375,9 +1381,11 @@ function init() {
 }
 export {
   BASE_EASINGS,
+  BASE_EFFECTS,
   BASE_REPLAY,
   BASE_TRIGGERS,
   EASING_OPTIONS,
+  EFFECT_OPTIONS,
   ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX,
   EmptyState,
   InteractionsTab,