@elementor/editor-editing-panel 3.33.0-116 → 3.33.0-117

package/package.json

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

package/src/components/style-tab.tsx

@@ -3,7 +3,6 @@ import { useState } from 'react';
 import { CLASSES_PROP_KEY } from '@elementor/editor-props';
 import { useActiveBreakpoint } from '@elementor/editor-responsive';
 import { type StyleDefinitionID, type StyleDefinitionState } from '@elementor/editor-styles';
-import { EXPERIMENTAL_FEATURES, isExperimentActive } from '@elementor/editor-v1-adapters';
 import { createLocation } from '@elementor/locations';
 import { SessionStorageProvider } from '@elementor/session';
 import { Box, Divider, Stack } from '@elementor/ui';
@@ -16,7 +15,6 @@ import { StyleProvider } from '../contexts/style-context';
 import { StyleInheritanceProvider } from '../contexts/styles-inheritance-context';
 import { useActiveStyleDefId } from '../hooks/use-active-style-def-id';
 import { CssClassSelector } from './css-classes/css-class-selector';
-import { CustomCss } from './custom-css';
 import { SectionsList } from './sections-list';
 import { BackgroundSection } from './style-sections/background-section/background-section';
 import { BorderSection } from './style-sections/border-section/border-section';
@@ -45,7 +43,6 @@ export const StyleTab = () => {
 	const [ activeStyleDefId, setActiveStyleDefId ] = useActiveStyleDefId( currentClassesProp );
 	const [ activeStyleState, setActiveStyleState ] = useState< StyleDefinitionState | null >( null );
 	const breakpoint = useActiveBreakpoint();
-	const shouldRenderCustomCss = isExperimentActive( EXPERIMENTAL_FEATURES.CUSTOM_CSS );
 
 	return (
 		<ClassesPropProvider prop={ currentClassesProp }>
@@ -171,17 +168,6 @@ export const StyleTab = () => {
 									'transition',
 								] }
 							/>
-							{ shouldRenderCustomCss && (
-								<StyleTabSection
-									section={ {
-										component: CustomCss,
-										name: 'Custom CSS',
-										title: __( 'Custom CSS', 'elementor' ),
-									} }
-									fields={ [ 'custom_css' ] }
-									unmountOnExit={ false }
-								/>
-							) }
 							<StyleTabSlot />
 						</SectionsList>
 						<Box sx={ { height: '150px' } } />

package/src/index.ts

@@ -4,7 +4,6 @@ export { injectIntoCssClassConvert } from './components/css-classes/css-class-co
 export { injectIntoClassSelectorActions } from './components/css-classes/css-class-selector';
 export { PopoverBody } from './components/popover-body';
 export { SectionContent } from './components/section-content';
-export { CustomCss } from './components/custom-css';
 export { useFontFamilies } from './components/style-sections/typography-section/hooks/use-font-families';
 export { useCustomCss } from './hooks/use-custom-css';
 export { useSectionWidth } from './contexts/section-context';

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { type PropsWithChildren } from 'react';
-import { ControlAdornmentsProvider } from '@elementor/editor-controls';
-
-import { CustomCssIndicator } from './custom-css-indicator';
-
-export const CustomCssField = ( { children }: PropsWithChildren< object > ) => {
-	return (
-		<ControlAdornmentsProvider
-			items={ [
-				{
-					id: 'custom-css-indicator',
-					Adornment: CustomCssIndicator,
-				},
-			] }
-		>
-			{ children }
-		</ControlAdornmentsProvider>
-	);
-};

package/src/components/custom-css.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { ControlAdornments, ControlFormLabel, CssEditor } from '@elementor/editor-controls';
-import { Stack } from '@elementor/ui';
-import { __ } from '@wordpress/i18n';
-
-import { useCustomCss } from '../hooks/use-custom-css';
-import { CustomCssField } from './custom-css-field';
-import { SectionContent } from './section-content';
-
-export const CustomCss = () => {
-	const { customCss, setCustomCss } = useCustomCss();
-	const [ localState, setLocalState ] = React.useState( {
-		value: customCss?.raw || '',
-		isValid: true,
-	} );
-
-	const handleChange = ( value: string, isValid: boolean ) => {
-		setLocalState( { value, isValid } );
-
-		if ( isValid ) {
-			setCustomCss( value, { history: { propDisplayName: 'Custom CSS' } } );
-		}
-	};
-
-	return (
-		<SectionContent>
-			<CustomCssField>
-				<Stack direction="row" alignItems="center" gap={ 1 }>
-					<ControlFormLabel>{ __( 'CSS code', 'elementor' ) }</ControlFormLabel>
-					<ControlAdornments />
-				</Stack>
-			</CustomCssField>
-			<CssEditor value={ localState.value } onChange={ handleChange } />
-		</SectionContent>
-	);
-};