@elementor/editor-editing-panel 4.2.0-905 → 4.2.0-907

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-editing-panel",
-  "version": "4.2.0-905",
+  "version": "4.2.0-907",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,31 +39,31 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "4.2.0-905",
-    "@elementor/editor-canvas": "4.2.0-905",
-    "@elementor/editor-controls": "4.2.0-905",
-    "@elementor/editor-documents": "4.2.0-905",
-    "@elementor/editor-elements": "4.2.0-905",
-    "@elementor/editor-interactions": "4.2.0-905",
-    "@elementor/editor-notifications": "4.2.0-905",
-    "@elementor/editor-panels": "4.2.0-905",
-    "@elementor/editor-props": "4.2.0-905",
-    "@elementor/editor-responsive": "4.2.0-905",
-    "@elementor/editor-styles": "4.2.0-905",
-    "@elementor/editor-styles-repository": "4.2.0-905",
-    "@elementor/editor-ui": "4.2.0-905",
-    "@elementor/editor-v1-adapters": "4.2.0-905",
-    "@elementor/http-client": "4.2.0-905",
+    "@elementor/editor": "4.2.0-907",
+    "@elementor/editor-canvas": "4.2.0-907",
+    "@elementor/editor-controls": "4.2.0-907",
+    "@elementor/editor-documents": "4.2.0-907",
+    "@elementor/editor-elements": "4.2.0-907",
+    "@elementor/editor-interactions": "4.2.0-907",
+    "@elementor/editor-notifications": "4.2.0-907",
+    "@elementor/editor-panels": "4.2.0-907",
+    "@elementor/editor-props": "4.2.0-907",
+    "@elementor/editor-responsive": "4.2.0-907",
+    "@elementor/editor-styles": "4.2.0-907",
+    "@elementor/editor-styles-repository": "4.2.0-907",
+    "@elementor/editor-ui": "4.2.0-907",
+    "@elementor/editor-v1-adapters": "4.2.0-907",
+    "@elementor/http-client": "4.2.0-907",
     "@elementor/icons": "~1.75.1",
-    "@elementor/editor-variables": "4.2.0-905",
-    "@elementor/locations": "4.2.0-905",
-    "@elementor/menus": "4.2.0-905",
-    "@elementor/query": "4.2.0-905",
-    "@elementor/schema": "4.2.0-905",
-    "@elementor/session": "4.2.0-905",
+    "@elementor/editor-variables": "4.2.0-907",
+    "@elementor/locations": "4.2.0-907",
+    "@elementor/menus": "4.2.0-907",
+    "@elementor/query": "4.2.0-907",
+    "@elementor/schema": "4.2.0-907",
+    "@elementor/session": "4.2.0-907",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.2.0-905",
-    "@elementor/wp-media": "4.2.0-905",
+    "@elementor/utils": "4.2.0-907",
+    "@elementor/wp-media": "4.2.0-907",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/components/settings-tab.tsx

@@ -15,8 +15,8 @@ export const SettingsTab = () => {
 	const settingsDefault = useDefaultPanelSettings();
 	const currentSettings = settings as Props;
 
-	const isDefaultExpanded = ( sectionId: string ) =>
-		settingsDefault.defaultSectionsExpanded.settings?.includes( sectionId );
+	const isDefaultExpanded = ( sectionId: string | null | undefined ) =>
+		!! sectionId && settingsDefault.defaultSectionsExpanded.settings?.includes( sectionId );
 
 	return (
 		<SessionStorageProvider prefix={ element.id }>
@@ -44,7 +44,7 @@ export const SettingsTab = () => {
 							<Section
 								title={ value.label }
 								key={ type + '.' + index }
-								defaultExpanded={ isDefaultExpanded( value.label ) }
+								defaultExpanded={ isDefaultExpanded( value.id ) }
 							>
 								{ sectionItems }
 							</Section>

package/src/hooks/use-default-panel-settings.ts

@@ -1,5 +1,3 @@
-import { createContext, useContext } from 'react';
-
 import { useElement } from '../contexts/element-context';
 
 type Defaults = {
@@ -7,15 +5,17 @@ type Defaults = {
 	defaultTab: string;
 };
 
+export type { Defaults as ElementPanelDefaults };
+
 const fallbackEditorSettings: Defaults = {
 	defaultSectionsExpanded: {
-		settings: [ 'Content', 'Settings' ],
+		settings: [ 'content', 'settings' ],
 		style: [],
 	},
 	defaultTab: 'settings',
 };
 
-const defaultPanelSettingsContext = createContext< Record< string, Defaults | undefined > >( {
+const elementPanelDefaults: Record< string, Defaults > = {
 	'e-div-block': {
 		defaultSectionsExpanded: fallbackEditorSettings.defaultSectionsExpanded,
 		defaultTab: 'style',
@@ -32,10 +32,13 @@ const defaultPanelSettingsContext = createContext< Record< string, Defaults | un
 		defaultSectionsExpanded: fallbackEditorSettings.defaultSectionsExpanded,
 		defaultTab: 'style',
 	},
-} );
+};
+
+export function registerElementPanelDefaults( type: string, defaults: Defaults ): void {
+	elementPanelDefaults[ type ] = defaults;
+}
 
 export const useDefaultPanelSettings = () => {
 	const { element } = useElement();
-	const defaults = useContext( defaultPanelSettingsContext )[ element.type ];
-	return defaults || fallbackEditorSettings;
+	return elementPanelDefaults[ element.type ] ?? fallbackEditorSettings;
 };

package/src/index.ts

@@ -27,6 +27,7 @@ export { usePanelActions, usePanelStatus } from './panel';
 export { registerStyleProviderToColors } from './provider-colors-registry';
 export { getFieldIndicators, registerFieldIndicator, FIELD_TYPE } from './field-indicators-registry';
 export { registerEditingPanelReplacement } from './editing-panel-replacement-registry';
+export { registerElementPanelDefaults, type ElementPanelDefaults } from './hooks/use-default-panel-settings';
 
 export { doApplyClasses, doGetAppliedClasses, doUnapplyClass } from './apply-unapply-actions';
 export { setLicenseConfig } from './hooks/use-license-config';