@elementor/editor-variables 4.0.0-499 → 4.0.0-501

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 (10) hide show
  1. package/dist/index.js +21 -23
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +10 -12
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +15 -15
  6. package/src/components/fields/font-field.tsx +2 -1
  7. package/src/components/variable-creation.tsx +3 -4
  8. package/src/components/variable-edit.tsx +3 -4
  9. package/src/components/variable-restore.tsx +3 -4
  10. package/src/components/variables-selection.tsx +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elementor/editor-variables",
3
- "version": "4.0.0-499",
3
+ "version": "4.0.0-501",
4
4
  "private": false,
5
5
  "author": "Elementor Team",
6
6
  "homepage": "https://elementor.com/",
@@ -39,22 +39,22 @@
39
39
  "dev": "tsup --config=../../tsup.dev.ts"
40
40
  },
41
41
  "dependencies": {
42
- "@elementor/editor": "4.0.0-499",
43
- "@elementor/editor-canvas": "4.0.0-499",
44
- "@elementor/editor-controls": "4.0.0-499",
45
- "@elementor/editor-current-user": "4.0.0-499",
46
- "@elementor/editor-editing-panel": "4.0.0-499",
47
- "@elementor/editor-mcp": "4.0.0-499",
48
- "@elementor/editor-panels": "4.0.0-499",
49
- "@elementor/editor-props": "4.0.0-499",
50
- "@elementor/editor-ui": "4.0.0-499",
51
- "@elementor/editor-v1-adapters": "4.0.0-499",
52
- "@elementor/http-client": "4.0.0-499",
42
+ "@elementor/editor": "4.0.0-501",
43
+ "@elementor/editor-canvas": "4.0.0-501",
44
+ "@elementor/editor-controls": "4.0.0-501",
45
+ "@elementor/editor-current-user": "4.0.0-501",
46
+ "@elementor/editor-editing-panel": "4.0.0-501",
47
+ "@elementor/editor-mcp": "4.0.0-501",
48
+ "@elementor/editor-panels": "4.0.0-501",
49
+ "@elementor/editor-props": "4.0.0-501",
50
+ "@elementor/editor-ui": "4.0.0-501",
51
+ "@elementor/editor-v1-adapters": "4.0.0-501",
52
+ "@elementor/http-client": "4.0.0-501",
53
53
  "@elementor/icons": "^1.63.0",
54
- "@elementor/mixpanel": "4.0.0-499",
55
- "@elementor/schema": "4.0.0-499",
54
+ "@elementor/mixpanel": "4.0.0-501",
55
+ "@elementor/schema": "4.0.0-501",
56
56
  "@elementor/ui": "1.36.17",
57
- "@elementor/utils": "4.0.0-499",
57
+ "@elementor/utils": "4.0.0-501",
58
58
  "@wordpress/i18n": "^5.13.0"
59
59
  },
