@elementor/editor-controls 4.0.0-539 → 4.0.0-541

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-controls",
3
3
  "description": "This package contains the controls model and utils for the Elementor editor",
4
- "version": "4.0.0-539",
4
+ "version": "4.0.0-541",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -40,22 +40,22 @@
40
40
  "dev": "tsup --config=../../tsup.dev.ts"
41
41
  },
42
42
  "dependencies": {
43
- "@elementor/editor-current-user": "4.0.0-539",
44
- "@elementor/editor-elements": "4.0.0-539",
45
- "@elementor/editor-props": "4.0.0-539",
46
- "@elementor/editor-responsive": "4.0.0-539",
47
- "@elementor/editor-ui": "4.0.0-539",
48
- "@elementor/editor-v1-adapters": "4.0.0-539",
49
- "@elementor/env": "4.0.0-539",
50
- "@elementor/http-client": "4.0.0-539",
43
+ "@elementor/editor-current-user": "4.0.0-541",
44
+ "@elementor/editor-elements": "4.0.0-541",
45
+ "@elementor/editor-props": "4.0.0-541",
46
+ "@elementor/editor-responsive": "4.0.0-541",
47
+ "@elementor/editor-ui": "4.0.0-541",
48
+ "@elementor/editor-v1-adapters": "4.0.0-541",
49
+ "@elementor/env": "4.0.0-541",
50
+ "@elementor/http-client": "4.0.0-541",
51
51
  "@elementor/icons": "^1.63.0",
52
- "@elementor/locations": "4.0.0-539",
53
- "@elementor/mixpanel": "4.0.0-539",
54
- "@elementor/query": "4.0.0-539",
55
- "@elementor/session": "4.0.0-539",
52
+ "@elementor/locations": "4.0.0-541",
53
+ "@elementor/mixpanel": "4.0.0-541",
54
+ "@elementor/query": "4.0.0-541",
55
+ "@elementor/session": "4.0.0-541",
56
56
  "@elementor/ui": "1.36.17",
57
- "@elementor/utils": "4.0.0-539",
58
- "@elementor/wp-media": "4.0.0-539",
57
+ "@elementor/utils": "4.0.0-541",
58
+ "@elementor/wp-media": "4.0.0-541",
59
59
  "@wordpress/i18n": "^5.13.0",
60
60
  "@monaco-editor/react": "^4.7.0",
61
61
  "dayjs": "^1.11.18",
@@ -115,8 +115,13 @@ export const ToggleButtonGroupUi = React.forwardRef(
115
115
  const isOffLimits = menuItems?.length;
116
116
  const itemsCount = isOffLimits ? fixedItems.length + 1 : fixedItems.length;
117
117
  const templateColumnsSuffix = isOffLimits ? 'auto' : '';
118
+
119
+ if ( fullWidth ) {
120
+ return `repeat(${ itemsCount }, 1fr) ${ templateColumnsSuffix }`;
121
+ }
122
+
118
123
  return `repeat(${ itemsCount }, minmax(0, 25%)) ${ templateColumnsSuffix }`;
119
- }, [ menuItems?.length, fixedItems.length ] );
124
+ }, [ menuItems?.length, fixedItems.length, fullWidth ] );
120
125
 
121
126
  const shouldShowExclusivePlaceholder = exclusive && ( value === null || value === undefined || value === '' );
122
127
 
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { useMemo, useRef } from 'react';
3
3
  import { keyValuePropTypeUtil, type KeyValuePropValue, type StringPropValue } from '@elementor/editor-props';
4
- import { PromotionChip } from '@elementor/editor-ui';
5
- import { ChevronDownIcon, CrownFilledIcon, VariationsIcon } from '@elementor/icons';
6
- import { Alert, bindPopover, bindTrigger, Box, Popover, UnstableTag, usePopupState } from '@elementor/ui';
4
+ import { PromotionAlert, PromotionChip } from '@elementor/editor-ui';
5
+ import { ChevronDownIcon, VariationsIcon } from '@elementor/icons';
6
+ import { bindPopover, bindTrigger, Box, Popover, UnstableTag, usePopupState } from '@elementor/ui';
7
7
  import { __ } from '@wordpress/i18n';
8
8
 
9
9
  import { useBoundProp } from '../../bound-prop-context';
@@ -164,32 +164,13 @@ export const TransitionSelector = ( {
164
164
  ) }
165
165
  footer={
166
166
  showPromotion ? (
167
- <Alert
168
- variant="standard"
169
- color="promotion"
170
- icon={ false }
171
- role="dialog"
172
- aria-label="promotion-alert"
173
- size="small"
174
- sx={ { m: 1.5, mt: 0 } }
175
- >
176
- { __( 'Upgrade to customize transition properties and control effects.', 'elementor' ) }
177
- <Box
178
- component="a"
179
- href={ PRO_UPGRADE_URL }
180
- target="_blank"
181
- rel="noopener noreferrer"
182
- sx={ {
183
- display: 'flex',
184
- alignItems: 'center',
185
- gap: 0.5,
186
- color: 'promotion.main',
187
- } }
188
- >
189
- <CrownFilledIcon fontSize="tiny" />
190
- { __( 'Upgrade now', 'elementor' ) }
191
- </Box>
192
- </Alert>
167
+ <PromotionAlert
168
+ message={ __(
169
+ 'Upgrade to customize transition properties and control effects.',
170
+ 'elementor'
171
+ ) }
172
+ upgradeUrl={ PRO_UPGRADE_URL }
173
+ />
193
174
  ) : null
194
175
  }
195
176
  />