@elementor/editor-editing-panel 3.35.0 → 3.35.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-editing-panel",
-  "version": "3.35.0",
+  "version": "3.35.2",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,27 +39,27 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "3.35.0",
-    "@elementor/editor-canvas": "3.35.0",
-    "@elementor/editor-controls": "3.35.0",
-    "@elementor/editor-documents": "3.35.0",
-    "@elementor/editor-elements": "3.35.0",
-    "@elementor/editor-interactions": "3.35.0",
-    "@elementor/editor-panels": "3.35.0",
-    "@elementor/editor-props": "3.35.0",
-    "@elementor/editor-responsive": "3.35.0",
-    "@elementor/editor-styles": "3.35.0",
-    "@elementor/editor-styles-repository": "3.35.0",
-    "@elementor/editor-ui": "3.35.0",
-    "@elementor/editor-v1-adapters": "3.35.0",
+    "@elementor/editor": "3.35.2",
+    "@elementor/editor-canvas": "3.35.2",
+    "@elementor/editor-controls": "3.35.2",
+    "@elementor/editor-documents": "3.35.2",
+    "@elementor/editor-elements": "3.35.2",
+    "@elementor/editor-interactions": "3.35.2",
+    "@elementor/editor-panels": "3.35.2",
+    "@elementor/editor-props": "3.35.2",
+    "@elementor/editor-responsive": "3.35.2",
+    "@elementor/editor-styles": "3.35.2",
+    "@elementor/editor-styles-repository": "3.35.2",
+    "@elementor/editor-ui": "3.35.2",
+    "@elementor/editor-v1-adapters": "3.35.2",
     "@elementor/icons": "^1.63.0",
-    "@elementor/locations": "3.35.0",
-    "@elementor/menus": "3.35.0",
-    "@elementor/schema": "3.35.0",
-    "@elementor/session": "3.35.0",
+    "@elementor/locations": "3.35.2",
+    "@elementor/menus": "3.35.2",
+    "@elementor/schema": "3.35.2",
+    "@elementor/session": "3.35.2",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.35.0",
-    "@elementor/wp-media": "3.35.0",
+    "@elementor/utils": "3.35.2",
+    "@elementor/wp-media": "3.35.2",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/components/promotions/custom-css.tsx

@@ -1,17 +1,12 @@
 import * as React from 'react';
-import { useState } from 'react';
-import { PromotionChip, PromotionInfotip } from '@elementor/editor-ui';
+import { useRef } from 'react';
+import { PromotionTrigger, type PromotionTriggerRef } from '@elementor/editor-controls';
 import { __ } from '@wordpress/i18n';
 
 import { StyleTabSection } from '../style-tab-section';
 
-function getCustomCssPromotion() {
-	return window.elementor?.config?.v4Promotions?.customCss;
-}
-
 export const CustomCssSection = () => {
-	const [ showInfoTip, setShowInfoTip ] = useState( false );
-	const promotion = getCustomCssPromotion();
+	const triggerRef = useRef< PromotionTriggerRef >( null );
 
 	return (
 		<StyleTabSection
@@ -19,25 +14,8 @@ export const CustomCssSection = () => {
 				name: 'Custom CSS',
 				title: __( 'Custom CSS', 'elementor' ),
 				action: {
-					component: (
-						<PromotionInfotip
-							title={ promotion?.title ?? '' }
-							content={ promotion?.content ?? '' }
-							assetUrl={ promotion?.image ?? '' }
-							ctaUrl={ promotion?.ctaUrl ?? '' }
-							open={ showInfoTip }
-							onClose={ () => {
-								setShowInfoTip( false );
-							} }
-						>
-							<PromotionChip />
-						</PromotionInfotip>
-					),
-					onClick: () => {
-						if ( ! showInfoTip ) {
-							setShowInfoTip( true );
-						}
-					},
+					component: <PromotionTrigger ref={ triggerRef } promotionKey="customCss" />,
+					onClick: () => triggerRef.current?.toggle(),
 				},
 			} }
 		/>

package/src/components/promotions/init.tsx

@@ -1,4 +1,4 @@
-import { DisplayConditionsControl } from '@elementor/editor-controls';
+import { AttributesControl, DisplayConditionsControl } from '@elementor/editor-controls';
 
 import { controlsRegistry } from '../../controls-registry/controls-registry';
 import { injectIntoStyleTab } from '../style-tab';
@@ -13,6 +13,8 @@ export const init = () => {
 			options: { overwrite: true },
 		} );
 
+		controlsRegistry.register( 'attributes', AttributesControl, 'two-columns' );
+
 		controlsRegistry.register( 'display-conditions', DisplayConditionsControl, 'two-columns' );
 	}
 };

package/src/index.ts

@@ -33,7 +33,6 @@ export { registerStyleProviderToColors } from './provider-colors-registry';
 export { stylesInheritanceTransformersRegistry } from './styles-inheritance/styles-inheritance-transformers-registry';
 export { getFieldIndicators, registerFieldIndicator, FIELD_TYPE } from './field-indicators-registry';
 export { registerEditingPanelReplacement } from './editing-panel-replacement-registry';
-export { type V4PromotionData } from './components/promotions/types';
 
 export { doApplyClasses, doGetAppliedClasses, doUnapplyClass } from './apply-unapply-actions';
 export { type DynamicTag, type DynamicTags, type DynamicTagsManager } from './dynamics/types';

package/src/components/promotions/types.ts

@@ -1,8 +0,0 @@
-export type V4PromotionData = {
-	title: string;
-	content: string;
-	image: string;
-	ctaUrl: string;
-};
-
-export type V4PromotionKeys = 'displayConditions' | 'customCss';