@elementor/editor-components 3.35.0-347 → 3.35.0-348

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 +33 -7
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +58 -32
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +21 -21
  6. package/src/components/components-tab/components-item.tsx +32 -13
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-347",
4
+ "version": "3.35.0-348",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -40,29 +40,29 @@
40
40
  "dev": "tsup --config=../../tsup.dev.ts"
41
41
  },
42
42
  "dependencies": {
43
- "@elementor/editor": "3.35.0-347",
44
- "@elementor/editor-canvas": "3.35.0-347",
45
- "@elementor/editor-controls": "3.35.0-347",
46
- "@elementor/editor-documents": "3.35.0-347",
47
- "@elementor/editor-editing-panel": "3.35.0-347",
48
- "@elementor/editor-elements": "3.35.0-347",
49
- "@elementor/editor-elements-panel": "3.35.0-347",
50
- "@elementor/editor-mcp": "3.35.0-347",
51
- "@elementor/editor-panels": "3.35.0-347",
52
- "@elementor/editor-props": "3.35.0-347",
53
- "@elementor/editor-styles-repository": "3.35.0-347",
54
- "@elementor/editor-ui": "3.35.0-347",
55
- "@elementor/editor-v1-adapters": "3.35.0-347",
56
- "@elementor/http-client": "3.35.0-347",
43
+ "@elementor/editor": "3.35.0-348",
44
+ "@elementor/editor-canvas": "3.35.0-348",
45
+ "@elementor/editor-controls": "3.35.0-348",
46
+ "@elementor/editor-documents": "3.35.0-348",
47
+ "@elementor/editor-editing-panel": "3.35.0-348",
48
+ "@elementor/editor-elements": "3.35.0-348",
49
+ "@elementor/editor-elements-panel": "3.35.0-348",
50
+ "@elementor/editor-mcp": "3.35.0-348",
51
+ "@elementor/editor-panels": "3.35.0-348",
52
+ "@elementor/editor-props": "3.35.0-348",
53
+ "@elementor/editor-styles-repository": "3.35.0-348",
54
+ "@elementor/editor-ui": "3.35.0-348",
55
+ "@elementor/editor-v1-adapters": "3.35.0-348",
56
+ "@elementor/http-client": "3.35.0-348",
57
57
  "@elementor/icons": "^1.62.0",
58
- "@elementor/mixpanel": "3.35.0-347",
59
- "@elementor/query": "3.35.0-347",
60
- "@elementor/schema": "3.35.0-347",
61
- "@elementor/store": "3.35.0-347",
58
+ "@elementor/mixpanel": "3.35.0-348",
59
+ "@elementor/query": "3.35.0-348",
60
+ "@elementor/schema": "3.35.0-348",
61
+ "@elementor/store": "3.35.0-348",
62
62
  "@elementor/ui": "1.36.17",
63
- "@elementor/utils": "3.35.0-347",
63
+ "@elementor/utils": "3.35.0-348",
64
64
  "@wordpress/i18n": "^5.13.0",
65
- "@elementor/editor-notifications": "3.35.0-347"
65
+ "@elementor/editor-notifications": "3.35.0-348"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "react": "^18.3.1",
package/src/components/components-tab/components-item.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { endDragElementFromPanel, startDragElementFromPanel } from '@elementor/editor-canvas';
3
3
  import { dropElement, type DropElementParams, type V1ElementData } from '@elementor/editor-elements';
4
- import { MenuListItem } from '@elementor/editor-ui';
4
+ import { EllipsisWithTooltip, MenuListItem } from '@elementor/editor-ui';
5
5
  import { ComponentsIcon, DotsVerticalIcon } from '@elementor/icons';
6
6
  import {
7
7
  bindMenu,
@@ -10,8 +10,8 @@ import {
10
10
  IconButton,
11
11
  ListItemButton,
12
12
  ListItemIcon,
13
- ListItemText,
14
13
  Menu,
14
+ Stack,
15
15
  Typography,
16
16
  usePopupState,
17
17
  } from '@elementor/ui';
@@ -55,25 +55,44 @@ export const ComponentItem = ( { component }: ComponentItemProps ) => {
55
55
  };
56
56
 
57
57
  return (
58
- <>
58
+ <Stack>
59
59
  <ListItemButton
60
60
  draggable
61
61
  onDragStart={ () => startDragElementFromPanel( componentModel ) }
62
62
  onDragEnd={ handleDragEnd }
63
63
  shape="rounded"
64
- sx={ { border: 'solid 1px', borderColor: 'divider', py: 0.5, px: 1 } }
64
+ sx={ {
65
+ border: 'solid 1px',
66
+ borderColor: 'divider',
67
+ py: 0.5,
68
+ px: 1,
69
+ display: 'flex',
70
+ width: '100%',
71
+ alignItems: 'center',
72
+ gap: 1,
73
+ } }
65
74
  >
66
- <Box sx={ { display: 'flex', width: '100%', alignItems: 'center', gap: 1 } } onClick={ handleClick }>
75
+ <Box
76
+ onClick={ handleClick }
77
+ sx={ {
78
+ display: 'flex',
79
+ alignItems: 'center',
80
+ gap: 1,
81
+ minWidth: 0,
82
+ flexGrow: 1,
83
+ } }
84
+ >
67
85
  <ListItemIcon size="tiny">
68
86
  <ComponentsIcon fontSize="tiny" />
69
87
  </ListItemIcon>
70
- <ListItemText
71
- primary={
72
- <Typography variant="caption" sx={ { color: 'text.primary' } }>
73
- { component.name }
74
- </Typography>
75
- }
76
- />
88
+ <Box display="flex" flex={ 1 } minWidth={ 0 } flexGrow={ 1 }>
89
+ <EllipsisWithTooltip
90
+ title={ component.name }
91
+ as={ Typography }
92
+ variant="caption"
93
+ color="text.primary"
94
+ />
95
+ </Box>
77
96
  </Box>
78
97
  <IconButton size="tiny" { ...bindTrigger( popupState ) } aria-label="More actions">
79
98
  <DotsVerticalIcon fontSize="tiny" />
@@ -94,7 +113,7 @@ export const ComponentItem = ( { component }: ComponentItemProps ) => {
94
113
  { __( 'Archive', 'elementor' ) }
95
114
  </MenuListItem>
96
115
  </Menu>
97
- </>
116
+ </Stack>
98
117
  );
99
118
  };
100
119