@elementor/editor-editing-panel 1.33.1 → 1.34.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Change Log
 
+## 1.34.0
+
+### Minor Changes
+
+- 71d9ffe: Added support for split items in toggle button group and an API for checking if an experiment is active
+- 4a2569f: Replaced experiment status check to look for existing experiments
+- 9f16dcb: Added an API to get experimental features' status
+- b150c2b: Wrap font family with Control Action
+
+### Patch Changes
+
+- 9a098c5: Add a general experiment for 3.30
+- Updated dependencies [ebcf7cc]
+- Updated dependencies [71d9ffe]
+- Updated dependencies [b6131c3]
+- Updated dependencies [810db8d]
+- Updated dependencies [b150c2b]
+  - @elementor/editor-controls@0.29.0
+  - @elementor/editor-styles-repository@0.8.7
+  - @elementor/editor-canvas@0.21.1
+
 ## 1.33.1
 
 ### Patch Changes

package/dist/index.js

@@ -1590,10 +1590,24 @@ var import_editor_styles_repository7 = require("@elementor/editor-styles-reposit
 var import_ui16 = require("@elementor/ui");
 var import_i18n5 = require("@wordpress/i18n");
 
-// src/sync/get-experiments-config.ts
-var getExperimentsConfig = () => {
+// src/sync/get-elementor-globals.ts
+var getElementorConfig = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementor?.config ?? {};
+};
+var getElementorFrontendConfig = () => {
   const extendedWindow = window;
-  return extendedWindow.elementorCommon?.config?.experimentalFeatures ?? {};
+  return extendedWindow.elementorFrontend?.config ?? {};
+};
+var getElementorCommonConfig = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementorCommon?.config ?? {};
+};
+
+// src/sync/is-experiment-active.ts
+var isExperimentActive = (experiment) => {
+  const allFeatures = getElementorCommonConfig()?.experimentalFeatures ?? {};
+  return !!allFeatures?.[experiment];
 };
 
 // src/styles-inheritance/styles-inheritance-infotip.tsx
