@elementor/editor-editing-panel 4.4.0-1135 → 4.4.0-1137

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 (6) hide show
  1. package/dist/index.js +10 -7
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +10 -7
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +25 -25
  6. package/src/components/editing-panel-tabs.tsx +20 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elementor/editor-editing-panel",
3
- "version": "4.4.0-1135",
3
+ "version": "4.4.0-1137",
4
4
  "private": false,
5
5
  "author": "Elementor Team",
6
6
  "homepage": "https://elementor.com/",
@@ -39,32 +39,32 @@
39
39
  "dev": "tsup --config=../../tsup.dev.ts"
40
40
  },
41
41
  "dependencies": {
42
- "@elementor/editor": "4.4.0-1135",
43
- "@elementor/editor-canvas": "4.4.0-1135",
44
- "@elementor/editor-controls": "4.4.0-1135",
45
- "@elementor/editor-current-user": "4.4.0-1135",
46
- "@elementor/editor-documents": "4.4.0-1135",
47
- "@elementor/editor-elements": "4.4.0-1135",
48
- "@elementor/editor-interactions": "4.4.0-1135",
49
- "@elementor/editor-notifications": "4.4.0-1135",
50
- "@elementor/editor-panels": "4.4.0-1135",
51
- "@elementor/editor-props": "4.4.0-1135",
52
- "@elementor/editor-responsive": "4.4.0-1135",
53
- "@elementor/editor-styles": "4.4.0-1135",
54
- "@elementor/editor-styles-repository": "4.4.0-1135",
55
- "@elementor/editor-ui": "4.4.0-1135",
56
- "@elementor/editor-v1-adapters": "4.4.0-1135",
57
- "@elementor/http-client": "4.4.0-1135",
42
+ "@elementor/editor": "4.4.0-1137",
43
+ "@elementor/editor-canvas": "4.4.0-1137",
44
+ "@elementor/editor-controls": "4.4.0-1137",
45
+ "@elementor/editor-current-user": "4.4.0-1137",
46
+ "@elementor/editor-documents": "4.4.0-1137",
47
+ "@elementor/editor-elements": "4.4.0-1137",
48
+ "@elementor/editor-interactions": "4.4.0-1137",
49
+ "@elementor/editor-notifications": "4.4.0-1137",
50
+ "@elementor/editor-panels": "4.4.0-1137",
51
+ "@elementor/editor-props": "4.4.0-1137",
52
+ "@elementor/editor-responsive": "4.4.0-1137",
53
+ "@elementor/editor-styles": "4.4.0-1137",
54
+ "@elementor/editor-styles-repository": "4.4.0-1137",
55
+ "@elementor/editor-ui": "4.4.0-1137",
56
+ "@elementor/editor-v1-adapters": "4.4.0-1137",
57
+ "@elementor/http-client": "4.4.0-1137",
58
58
  "@elementor/icons": "~1.78.1",
59
- "@elementor/editor-variables": "4.4.0-1135",
60
- "@elementor/locations": "4.4.0-1135",
61
- "@elementor/menus": "4.4.0-1135",
62
- "@elementor/query": "4.4.0-1135",
63
- "@elementor/schema": "4.4.0-1135",
64
- "@elementor/session": "4.4.0-1135",
59
+ "@elementor/editor-variables": "4.4.0-1137",
60
+ "@elementor/locations": "4.4.0-1137",
61
+ "@elementor/menus": "4.4.0-1137",
62
+ "@elementor/query": "4.4.0-1137",
63
+ "@elementor/schema": "4.4.0-1137",
64
+ "@elementor/session": "4.4.0-1137",
65
65
  "@elementor/ui": "1.41.3",
66
- "@elementor/utils": "4.4.0-1135",
67
- "@elementor/wp-media": "4.4.0-1135",
66
+ "@elementor/utils": "4.4.0-1137",
67
+ "@elementor/wp-media": "4.4.0-1137",
68
68
  "@wordpress/i18n": "^5.13.0"
69
69
  },
