@elementor/editor-editing-panel 4.2.0-929 → 4.2.0-931

package/dist/index.mjs

@@ -1949,7 +1949,7 @@ var EditingPanelStickyPromotion = () => {
 import { Fragment as Fragment9 } from "react";
 import * as React90 from "react";
 import { getWidgetsCache as getWidgetsCache2 } from "@elementor/editor-elements";
-import { isExperimentActive as isExperimentActive3 } from "@elementor/editor-v1-adapters";
+import { isExperimentActive } from "@elementor/editor-v1-adapters";
 import { Divider as Divider6, Stack as Stack14, Tab, TabPanel, Tabs, useTabs } from "@elementor/ui";
 import { __ as __63 } from "@wordpress/i18n";
 
@@ -3537,7 +3537,6 @@ var EffectsSection = () => {
 import * as React61 from "react";
 import { ControlFormLabel as ControlFormLabel2 } from "@elementor/editor-controls";
 import { useParentElement } from "@elementor/editor-elements";
-import { isExperimentActive as isExperimentActive2 } from "@elementor/editor-v1-adapters";
 import { __ as __37 } from "@wordpress/i18n";
 
 // src/hooks/use-computed-style.ts
@@ -3939,9 +3938,7 @@ var getOptions2 = (parentStyleDirection) => {
 
 // src/components/style-sections/layout-section/display-field.tsx
 import * as React48 from "react";
-import { useMemo as useMemo9 } from "react";
 import { ToggleControl as ToggleControl6 } from "@elementor/editor-controls";
-import { isExperimentActive } from "@elementor/editor-v1-adapters";
 import { __ as __24 } from "@wordpress/i18n";
 var DISPLAY_LABEL = __24("Display", "elementor");
 var displayFieldItems = [
@@ -3984,12 +3981,7 @@ var displayFieldItems = [
 ];
 var DisplayField = () => {
   const placeholder = useDisplayPlaceholderValue();
-  const isGridActive = isExperimentActive("e_css_grid");
-  const items3 = useMemo9(
-    () => isGridActive ? displayFieldItems : displayFieldItems.filter((item) => item.value !== "grid"),
-    [isGridActive]
-  );
-  return /* @__PURE__ */ React48.createElement(StylesField, { bind: "display", propDisplayName: DISPLAY_LABEL, placeholder }, /* @__PURE__ */ React48.createElement(StylesFieldLayout, { label: DISPLAY_LABEL, direction: "column" }, /* @__PURE__ */ React48.createElement(ToggleControl6, { options: items3, maxItems: 4, fullWidth: true })));
+  return /* @__PURE__ */ React48.createElement(StylesField, { bind: "display", propDisplayName: DISPLAY_LABEL, placeholder }, /* @__PURE__ */ React48.createElement(StylesFieldLayout, { label: DISPLAY_LABEL, direction: "column" }, /* @__PURE__ */ React48.createElement(ToggleControl6, { options: displayFieldItems, maxItems: 4, fullWidth: true })));
 };
 var useDisplayPlaceholderValue = () => useStylesInheritanceChain(["display"])[0]?.value ?? void 0;
 
@@ -4038,7 +4030,7 @@ var FlexDirectionField = () => {
 
 // src/components/style-sections/layout-section/flex-order-field.tsx
 import * as React50 from "react";
-import { useEffect as useEffect5, useMemo as useMemo10, useState as useState7 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo9, useState as useState7 } from "react";
 import {
   ControlToggleButtonGroup,
   NumberControl as NumberControl2,
@@ -4090,7 +4082,7 @@ function FlexOrderFieldContent() {
   });
   const { placeholder } = useBoundProp2();
   const placeholderValue = placeholder;
-  const currentGroup = useMemo10(() => getGroupControlValue(order?.value ?? null), [order]);
+  const currentGroup = useMemo9(() => getGroupControlValue(order?.value ?? null), [order]);
   const [activeGroup, setActiveGroup] = useState7(currentGroup);
   const [customLocked, setCustomLocked] = useState7(false);
   useEffect5(() => {
@@ -4158,7 +4150,7 @@ var getGroupControlValue = (order) => {
 
 // src/components/style-sections/layout-section/flex-size-field.tsx
 import * as React51 from "react";
-import { useEffect as useEffect6, useMemo as useMemo11, useRef as useRef7, useState as useState8 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo10, useRef as useRef7, useState as useState8 } from "react";
 import {
   ControlToggleButtonGroup as ControlToggleButtonGroup2,
   NumberControl as NumberControl3,
@@ -4201,7 +4193,7 @@ var FlexSizeFieldContent = () => {
   });
   const { placeholder } = useBoundProp3();
   const flexValues = extractFlexValues(value);
-  const currentGroup = useMemo11(() => getActiveGroup(flexValues), [flexValues]);
+  const currentGroup = useMemo10(() => getActiveGroup(flexValues), [flexValues]);
   const [activeGroup, setActiveGroup] = useState8(currentGroup);
   const [customLocked, setCustomLocked] = useState8(false);
   useEffect6(() => {
@@ -4732,7 +4724,6 @@ var LayoutSection = () => {
     history: { propDisplayName: DISPLAY_LABEL2 }
   });
   const displayPlaceholder = useDisplayPlaceholderValue();
-  const isGridExperimentActive = isExperimentActive2("e_css_grid");
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const isDisplayGrid = "grid" === (display?.value ?? displayPlaceholder?.value);
   const { element } = useElement();
@@ -4747,7 +4738,7 @@ var LayoutSection = () => {
     }
     return DEFAULT_PARENT_FLOW_DIRECTION;
   };
-  return /* @__PURE__ */ React61.createElement(SectionContent, null, /* @__PURE__ */ React61.createElement(DisplayField, null), isDisplayFlex && /* @__PURE__ */ React61.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React61.createElement(FlexChildFields, { parentStyleDirection: getParentStyleDirection() }), isGridExperimentActive && isDisplayGrid && /* @__PURE__ */ React61.createElement(GridFields, null), isGridExperimentActive && "grid" === parentStyle?.display && /* @__PURE__ */ React61.createElement(GridChildFields, { parentStyleDirection: getParentStyleDirection() }));
+  return /* @__PURE__ */ React61.createElement(SectionContent, null, /* @__PURE__ */ React61.createElement(DisplayField, null), isDisplayFlex && /* @__PURE__ */ React61.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React61.createElement(FlexChildFields, { parentStyleDirection: getParentStyleDirection() }), isDisplayGrid && /* @__PURE__ */ React61.createElement(GridFields, null), "grid" === parentStyle?.display && /* @__PURE__ */ React61.createElement(GridChildFields, { parentStyleDirection: getParentStyleDirection() }));
 };
 var FlexFields = () => {
   const { value: flexWrap } = useStylesField("flex-wrap", {
@@ -5645,7 +5636,7 @@ var PanelTabContent = () => {
   const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
-  const isInteractionsActive = isExperimentActive3("e_interactions");
+  const isInteractionsActive = isExperimentActive("e_interactions");
   const isPromotedElement = !!getWidgetsCache2()?.[element.type]?.meta?.is_pro_promotion;
   const [storedTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
   const currentTab = isPromotedElement && storedTab === "settings" ? "style" : storedTab;
@@ -6180,10 +6171,10 @@ import {
 import { DatabaseIcon } from "@elementor/icons";
 
 // src/dynamics/hooks/use-dynamic-tag.ts
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo12 } from "react";
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { useBoundProp as useBoundProp7 } from "@elementor/editor-controls";
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
@@ -6277,7 +6268,7 @@ var usePropDynamicTagsInternal = (filterByLicense2) => {
     categories = propDynamicType?.settings.categories || [];
   }
   const categoriesKey = categories.join();
-  return useMemo12(
+  return useMemo11(
     () => getDynamicTagsByCategories(categories, filterByLicense2),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [categoriesKey, filterByLicense2]
@@ -6311,7 +6302,7 @@ var getDynamicTagsByCategories = (categories, filterByLicense2) => {
 // src/dynamics/hooks/use-dynamic-tag.ts
 var useDynamicTag = (tagName) => {
   const dynamicTags = useAllPropDynamicTags();
-  return useMemo13(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
+  return useMemo12(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
 };
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
@@ -6373,7 +6364,7 @@ import { PropKeyProvider as PropKeyProvider5, PropProvider as PropProvider5, use
 
 // src/dynamics/components/dynamic-conditional-control.tsx
 import * as React95 from "react";
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo13 } from "react";
 import { isDependencyMet as isDependencyMet3 } from "@elementor/editor-props";
 var DynamicConditionalControl = ({
   children,
@@ -6381,7 +6372,7 @@ var DynamicConditionalControl = ({
   propsSchema,
   dynamicSettings
 }) => {
-  const defaults = useMemo14(() => {
+  const defaults = useMemo13(() => {
     if (!propsSchema) {
       return {};
     }
@@ -6391,7 +6382,7 @@ var DynamicConditionalControl = ({
       return result;
     }, {});
   }, [propsSchema]);
-  const convertedSettings = useMemo14(() => {
+  const convertedSettings = useMemo13(() => {
     if (!dynamicSettings) {
       return {};
     }
@@ -6410,7 +6401,7 @@ var DynamicConditionalControl = ({
       {}
     );
   }, [dynamicSettings]);
-  const effectiveSettings = useMemo14(() => {
+  const effectiveSettings = useMemo13(() => {
     return { ...defaults, ...convertedSettings };
   }, [defaults, convertedSettings]);
   if (!propType?.dependencies?.terms.length) {
@@ -6804,11 +6795,12 @@ var DynamicTagsManagerNotFoundError = createError2({
 });
 
 // src/dynamics/dynamic-transformer.ts
-var dynamicTransformer = createTransformer((value, { propType }) => {
+var dynamicTransformer = createTransformer((value, { propType, renderContext }) => {
   if (!value?.name || !isDynamicTagSupported(value.name)) {
     return propType?.default ?? null;
   }
-  return getDynamicValue(value.name, simpleTransform(value?.settings ?? {}));
+  const renderPostId = renderContext?.currentPostId;
+  return getDynamicValue(value.name, simpleTransform(value?.settings ?? {}), renderPostId);
 });
 function simpleTransform(props) {
   const transformed = Object.entries(props).map(([settingKey, settingValue]) => {
@@ -6817,7 +6809,7 @@ function simpleTransform(props) {
   });
   return Object.fromEntries(transformed);
 }
-function getDynamicValue(name, settings) {
+function getDynamicValue(name, settings, renderPostId) {
   const { dynamicTags } = window.elementor ?? {};
   if (!dynamicTags) {
     throw new DynamicTagsManagerNotFoundError();
@@ -6827,6 +6819,9 @@ function getDynamicValue(name, settings) {
     if (!tag) {
       return null;
     }
+    if (renderPostId) {
+      tag.editorRenderPostId = renderPostId;
+    }
     return dynamicTags.loadTagDataFromCache(tag) ?? null;
   };
   const tagValue = getTagValue();
@@ -6834,12 +6829,9 @@ function getDynamicValue(name, settings) {
     return tagValue;
   }
   return new Promise((resolve) => {
-    dynamicTags.refreshCacheFromServer(
-      () => {
-        resolve(getTagValue());
-      },
-      { disableCache: true }
-    );
+    dynamicTags.refreshCacheFromServer(() => {
+      resolve(getTagValue());
+    });
   });
 }
 
@@ -6981,7 +6973,7 @@ import { __ as __75 } from "@wordpress/i18n";
 
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 import * as React104 from "react";
-import { useMemo as useMemo15, useRef as useRef20, useState as useState12 } from "react";
+import { useMemo as useMemo14, useRef as useRef20, useState as useState12 } from "react";
 import {
   createPropsResolver as createPropsResolver2,
   stylesInheritanceTransformersRegistry
@@ -7202,7 +7194,7 @@ var StylesInheritanceInfotip = ({
   };
   const key = path.join(".");
   const sectionWidth = useSectionWidth2();
-  const resolve = useMemo15(() => {
+  const resolve = useMemo14(() => {
     return createPropsResolver2({
       transformers: stylesInheritanceTransformersRegistry,
       schema: { [key]: propType }