@@ -1680,7 +1694,7 @@ var StylesInheritanceIndicator = () => {
   const hasValue = value !== null && value !== void 0;
   const label = getLabel({ isFinalValue, hasValue });
   const variantType = getVariant({ isFinalValue, hasValue, currentStyleProvider });
-  const { e_indications_popover: eIndicationsPopover } = getExperimentsConfig();
+  const eIndicationsPopover = isExperimentActive("e_indications_popover");
   if (!eIndicationsPopover) {
     return /* @__PURE__ */ React19.createElement(StyleIndicator, { variant: variantType, "aria-label": label });
   }
@@ -1846,8 +1860,8 @@ var import_i18n8 = require("@wordpress/i18n");
 // src/hooks/use-direction.ts
 var import_ui23 = require("@elementor/ui");
 function useDirection() {
-  const theme = (0, import_ui23.useTheme)(), extendedWindow = window;
-  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!extendedWindow.elementorFrontend?.config?.is_rtl;
+  const theme = (0, import_ui23.useTheme)();
+  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!getElementorFrontendConfig()?.is_rtl;
   return { isSiteRtl, isUiRtl };
 }
 
@@ -2244,7 +2258,7 @@ var React37 = __toESM(require("react"));
 var import_editor_controls17 = require("@elementor/editor-controls");
 var import_ui30 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
-var displayFieldOptions = [
+var displayFieldItems = [
   {
     value: "block",
     renderContent: () => (0, import_i18n14.__)("Block", "elementor"),
@@ -2262,17 +2276,27 @@ var displayFieldOptions = [
     renderContent: () => (0, import_i18n14.__)("In-blk", "elementor"),
     label: (0, import_i18n14.__)("Inline-block", "elementor"),
     showTooltip: true
-  },
-  {
+  }
+];
+var DisplayField = () => {
+  const isDisplayNoneFeatureActive = isExperimentActive("e_v_3_30");
+  const items3 = [...displayFieldItems];
+  if (isDisplayNoneFeatureActive) {
+    items3.push({
+      value: "none",
+      renderContent: () => (0, import_i18n14.__)("None", "elementor"),
+      label: (0, import_i18n14.__)("None", "elementor"),
+      showTooltip: true
+    });
+  }
+  items3.push({
     value: "inline-flex",
     renderContent: () => (0, import_i18n14.__)("In-flx", "elementor"),
     label: (0, import_i18n14.__)("Inline-flex", "elementor"),
     showTooltip: true
-  }
-];
-var DisplayField = () => {
+  });
   const placeholder = useDisplayPlaceholderValue();
-  return /* @__PURE__ */ React37.createElement(StylesField, { bind: "display", placeholder }, /* @__PURE__ */ React37.createElement(import_ui30.Stack, { gap: 0.75 }, /* @__PURE__ */ React37.createElement(ControlLabel, null, (0, import_i18n14.__)("Display", "elementor")), /* @__PURE__ */ React37.createElement(import_editor_controls17.ToggleControl, { options: displayFieldOptions, fullWidth: true })));
+  return /* @__PURE__ */ React37.createElement(StylesField, { bind: "display", placeholder }, /* @__PURE__ */ React37.createElement(import_ui30.Stack, { gap: 0.75 }, /* @__PURE__ */ React37.createElement(ControlLabel, null, (0, import_i18n14.__)("Display", "elementor")), /* @__PURE__ */ React37.createElement(import_editor_controls17.ToggleControl, { options: items3, maxItems: 4, fullWidth: true })));
 };
 var useDisplayPlaceholderValue = () => useStylesInheritanceField("display")[0]?.value ?? void 0;
 
@@ -2675,7 +2699,7 @@ var PositionSection = () => {
     "inset-inline-end"
   ]);
   const [dimensionsValuesFromHistory, updateDimensionsHistory, clearDimensionsHistory] = usePersistDimensions();
-  const { e_css_id: eCssId } = getExperimentsConfig();
+  const isCssIdFeatureActive = isExperimentActive("e_v_3_30");
   const onPositionChange = (newPosition, previousPosition) => {
     if (newPosition === "static") {
       if (dimensionsValues) {
@@ -2695,7 +2719,7 @@ var PositionSection = () => {
     }
   };
   const isNotStatic = positionValue && positionValue?.value !== "static";
-  return /* @__PURE__ */ React49.createElement(SectionContent, null, /* @__PURE__ */ React49.createElement(PositionField, { onChange: onPositionChange }), isNotStatic ? /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(DimensionsField, null), /* @__PURE__ */ React49.createElement(ZIndexField, null)) : null, eCssId && /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(PanelDivider, null), /* @__PURE__ */ React49.createElement(OffsetField, null)));
+  return /* @__PURE__ */ React49.createElement(SectionContent, null, /* @__PURE__ */ React49.createElement(PositionField, { onChange: onPositionChange }), isNotStatic ? /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(DimensionsField, null), /* @__PURE__ */ React49.createElement(ZIndexField, null)) : null, isCssIdFeatureActive && /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(PanelDivider, null), /* @__PURE__ */ React49.createElement(OffsetField, null)));
 };
 var usePersistDimensions = () => {
   const { id: styleDefID, meta } = useStyle();
@@ -2815,14 +2839,6 @@ var import_i18n31 = require("@wordpress/i18n");
 // src/components/style-sections/typography-section/hooks/use-font-families.ts
 var import_react22 = require("react");
 var import_i18n30 = require("@wordpress/i18n");
-
-// src/sync/get-elementor-config.ts
-var getElementorConfig = () => {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.config ?? {};
-};
-
-// src/components/style-sections/typography-section/hooks/use-font-families.ts
 var supportedCategories = {
   system: (0, import_i18n30.__)("System", "elementor"),
   custom: (0, import_i18n30.__)("Custom Fonts", "elementor"),
@@ -2863,7 +2879,7 @@ var FontFamilyField = () => {
   if (fontFamilies.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React54.createElement(StylesField, { bind: "font-family" }, /* @__PURE__ */ React54.createElement(import_ui44.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React54.createElement(import_ui44.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React54.createElement(ControlLabel, null, (0, import_i18n31.__)("Font family", "elementor"))), /* @__PURE__ */ React54.createElement(import_ui44.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React54.createElement(import_editor_controls32.FontFamilyControl, { fontFamilies }))));
+  return /* @__PURE__ */ React54.createElement(StylesField, { bind: "font-family" }, /* @__PURE__ */ React54.createElement(import_ui44.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React54.createElement(import_ui44.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React54.createElement(ControlLabel, null, (0, import_i18n31.__)("Font family", "elementor"))), /* @__PURE__ */ React54.createElement(import_ui44.Grid, { item: true, xs: 6, sx: { minWidth: 0 } }, /* @__PURE__ */ React54.createElement(import_editor_controls32.FontFamilyControl, { fontFamilies }))));
 };
 
 // src/components/style-sections/typography-section/font-size-field.tsx