@elementor/editor-components 3.35.0-466 → 3.35.0-468

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elementor/editor-components",
3
3
  "description": "Elementor editor components",
4
- "version": "3.35.0-466",
4
+ "version": "3.35.0-468",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -40,30 +40,30 @@
40
40
  "dev": "tsup --config=../../tsup.dev.ts"
41
41
  },
42
42
  "dependencies": {
43
- "@elementor/editor": "3.35.0-466",
44
- "@elementor/editor-canvas": "3.35.0-466",
45
- "@elementor/editor-controls": "3.35.0-466",
46
- "@elementor/editor-documents": "3.35.0-466",
47
- "@elementor/editor-editing-panel": "3.35.0-466",
48
- "@elementor/editor-elements": "3.35.0-466",
49
- "@elementor/editor-elements-panel": "3.35.0-466",
50
- "@elementor/editor-mcp": "3.35.0-466",
51
- "@elementor/editor-panels": "3.35.0-466",
52
- "@elementor/editor-props": "3.35.0-466",
53
- "@elementor/editor-styles-repository": "3.35.0-466",
54
- "@elementor/editor-ui": "3.35.0-466",
55
- "@elementor/editor-v1-adapters": "3.35.0-466",
56
- "@elementor/http-client": "3.35.0-466",
43
+ "@elementor/editor": "3.35.0-468",
44
+ "@elementor/editor-canvas": "3.35.0-468",
45
+ "@elementor/editor-controls": "3.35.0-468",
46
+ "@elementor/editor-documents": "3.35.0-468",
47
+ "@elementor/editor-editing-panel": "3.35.0-468",
48
+ "@elementor/editor-elements": "3.35.0-468",
49
+ "@elementor/editor-elements-panel": "3.35.0-468",
50
+ "@elementor/editor-mcp": "3.35.0-468",
51
+ "@elementor/editor-panels": "3.35.0-468",
52
+ "@elementor/editor-props": "3.35.0-468",
53
+ "@elementor/editor-styles-repository": "3.35.0-468",
54
+ "@elementor/editor-ui": "3.35.0-468",
55
+ "@elementor/editor-v1-adapters": "3.35.0-468",
56
+ "@elementor/http-client": "3.35.0-468",
57
57
  "@elementor/icons": "^1.63.0",
58
- "@elementor/mixpanel": "3.35.0-466",
59
- "@elementor/query": "3.35.0-466",
60
- "@elementor/schema": "3.35.0-466",
61
- "@elementor/store": "3.35.0-466",
58
+ "@elementor/mixpanel": "3.35.0-468",
59
+ "@elementor/query": "3.35.0-468",
60
+ "@elementor/schema": "3.35.0-468",
61
+ "@elementor/store": "3.35.0-468",
62
62
  "@elementor/ui": "1.36.17",
63
- "@elementor/utils": "3.35.0-466",
63
+ "@elementor/utils": "3.35.0-468",
64
64
  "@wordpress/i18n": "^5.13.0",
65
- "@elementor/editor-notifications": "3.35.0-466",
66
- "@elementor/editor-current-user": "3.35.0-466"
65
+ "@elementor/editor-notifications": "3.35.0-468",
66
+ "@elementor/editor-current-user": "3.35.0-468"
67
67
  },
68
68
  "peerDependencies": {
69
69
  "react": "^18.3.1",
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { useEffect, useRef } from 'react';
3
3
  import { ComponentPropListIcon } from '@elementor/icons';
4
- import { Badge, Box, keyframes, styled, ToggleButton } from '@elementor/ui';
4
+ import { Badge, Box, keyframes, styled, ToggleButton, Tooltip } from '@elementor/ui';
5
5
  import { __ } from '@wordpress/i18n';
6
6
 
7
7
  export const ComponentsBadge = React.forwardRef<
@@ -26,14 +26,16 @@ export const ComponentsBadge = React.forwardRef<
26
26
  </Box>
27
27
  }
28
28
  >
29
- <ToggleButton
30
- value="exposed properties"
31
- size="tiny"
32
- onClick={ onClick }
33
- aria-label={ __( 'View exposed properties', 'elementor' ) }
34
- >
35
- <ComponentPropListIcon fontSize="tiny" />
36
- </ToggleButton>
29
+ <Tooltip title={ __( 'Component properties', 'elementor' ) }>
30
+ <ToggleButton
31
+ value="exposed properties"
32
+ size="tiny"
33
+ onClick={ onClick }
34
+ aria-label={ __( 'Component properties', 'elementor' ) }
35
+ >
36
+ <ComponentPropListIcon fontSize="tiny" />
37
+ </ToggleButton>
38
+ </Tooltip>
37
39
  </StyledBadge>
38
40
  );
39
41
  } );
@@ -52,7 +52,7 @@ export function InstanceEditingPanel() {
52
52
  <PanelHeader sx={ { justifyContent: 'start', px: 2 } }>
53
53
  <Stack direction="row" alignItems="center" flexGrow={ 1 } gap={ 1 } maxWidth="100%">
54
54
  <ComponentsIcon fontSize="small" sx={ { color: 'text.tertiary' } } />
55
- <EllipsisWithTooltip title={ component.name } as={ PanelHeaderTitle } />
55
+ <EllipsisWithTooltip title={ component.name } as={ PanelHeaderTitle } sx={ { flexGrow: 1 } } />
56
56
  { canEdit && (
57
57
  <Tooltip title={ panelTitle }>
58
58
  <IconButton size="tiny" onClick={ handleEditComponent } aria-label={ panelTitle }>