@elementor/editor-interactions 4.1.0-774 → 4.1.0-776

package/dist/index.mjs

@@ -561,7 +561,7 @@ var PopupStateProvider = ({ children }) => {
 
 // src/components/interactions-list.tsx
 import * as React10 from "react";
-import { useCallback as useCallback5, useEffect as useEffect2, useMemo as useMemo4, useRef as useRef2 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect2, useMemo as useMemo4, useRef } from "react";
 import { Repeater } from "@elementor/editor-controls";
 import { InfoCircleFilledIcon, PlayerPlayIcon } from "@elementor/icons";
 import { Alert, AlertTitle, Box, IconButton, Tooltip } from "@elementor/ui";
@@ -664,45 +664,23 @@ var resolveDirection = (hasDirection, newEffect, newDirection, currentDirection,
 
 // src/components/controls/time-frame-indicator.tsx
 import * as React5 from "react";
-import { useCallback as useCallback2, useRef } from "react";
+import { useCallback as useCallback2 } from "react";
 import { SizeComponent } from "@elementor/editor-controls";
-
-// src/utils/time-conversion.ts
-var UNIT_TO_MS = {
-  ms: 1,
-  s: 1e3
-};
-var convertTimeUnit = (value, from, to) => {
-  return value * UNIT_TO_MS[from] / UNIT_TO_MS[to];
-};
-
-// src/components/controls/time-frame-indicator.tsx
 function TimeFrameIndicator({
   value,
   onChange,
   defaultValue
 }) {
   const sizeValue = parseSizeValue(value, TIME_UNITS, defaultValue, DEFAULT_TIME_UNIT);
-  const prevUnitRef = useRef(sizeValue.unit);
-  const setValue = useCallback2(
+  const handleChange = useCallback2(
     (size) => {
-      const unitChanged = prevUnitRef.current !== size.unit;
-      if (unitChanged) {
-        const fromUnit = prevUnitRef.current;
-        const toUnit = size.unit;
-        size.size = convertTimeUnit(Number(size.size), fromUnit, toUnit);
-        prevUnitRef.current = toUnit;
-      }
       onChange(formatSizeValue(size));
     },
     [onChange]
   );
-  const handleChange = (newValue) => {
-    setValue(newValue);
-  };
-  const handleBlur = () => {
-    if (!sizeValue.size) {
-      setValue(parseSizeValue(defaultValue, TIME_UNITS, void 0, DEFAULT_TIME_UNIT));
+  const handleBlur = (event) => {
+    if (!event.target.value) {
+      handleChange(parseSizeValue(defaultValue, TIME_UNITS, void 0, DEFAULT_TIME_UNIT));
     }
   };
   return /* @__PURE__ */ React5.createElement(
@@ -1068,8 +1046,8 @@ var MAX_NUMBER_OF_INTERACTIONS = 5;
 function InteractionsList(props) {
   const { interactions, onSelectInteractions, onPlayInteraction, triggerCreateOnShowEmpty } = props;
   const { elementId } = useInteractionsContext();
-  const hasInitializedRef = useRef2(false);
-  const newlyCreatedIdsRef = useRef2(/* @__PURE__ */ new Set());
+  const hasInitializedRef = useRef(false);
+  const newlyCreatedIdsRef = useRef(/* @__PURE__ */ new Set());
   const handleUpdateInteractions = useCallback5(
     (newInteractions) => {
       onSelectInteractions(newInteractions);
@@ -1529,7 +1507,7 @@ import { __ as __11 } from "@wordpress/i18n";
 
 // src/ui/promotion-select.tsx
 import * as React14 from "react";
-import { useRef as useRef3 } from "react";
+import { useRef as useRef2 } from "react";
 import { MenuListItem } from "@elementor/editor-ui";
 import { MenuSubheader, Select } from "@elementor/ui";
 import { __ as __10 } from "@wordpress/i18n";
@@ -1598,8 +1576,8 @@ function PromotionSelect({
   upgradeUrl,
   trackingData
 }) {
-  const promotionRef = useRef3(null);
-  const anchorRef = useRef3(null);
+  const promotionRef = useRef2(null);
+  const anchorRef = useRef2(null);
   return /* @__PURE__ */ React14.createElement(
     Select,
     {
@@ -1735,7 +1713,7 @@ function EffectType({ value, onChange }) {
 
 // src/components/controls/repeat.tsx
 import * as React19 from "react";
-import { useRef as useRef4 } from "react";
+import { useRef as useRef3 } from "react";
 import { ToggleButtonGroupUi as ToggleButtonGroupUi2 } from "@elementor/editor-controls";
 import { Number123Icon, RepeatIcon } from "@elementor/icons";
 import { __ as __14 } from "@wordpress/i18n";
@@ -1761,7 +1739,7 @@ var REPEAT_TOOLTIPS = {
   loop: __14("Infinite repeat", "elementor")
 };
 function Repeat() {
-  const repeatContainerRef = useRef4(null);
+  const repeatContainerRef = useRef3(null);
   const options = [
     {
       value: REPEAT_OPTIONS.times,
@@ -1799,7 +1777,7 @@ function Repeat() {
 
 // src/components/controls/replay.tsx
 import * as React20 from "react";
-import { useRef as useRef5 } from "react";
+import { useRef as useRef4 } from "react";
 import { ToggleButtonGroupUi as ToggleButtonGroupUi3 } from "@elementor/editor-controls";
 import { CheckIcon, MinusIcon } from "@elementor/icons";
 import { __ as __15 } from "@wordpress/i18n";
@@ -1810,7 +1788,7 @@ var REPLAY_OPTIONS = {
 };
 var BASE_REPLAY = ["no"];
 function Replay({ onChange }) {
-  const replayContainerRef = useRef5(null);
+  const replayContainerRef = useRef4(null);
   const options = [
     {
       value: false,
@@ -2282,7 +2260,6 @@ export {
   SCROLL_INTERACTION_EVENT,
   TRIGGER_OPTIONS,
   buildDisplayLabel,
-  convertTimeUnit,
   createAnimationPreset,
   createBoolean,
   createConfig,