70
70
  "peerDependencies": {
package/src/components/editing-panel-tabs.tsx CHANGED
@@ -36,14 +36,16 @@ const PanelTabContent = () => {
36
36
  const { element } = useElement();
37
37
  const editorDefaults = useDefaultPanelSettings();
38
38
  const defaultComponentTab = editorDefaults.defaultTab as TabValue;
39
- const isPromotedElement = !! getWidgetsCache()?.[ element.type ]?.meta?.is_pro_promotion;
39
+ const elementMeta = getWidgetsCache()?.[ element.type ]?.meta;
40
+ const isPromotedElement = !! elementMeta?.is_pro_promotion;
41
+ const hasDesignTabs = ! elementMeta?.hide_design_tabs;
40
42
  const hasContentOnlyAccess = useHasContentOnlyAccess();
41
43
 
42
44
  // A promoted element has no General tab, and its Style tab only renders an upsell, so restricting it would leave the panel empty.
43
45
  const areDesignTabsRestricted = hasContentOnlyAccess && ! isPromotedElement;
44
46
 
45
47
  const [ storedTab, setCurrentTab ] = useStateByElement< TabValue >( 'tab', defaultComponentTab );
46
- const currentTab = resolveCurrentTab( { storedTab, isPromotedElement, areDesignTabsRestricted } );
48
+ const currentTab = resolveCurrentTab( { storedTab, isPromotedElement, areDesignTabsRestricted, hasDesignTabs } );
47
49
  const { getTabProps, getTabPanelProps, getTabsProps } = useTabs< TabValue >( currentTab );
48
50
 
49
51
  const getDesignTabProps = ( tab: TabValue ) => ( {
@@ -76,14 +78,18 @@ const PanelTabContent = () => {
76
78
  { ! isPromotedElement && (
77
79
  <Tab label={ __( 'General', 'elementor' ) } { ...getTabProps( 'settings' ) } />
78
80
  ) }
79
- <Tab
80
- label={ withRestrictionInfotip( __( 'Style', 'elementor' ) ) }
81
- { ...getDesignTabProps( 'style' ) }
82
- />
83
- <Tab
84
- label={ withRestrictionInfotip( __( 'Interactions', 'elementor' ) ) }
85
- { ...getDesignTabProps( 'interactions' ) }
86
- />
81
+ { hasDesignTabs && (
82
+ <Tab
83
+ label={ withRestrictionInfotip( __( 'Style', 'elementor' ) ) }
84
+ { ...getDesignTabProps( 'style' ) }
85
+ />
86
+ ) }
87
+ { hasDesignTabs && (
88
+ <Tab
89
+ label={ withRestrictionInfotip( __( 'Interactions', 'elementor' ) ) }
90
+ { ...getDesignTabProps( 'interactions' ) }
91
+ />
92
+ ) }
87
93
  </Tabs>
88
94
  <Divider />
89
95
  </Stack>
@@ -92,7 +98,7 @@ const PanelTabContent = () => {
92
98
  <SettingsTab />
93
99
  </TabPanel>
94
100
  ) }
95
- { ! areDesignTabsRestricted && (
101
+ { hasDesignTabs && ! areDesignTabsRestricted && (
96
102
  <>
97
103
  <TabPanel { ...getTabPanelProps( 'style' ) } disablePadding>
98
104
  <StyleTab />
@@ -111,12 +117,14 @@ const resolveCurrentTab = ( {
111
117
  storedTab,
112
118
  isPromotedElement,
113
119
  areDesignTabsRestricted,
120
+ hasDesignTabs,
114
121
  }: {
115
122
  storedTab: TabValue;
116
123
  isPromotedElement: boolean;
117
124
  areDesignTabsRestricted: boolean;
125
+ hasDesignTabs: boolean;
118
126
  } ): TabValue => {
119
- if ( areDesignTabsRestricted && DESIGN_TABS.includes( storedTab ) ) {
127
+ if ( ( areDesignTabsRestricted || ! hasDesignTabs ) && DESIGN_TABS.includes( storedTab ) ) {
120
128
  return CONTENT_ONLY_TAB;
121
129
  }
122
130