@elementor/editor-editing-panel 4.2.0-880 → 4.2.0-882

package/dist/index.mjs

@@ -158,7 +158,6 @@ import {
   validateStyleLabel as validateStyleLabel2
 } from "@elementor/editor-styles-repository";
 import { InfoAlert, WarningInfotip } from "@elementor/editor-ui";
-import { isExperimentActive } from "@elementor/editor-v1-adapters";
 import { ColorSwatchIcon, MapPinIcon } from "@elementor/icons";
 import { createLocation as createLocation2 } from "@elementor/locations";
 import {
@@ -1248,18 +1247,12 @@ var validateLabel = (newLabel) => {
 // src/components/css-classes/css-class-selector.tsx
 var ID = "elementor-css-class-selector";
 var TAGS_LIMIT = 50;
-var EVENT_OPEN_GLOBAL_CLASSES_MANAGER = "elementor/open-global-classes-manager";
-var EVENT_TOGGLE_DESIGN_SYSTEM = "elementor/toggle-design-system";
 function openClassManagerPanel() {
-  if (isExperimentActive("e_editor_design_system_panel")) {
-    window.dispatchEvent(
-      new CustomEvent(EVENT_TOGGLE_DESIGN_SYSTEM, {
-        detail: { tab: "classes" }
-      })
-    );
-    return;
-  }
-  window.dispatchEvent(new CustomEvent(EVENT_OPEN_GLOBAL_CLASSES_MANAGER));
+  window.dispatchEvent(
+    new CustomEvent("elementor/toggle-design-system", {
+      detail: { tab: "classes" }
+    })
+  );
 }
 var EMPTY_OPTION = {
   label: __6("local", "elementor"),
@@ -1889,7 +1882,7 @@ function EditorPanelErrorFallback() {
 import { Fragment as Fragment9 } from "react";
 import * as React86 from "react";
 import { getWidgetsCache as getWidgetsCache2 } from "@elementor/editor-elements";
-import { isExperimentActive as isExperimentActive4 } from "@elementor/editor-v1-adapters";
+import { isExperimentActive as isExperimentActive3 } from "@elementor/editor-v1-adapters";
 import { Divider as Divider6, Stack as Stack13, Tab, TabPanel, Tabs, useTabs } from "@elementor/ui";
 import { __ as __60 } from "@wordpress/i18n";
 
@@ -3491,7 +3484,7 @@ var EffectsSection = () => {
 import * as React55 from "react";
 import { ControlFormLabel as ControlFormLabel2 } from "@elementor/editor-controls";
 import { useParentElement } from "@elementor/editor-elements";
-import { isExperimentActive as isExperimentActive3 } from "@elementor/editor-v1-adapters";
+import { isExperimentActive as isExperimentActive2 } from "@elementor/editor-v1-adapters";
 import { __ as __33 } from "@wordpress/i18n";
 
 // src/hooks/use-computed-style.ts
@@ -3814,7 +3807,7 @@ var getOptions2 = (parentStyleDirection) => {
 import * as React44 from "react";
 import { useMemo as useMemo9 } from "react";
 import { ToggleControl as ToggleControl6 } from "@elementor/editor-controls";
-import { isExperimentActive as isExperimentActive2 } from "@elementor/editor-v1-adapters";
+import { isExperimentActive } from "@elementor/editor-v1-adapters";
 import { __ as __22 } from "@wordpress/i18n";
 var DISPLAY_LABEL = __22("Display", "elementor");
 var displayFieldItems = [
@@ -3857,7 +3850,7 @@ var displayFieldItems = [
 ];
 var DisplayField = () => {
   const placeholder = useDisplayPlaceholderValue();
-  const isGridActive = isExperimentActive2("e_css_grid");
+  const isGridActive = isExperimentActive("e_css_grid");
   const items3 = useMemo9(
     () => isGridActive ? displayFieldItems : displayFieldItems.filter((item) => item.value !== "grid"),
     [isGridActive]
@@ -4550,7 +4543,7 @@ var LayoutSection = () => {
     history: { propDisplayName: DISPLAY_LABEL2 }
   });
   const displayPlaceholder = useDisplayPlaceholderValue();
-  const isGridExperimentActive = isExperimentActive3("e_css_grid");
+  const isGridExperimentActive = isExperimentActive2("e_css_grid");
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const isDisplayGrid = "grid" === (display?.value ?? displayPlaceholder?.value);
   const { element } = useElement();
@@ -5542,7 +5535,7 @@ var PanelTabContent = () => {
   const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
-  const isInteractionsActive = isExperimentActive4("e_interactions");
+  const isInteractionsActive = isExperimentActive3("e_interactions");
   const isPromotedElement = !!getWidgetsCache2()?.[element.type]?.meta?.is_pro_promotion;
   const [storedTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
   const currentTab = isPromotedElement && storedTab === "settings" ? "style" : storedTab;