@elementor/editor-editing-panel 3.32.0-62 → 3.32.0-63

package/dist/index.mjs

@@ -1723,7 +1723,7 @@ function EditorPanelErrorFallback() {
 
 // src/components/editing-panel-tabs.tsx
 import * as React88 from "react";
-import { Fragment as Fragment10 } from "react";
+import { Fragment as Fragment9 } from "react";
 import { Divider as Divider6, Stack as Stack15, Tab, TabPanel, Tabs, useTabs } from "@elementor/ui";
 import { __ as __60 } from "@wordpress/i18n";
 
@@ -2269,7 +2269,7 @@ import * as React87 from "react";
 import { useState as useState12 } from "react";
 import { CLASSES_PROP_KEY } from "@elementor/editor-props";
 import { useActiveBreakpoint } from "@elementor/editor-responsive";
-import { EXPERIMENTAL_FEATURES as EXPERIMENTAL_FEATURES2, isExperimentActive as isExperimentActive2 } from "@elementor/editor-v1-adapters";
+import { EXPERIMENTAL_FEATURES, isExperimentActive } from "@elementor/editor-v1-adapters";
 import { SessionStorageProvider as SessionStorageProvider2 } from "@elementor/session";
 import { Box as Box7, Divider as Divider5, Stack as Stack14 } from "@elementor/ui";
 import { __ as __59 } from "@wordpress/i18n";
@@ -3339,7 +3339,6 @@ import {
   TransitionRepeaterControl
 } from "@elementor/editor-controls";
 import { useSelectedElement } from "@elementor/editor-elements";
-import { EXPERIMENTAL_FEATURES, isExperimentActive } from "@elementor/editor-v1-adapters";
 import { __ as __21 } from "@wordpress/i18n";
 
 // src/utils/get-recently-used-styles.ts
@@ -3387,9 +3386,8 @@ var TRANSFORM_LABEL = __21("Transform", "elementor");
 var BACKDROP_FILTER_LABEL = __21("Backdrop filters", "elementor");
 var TRANSITIONS_LABEL = __21("Transitions", "elementor");
 var EffectsSection = () => {
-  const shouldShowTransition = isExperimentActive(EXPERIMENTAL_FEATURES.TRANSITIONS);
   const { element } = useSelectedElement();
-  return /* @__PURE__ */ React46.createElement(SectionContent, null, /* @__PURE__ */ React46.createElement(OpacityControlField, null), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React46.createElement(BoxShadowRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React46.createElement(TransformRepeaterControl, null)), shouldShowTransition && /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React46.createElement(TransitionRepeaterControl, { recentlyUsedList: getRecentlyUsedList(element?.id) }))), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "filter", propDisplayName: FILTER_LABEL }, /* @__PURE__ */ React46.createElement(FilterRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "backdrop-filter", propDisplayName: BACKDROP_FILTER_LABEL }, /* @__PURE__ */ React46.createElement(FilterRepeaterControl, { filterPropName: "backdrop-filter" })));
+  return /* @__PURE__ */ React46.createElement(SectionContent, null, /* @__PURE__ */ React46.createElement(OpacityControlField, null), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React46.createElement(BoxShadowRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React46.createElement(TransformRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React46.createElement(TransitionRepeaterControl, { recentlyUsedList: getRecentlyUsedList(element?.id) })), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "filter", propDisplayName: FILTER_LABEL }, /* @__PURE__ */ React46.createElement(FilterRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "backdrop-filter", propDisplayName: BACKDROP_FILTER_LABEL }, /* @__PURE__ */ React46.createElement(FilterRepeaterControl, { filterPropName: "backdrop-filter" })));
 };
 
 // src/components/style-sections/layout-section/layout-section.tsx
@@ -4815,7 +4813,7 @@ var StyleTab = () => {
   const [activeStyleDefId, setActiveStyleDefId] = useActiveStyleDefId(currentClassesProp);
   const [activeStyleState, setActiveStyleState] = useState12(null);
   const breakpoint = useActiveBreakpoint();
-  const shouldRenderCustomCss = isExperimentActive2(EXPERIMENTAL_FEATURES2.CUSTOM_CSS);
+  const shouldRenderCustomCss = isExperimentActive(EXPERIMENTAL_FEATURES.CUSTOM_CSS);
   return /* @__PURE__ */ React87.createElement(ClassesPropProvider, { prop: currentClassesProp }, /* @__PURE__ */ React87.createElement(
     StyleProvider,
     {
@@ -4982,7 +4980,7 @@ var EditingPanelTabs = () => {
   return (
     // When switching between elements, the local states should be reset. We are using key to rerender the tabs.
     // Reference: https://react.dev/learn/preserving-and-resetting-state#resetting-a-form-with-a-key
-    /* @__PURE__ */ React88.createElement(Fragment10, { key: element.id }, /* @__PURE__ */ React88.createElement(PanelTabContent, null))
+    /* @__PURE__ */ React88.createElement(Fragment9, { key: element.id }, /* @__PURE__ */ React88.createElement(PanelTabContent, null))
   );
 };
 var PanelTabContent = () => {
@@ -5220,7 +5218,7 @@ var DynamicControl = ({ bind, children }) => {
 };
 
 // src/dynamics/components/dynamic-selection.tsx
-import { Fragment as Fragment12, useState as useState13 } from "react";
+import { Fragment as Fragment11, useState as useState13 } from "react";
 import * as React92 from "react";
 import { useBoundProp as useBoundProp8 } from "@elementor/editor-controls";
 import { PopoverHeader as PopoverHeader2, PopoverMenuList, PopoverSearch } from "@elementor/editor-ui";
@@ -5268,7 +5266,7 @@ var DynamicSelection = ({ close: closePopover }) => {
       onClose: closePopover,
       icon: /* @__PURE__ */ React92.createElement(DatabaseIcon2, { fontSize: SIZE6 })
     }
-  ), hasNoDynamicTags ? /* @__PURE__ */ React92.createElement(NoDynamicTags, null) : /* @__PURE__ */ React92.createElement(Fragment12, null, /* @__PURE__ */ React92.createElement(
+  ), hasNoDynamicTags ? /* @__PURE__ */ React92.createElement(NoDynamicTags, null) : /* @__PURE__ */ React92.createElement(Fragment11, null, /* @__PURE__ */ React92.createElement(
     PopoverSearch,
     {
       value: searchValue,