@elementor/editor-editing-panel 3.32.0-23 → 3.32.0-25

package/package.json

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

package/src/components/custom-css.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TextField } from '@elementor/ui';
+import { CssEditor } from '@elementor/editor-controls';
 
 import { useCustomCss } from '../hooks/use-custom-css';
 import { SectionContent } from './section-content';
@@ -7,15 +7,13 @@ import { SectionContent } from './section-content';
 export const CustomCss = () => {
 	const { customCss, setCustomCss } = useCustomCss();
 
+	const handleChange = ( value: string ) => {
+		setCustomCss( value, { history: { propDisplayName: 'Custom CSS' } } );
+	};
+
 	return (
 		<SectionContent>
-			<TextField
-				value={ customCss?.raw || '' }
-				onChange={ ( ev: React.ChangeEvent< HTMLInputElement > ) =>
-					setCustomCss( ev.target.value, { history: { propDisplayName: 'Custom CSS' } } )
-				}
-				multiline
-			/>
+			<CssEditor value={ customCss?.raw || '' } onChange={ handleChange } />
 		</SectionContent>
 	);
 };

package/src/components/style-sections/layout-section/flex-order-field.tsx

@@ -58,10 +58,10 @@ export const FlexOrderField = () => {
 		history: { propDisplayName: ORDER_LABEL },
 	} );
 
-	const [ groupControlValue, setGroupControlValue ] = useState( getGroupControlValue( order?.value || null ) );
+	const [ groupControlValue, setGroupControlValue ] = useState( getGroupControlValue( order?.value ?? null ) );
 
 	useEffect( () => {
-		const newGroupControlValue = getGroupControlValue( order?.value || null );
+		const newGroupControlValue = getGroupControlValue( order?.value ?? null );
 		setGroupControlValue( newGroupControlValue );
 	}, [ order?.value ] );
 

package/src/index.ts

@@ -3,7 +3,10 @@ export { type ValidationEvent, type ValidationResult } from './components/creata
 export { injectIntoCssClassConvert } from './components/css-classes/css-class-convert-local';
 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';
 export { registerControlReplacement } from './control-replacement';
 export { controlActionsMenu } from './controls-actions';