60
60
  "peerDependencies": {
package/src/components/fields/font-field.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { useId, useRef, useState } from 'react';
3
3
  import { enqueueFont, ItemSelector } from '@elementor/editor-controls';
4
- import { useFontFamilies, useSectionWidth } from '@elementor/editor-editing-panel';
4
+ import { useFontFamilies } from '@elementor/editor-editing-panel';
5
+ import { useSectionWidth } from '@elementor/editor-ui';
5
6
  import { ChevronDownIcon, TextIcon } from '@elementor/icons';
6
7
  import { bindPopover, bindTrigger, Popover, UnstableTag, usePopupState } from '@elementor/ui';
7
8
  import { __ } from '@wordpress/i18n';
package/src/components/variable-creation.tsx CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { type KeyboardEvent, useState } from 'react';
3
3
  import { PopoverContent, useBoundProp } from '@elementor/editor-controls';
4
- import { PopoverBody } from '@elementor/editor-editing-panel';
5
- import { PopoverHeader } from '@elementor/editor-ui';
4
+ import { PopoverHeader, SectionPopoverBody } from '@elementor/editor-ui';
6
5
  import { ArrowLeftIcon } from '@elementor/icons';
7
6
  import { Button, CardActions, Divider, FormHelperText, IconButton, Typography } from '@elementor/ui';
8
7
  import { __ } from '@wordpress/i18n';
@@ -108,7 +107,7 @@ export const VariableCreation = ( { onGoBack, onClose }: Props ) => {
108
107
  };
109
108
 
110
109
  return (
111
- <PopoverBody height="auto">
110
+ <SectionPopoverBody height="auto">
112
111
  <PopoverHeader
113
112
  icon={
114
113
  <>
@@ -183,6 +182,6 @@ export const VariableCreation = ( { onGoBack, onClose }: Props ) => {
183
182
  { __( 'Create', 'elementor' ) }
184
183
  </Button>
185
184
  </CardActions>
186
- </PopoverBody>
185
+ </SectionPopoverBody>
187
186
  );
188
187
  };
package/src/components/variable-edit.tsx CHANGED
@@ -2,8 +2,7 @@ import * as React from 'react';
2
2
  import { type KeyboardEvent, useEffect, useState } from 'react';
3
3
  import { PopoverContent, useBoundProp } from '@elementor/editor-controls';
4
4
  import { useSuppressedMessage } from '@elementor/editor-current-user';
5
- import { PopoverBody } from '@elementor/editor-editing-panel';
6
- import { PopoverHeader } from '@elementor/editor-ui';
5
+ import { PopoverHeader, SectionPopoverBody } from '@elementor/editor-ui';
7
6
  import { ArrowLeftIcon, TrashIcon } from '@elementor/icons';
8
7
  import { Button, CardActions, Divider, FormHelperText, IconButton, Tooltip, Typography } from '@elementor/ui';
9
8
  import { __ } from '@wordpress/i18n';
@@ -169,7 +168,7 @@ export const VariableEdit = ( { onClose, onGoBack, onSubmit, editId }: Props ) =
169
168
 
170
169
  return (
171
170
  <>
172
- <PopoverBody height="auto">
171
+ <SectionPopoverBody height="auto">
173
172
  <PopoverHeader
174
173
  title={ __( 'Edit variable', 'elementor' ) }
175
174
  onClose={ onClose }
@@ -244,7 +243,7 @@ export const VariableEdit = ( { onClose, onGoBack, onSubmit, editId }: Props ) =
244
243
  { __( 'Save', 'elementor' ) }
245
244
  </Button>
246
245
  </CardActions>
247
- </PopoverBody>
246
+ </SectionPopoverBody>
248
247
 
249
248
  { deleteConfirmation && (
250
249
  <DeleteConfirmationDialog
package/src/components/variable-restore.tsx CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { type KeyboardEvent, useState } from 'react';
3
3
  import { PopoverContent, useBoundProp } from '@elementor/editor-controls';
4
- import { PopoverBody } from '@elementor/editor-editing-panel';
5
- import { PopoverHeader } from '@elementor/editor-ui';
4
+ import { PopoverHeader, SectionPopoverBody } from '@elementor/editor-ui';
6
5
  import { Button, CardActions, Divider, FormHelperText, Typography } from '@elementor/ui';
7
6
  import { __ } from '@wordpress/i18n';
8
7
 
@@ -102,7 +101,7 @@ export const VariableRestore = ( { variableId, onClose, onSubmit }: Props ) => {
102
101
 
103
102
  return (
104
103
  <PopoverContentRefContextProvider>
105
- <PopoverBody height="auto">
104
+ <SectionPopoverBody height="auto">
106
105
  <PopoverHeader
107
106
  icon={ <VariableIcon fontSize={ SIZE } /> }
108
107
  title={ __( 'Restore variable', 'elementor' ) }
@@ -163,7 +162,7 @@ export const VariableRestore = ( { variableId, onClose, onSubmit }: Props ) => {
163
162
  { __( 'Restore', 'elementor' ) }
164
163
  </Button>
165
164
  </CardActions>
166
- </PopoverBody>
165
+ </SectionPopoverBody>
167
166
  </PopoverContentRefContextProvider>
168
167
  );
169
168
  };
package/src/components/variables-selection.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { useState } from 'react';
3
- import { PopoverBody } from '@elementor/editor-editing-panel';
3
+ import { SectionPopoverBody } from '@elementor/editor-ui';
4
4
  import { PopoverHeader, PopoverMenuList, SearchField, type VirtualizedItem } from '@elementor/editor-ui';
5
5
  import { ColorFilterIcon, PlusIcon, SettingsIcon } from '@elementor/icons';
6
6
  import { Divider, IconButton, Tooltip } from '@elementor/ui';
@@ -124,7 +124,7 @@ export const VariablesSelection = ( { closePopover, onAdd, onEdit, onSettings, d
124
124
  };
125
125
 
126
126
  return (
127
- <PopoverBody>
127
+ <SectionPopoverBody>
128
128
  <PopoverHeader
129
129
  title={ __( 'Variables', 'elementor' ) }
130
130
  icon={ <ColorFilterIcon fontSize={ SIZE } /> }
@@ -209,6 +209,6 @@ export const VariablesSelection = ( { closePopover, onAdd, onEdit, onSettings, d
209
209
  onAdd={ onAdd }
210
210
  />
211
211
  ) }
212
- </PopoverBody>
212
+ </SectionPopoverBody>
213
213
  );
214
214
  };