@elementor/editor-editing-panel 4.1.0-730 → 4.1.0-732

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 +4 -33
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +4 -33
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +21 -21
  6. package/src/styles-inheritance/components/styles-inheritance-infotip.tsx +1 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elementor/editor-editing-panel",
3
- "version": "4.1.0-730",
3
+ "version": "4.1.0-732",
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-730",
43
- "@elementor/editor-canvas": "4.1.0-730",
44
- "@elementor/editor-controls": "4.1.0-730",
45
- "@elementor/editor-documents": "4.1.0-730",
46
- "@elementor/editor-elements": "4.1.0-730",
47
- "@elementor/editor-interactions": "4.1.0-730",
48
- "@elementor/editor-panels": "4.1.0-730",
49
- "@elementor/editor-props": "4.1.0-730",
50
- "@elementor/editor-responsive": "4.1.0-730",
51
- "@elementor/editor-styles": "4.1.0-730",
52
- "@elementor/editor-styles-repository": "4.1.0-730",
53
- "@elementor/editor-ui": "4.1.0-730",
54
- "@elementor/editor-v1-adapters": "4.1.0-730",
42
+ "@elementor/editor": "4.1.0-732",
43
+ "@elementor/editor-canvas": "4.1.0-732",
44
+ "@elementor/editor-controls": "4.1.0-732",
45
+ "@elementor/editor-documents": "4.1.0-732",
46
+ "@elementor/editor-elements": "4.1.0-732",
47
+ "@elementor/editor-interactions": "4.1.0-732",
48
+ "@elementor/editor-panels": "4.1.0-732",
49
+ "@elementor/editor-props": "4.1.0-732",
50
+ "@elementor/editor-responsive": "4.1.0-732",
51
+ "@elementor/editor-styles": "4.1.0-732",
52
+ "@elementor/editor-styles-repository": "4.1.0-732",
53
+ "@elementor/editor-ui": "4.1.0-732",
54
+ "@elementor/editor-v1-adapters": "4.1.0-732",
55
55
  "@elementor/icons": "^1.68.0",
56
- "@elementor/editor-variables": "4.1.0-730",
57
- "@elementor/locations": "4.1.0-730",
58
- "@elementor/menus": "4.1.0-730",
59
- "@elementor/schema": "4.1.0-730",
60
- "@elementor/session": "4.1.0-730",
56
+ "@elementor/editor-variables": "4.1.0-732",
57
+ "@elementor/locations": "4.1.0-732",
58
+ "@elementor/menus": "4.1.0-732",
59
+ "@elementor/schema": "4.1.0-732",
60
+ "@elementor/session": "4.1.0-732",
61
61
  "@elementor/ui": "1.36.17",
62
- "@elementor/utils": "4.1.0-730",
63
- "@elementor/wp-media": "4.1.0-730",
62
+ "@elementor/utils": "4.1.0-732",
63
+ "@elementor/wp-media": "4.1.0-732",
64
64
  "@wordpress/i18n": "^5.13.0"
65
65
  },
66
66
  "peerDependencies": {
package/src/styles-inheritance/components/styles-inheritance-infotip.tsx CHANGED
@@ -21,7 +21,6 @@ import {
21
21
  } from '@elementor/ui';
22
22
  import { __ } from '@wordpress/i18n';
23
23
 
24
- import { useDirection } from '../../hooks/use-direction';
25
24
  import { useNormalizedInheritanceChainItems } from '../hooks/use-normalized-inheritance-chain-items';
26
25
  import { type SnapshotPropValue } from '../types';
27
26
  import { ActionIcons, BreakpointIcon, LabelChip, ValueComponent } from './infotip';
@@ -169,8 +168,6 @@ export const StylesInheritanceInfotip = ( {
169
168
  onClose={ closeInfotip }
170
169
  infotipContent={ infotipContent }
171
170
  isDisabled={ isDisabled }
172
- triggerRef={ triggerRef }
173
- sectionWidth={ sectionWidth }
174
171
  >
175
172
  <IconButton
176
173
  onClick={ toggleInfotip }
@@ -191,29 +188,18 @@ function TooltipOrInfotip( {
191
188
  onClose,
192
189
  infotipContent,
193
190
  isDisabled,
194
- triggerRef,
195
- sectionWidth,
196
191
  }: {
197
192
  children: React.ReactNode;
198
193
  showInfotip: boolean;
199
194
  onClose: () => void;
200
195
  infotipContent: React.ReactNode;
201
196
  isDisabled?: boolean;
202
- triggerRef: React.RefObject< HTMLDivElement >;
203
- sectionWidth: number;
204
197
  } ) {
205
- const direction = useDirection();
206
- const isSiteRtl = direction.isSiteRtl;
207
-
208
198
  if ( isDisabled ) {
209
199
  return <Box sx={ { display: 'inline-flex' } }>{ children }</Box>;
210
200
  }
211
201
 
212
202
  if ( showInfotip ) {
213
- const triggerRect = triggerRef.current?.getBoundingClientRect();
214
- const cardWidth = Math.min( sectionWidth - SECTION_PADDING_INLINE, INFOTIP_MAX_WIDTH );
215
- const offsetX = calculatePopoverOffset( triggerRect, cardWidth, isSiteRtl );
216
-
217
203
  return (
218
204
  <>
219
205
  <Backdrop
@@ -225,24 +211,11 @@ function TooltipOrInfotip( {
225
211
  } }
226
212
  />
227
213
  <Infotip
228
- placement="top"
214
+ placement="top-end"
229
215
  content={ infotipContent }
230
216
  open={ showInfotip }
231
217
  onClose={ onClose }
232
218
  disableHoverListener
233
- componentsProps={ {
234
- tooltip: {
235
- sx: { mx: 2 },
236
- },
237
- } }
238
- PopperProps={ {
239
- modifiers: [
240
- {
241
- name: 'offset',
242
- options: { offset: [ offsetX, 0 ] },
243
- },
244
- ],
245
- } }
246
219
  >
247
220
  { children }
248
221
  </Infotip>