@elementor/editor-editing-panel 4.1.0-745 → 4.1.0-747

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.mts +3 -3
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +30 -26
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +9 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +21 -21
  8. package/src/components/editing-panel-tabs.tsx +14 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elementor/editor-editing-panel",
3
- "version": "4.1.0-745",
3
+ "version": "4.1.0-747",
4
4
  "private": false,
5
5
  "author": "Elementor Team",
6
6
  "homepage": "https://elementor.com/",
@@ -39,28 +39,28 @@
39
39
  "dev": "tsup --config=../../tsup.dev.ts"
40
40
  },
41
41
  "dependencies": {
42
- "@elementor/editor": "4.1.0-745",
43
- "@elementor/editor-canvas": "4.1.0-745",
44
- "@elementor/editor-controls": "4.1.0-745",
45
- "@elementor/editor-documents": "4.1.0-745",
46
- "@elementor/editor-elements": "4.1.0-745",
47
- "@elementor/editor-interactions": "4.1.0-745",
48
- "@elementor/editor-panels": "4.1.0-745",
49
- "@elementor/editor-props": "4.1.0-745",
50
- "@elementor/editor-responsive": "4.1.0-745",
51
- "@elementor/editor-styles": "4.1.0-745",
52
- "@elementor/editor-styles-repository": "4.1.0-745",
53
- "@elementor/editor-ui": "4.1.0-745",
54
- "@elementor/editor-v1-adapters": "4.1.0-745",
42
+ "@elementor/editor": "4.1.0-747",
43
+ "@elementor/editor-canvas": "4.1.0-747",
44
+ "@elementor/editor-controls": "4.1.0-747",
45
+ "@elementor/editor-documents": "4.1.0-747",
46
+ "@elementor/editor-elements": "4.1.0-747",
47
+ "@elementor/editor-interactions": "4.1.0-747",
48
+ "@elementor/editor-panels": "4.1.0-747",
49
+ "@elementor/editor-props": "4.1.0-747",
50
+ "@elementor/editor-responsive": "4.1.0-747",
51
+ "@elementor/editor-styles": "4.1.0-747",
52
+ "@elementor/editor-styles-repository": "4.1.0-747",
53
+ "@elementor/editor-ui": "4.1.0-747",
54
+ "@elementor/editor-v1-adapters": "4.1.0-747",
55
55
  "@elementor/icons": "^1.68.0",
56
- "@elementor/editor-variables": "4.1.0-745",
57
- "@elementor/locations": "4.1.0-745",
58
- "@elementor/menus": "4.1.0-745",
59
- "@elementor/schema": "4.1.0-745",
60
- "@elementor/session": "4.1.0-745",
56
+ "@elementor/editor-variables": "4.1.0-747",
57
+ "@elementor/locations": "4.1.0-747",
58
+ "@elementor/menus": "4.1.0-747",
59
+ "@elementor/schema": "4.1.0-747",
60
+ "@elementor/session": "4.1.0-747",
61
61
  "@elementor/ui": "1.36.17",
62
- "@elementor/utils": "4.1.0-745",
63
- "@elementor/wp-media": "4.1.0-745",
62
+ "@elementor/utils": "4.1.0-747",
63
+ "@elementor/wp-media": "4.1.0-747",
64
64
  "@wordpress/i18n": "^5.13.0"
65
65
  },
66
66
  "peerDependencies": {
package/src/components/editing-panel-tabs.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Fragment } from 'react';
2
2
  import * as React from 'react';
3
+ import { getWidgetsCache } from '@elementor/editor-elements';
3
4
  import { isExperimentActive } from '@elementor/editor-v1-adapters';
4
5
  import { Divider, Stack, Tab, TabPanel, Tabs, useTabs } from '@elementor/ui';
5
6
  import { __ } from '@wordpress/i18n';
@@ -16,6 +17,7 @@ type TabValue = 'settings' | 'style' | 'interactions';
16
17
 
17
18
  export const EditingPanelTabs = () => {
18
19
  const { element } = useElement();
20
+
19
21
  return (
20
22
  // When switching between elements, the local states should be reset. We are using key to rerender the tabs.
21
23
  // Reference: https://react.dev/learn/preserving-and-resetting-state#resetting-a-form-with-a-key
@@ -26,11 +28,14 @@ export const EditingPanelTabs = () => {
26
28
  };
27
29
 
28
30
  const PanelTabContent = () => {
31
+ const { element } = useElement();
29
32
  const editorDefaults = useDefaultPanelSettings();
30
33
  const defaultComponentTab = editorDefaults.defaultTab as TabValue;
31
34
  const isInteractionsActive = isExperimentActive( 'e_interactions' );
35
+ const isPromotedElement = !! getWidgetsCache()?.[ element.type ]?.meta?.is_pro_promotion;
32
36
 
33
- const [ currentTab, setCurrentTab ] = useStateByElement< TabValue >( 'tab', defaultComponentTab );
37
+ const [ storedTab, setCurrentTab ] = useStateByElement< TabValue >( 'tab', defaultComponentTab );
38
+ const currentTab = isPromotedElement && storedTab === 'settings' ? 'style' : storedTab;
34
39
  const { getTabProps, getTabPanelProps, getTabsProps } = useTabs< TabValue >( currentTab );
35
40
  return (
36
41
  <ScrollProvider>
@@ -46,7 +51,9 @@ const PanelTabContent = () => {
46
51
  setCurrentTab( newValue );
47
52
  } }
48
53
  >
49
- <Tab label={ __( 'General', 'elementor' ) } { ...getTabProps( 'settings' ) } />
54
+ { ! isPromotedElement && (
55
+ <Tab label={ __( 'General', 'elementor' ) } { ...getTabProps( 'settings' ) } />
56
+ ) }
50
57
  <Tab label={ __( 'Style', 'elementor' ) } { ...getTabProps( 'style' ) } />
51
58
  { isInteractionsActive && (
52
59
  <Tab label={ __( 'Interactions', 'elementor' ) } { ...getTabProps( 'interactions' ) } />
@@ -54,9 +61,11 @@ const PanelTabContent = () => {
54
61
  </Tabs>
55
62
  <Divider />
56
63
  </Stack>
57
- <TabPanel { ...getTabPanelProps( 'settings' ) } disablePadding>
58
- <SettingsTab />
59
- </TabPanel>
64
+ { ! isPromotedElement && (
65
+ <TabPanel { ...getTabPanelProps( 'settings' ) } disablePadding>
66
+ <SettingsTab />
67
+ </TabPanel>
68
+ ) }
60
69
  <TabPanel { ...getTabPanelProps( 'style' ) } disablePadding>
61
70
  <StyleTab />
62
71
  </TabPanel>