@elementor/editor-variables 0.18.0 → 3.32.0-21

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 (56) hide show
  1. package/CHANGELOG.md +0 -28
  2. package/dist/index.d.mts +19 -1
  3. package/dist/index.d.ts +19 -1
  4. package/dist/index.js +1282 -1026
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1262 -990
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +16 -14
  9. package/src/api.ts +18 -2
  10. package/src/components/fields/color-field.tsx +3 -3
  11. package/src/components/fields/font-field.tsx +21 -10
  12. package/src/components/fields/label-field.tsx +31 -5
  13. package/src/components/ui/edit-confirmation-dialog.tsx +75 -0
  14. package/src/components/ui/missing-variable-alert.tsx +39 -0
  15. package/src/components/ui/no-variables.tsx +59 -26
  16. package/src/components/ui/tags/missing-tag.tsx +25 -0
  17. package/src/components/ui/variable/assigned-variable.tsx +11 -14
  18. package/src/components/ui/variable/deleted-variable.tsx +102 -50
  19. package/src/components/ui/variable/missing-variable.tsx +44 -0
  20. package/src/components/{color-variable-creation.tsx → variable-creation.tsx} +51 -22
  21. package/src/components/variable-edit.tsx +221 -0
  22. package/src/components/variable-restore.tsx +117 -0
  23. package/src/components/variable-selection-popover.tsx +91 -92
  24. package/src/components/variables-manager/variables-manager-panel.tsx +115 -0
  25. package/src/components/{font-variables-selection.tsx → variables-selection.tsx} +38 -17
  26. package/src/context/variable-selection-popover.context.tsx +19 -0
  27. package/src/context/variable-type-context.tsx +23 -0
  28. package/src/controls/variable-control.tsx +26 -0
  29. package/src/hooks/use-initial-value.ts +22 -0
  30. package/src/hooks/use-permissions.ts +15 -0
  31. package/src/hooks/use-prop-variable-action.tsx +53 -0
  32. package/src/hooks/use-prop-variables.ts +2 -2
  33. package/src/index.ts +1 -0
  34. package/src/init.ts +33 -4
  35. package/src/register-variable-types.tsx +29 -0
  36. package/src/repeater-injections.ts +5 -1
  37. package/src/service.ts +2 -19
  38. package/src/transformers/inheritance-transformer.tsx +30 -0
  39. package/src/transformers/utils/resolve-css-variable.ts +24 -0
  40. package/src/transformers/variable-transformer.ts +3 -16
  41. package/src/utils/tracking.ts +39 -0
  42. package/src/utils/validations.ts +40 -6
  43. package/src/variables-registry/create-variable-type-registry.ts +77 -0
  44. package/src/variables-registry/variable-type-registry.ts +3 -0
  45. package/src/components/color-variable-edit.tsx +0 -157
  46. package/src/components/color-variables-selection.tsx +0 -128
  47. package/src/components/font-variable-creation.tsx +0 -106
  48. package/src/components/font-variable-edit.tsx +0 -157
  49. package/src/components/variable-selection-popover.context.ts +0 -7
  50. package/src/controls/color-variable-control.tsx +0 -39
  51. package/src/controls/font-variable-control.tsx +0 -37
  52. package/src/hooks/use-prop-color-variable-action.tsx +0 -25
  53. package/src/hooks/use-prop-font-variable-action.tsx +0 -25
  54. package/src/init-color-variables.ts +0 -27
  55. package/src/init-font-variables.ts +0 -24
  56. package/src/utils.ts +0 -20
package/src/init-color-variables.ts DELETED
@@ -1,27 +0,0 @@
1
- import { styleTransformersRegistry } from '@elementor/editor-canvas';
2
- import { controlActionsMenu, registerControlReplacement } from '@elementor/editor-editing-panel';
3
-
4
- import { ColorVariableControl } from './controls/color-variable-control';
5
- import { usePropColorVariableAction } from './hooks/use-prop-color-variable-action';
6
- import { colorVariablePropTypeUtil } from './prop-types/color-variable-prop-type';
7
- import { registerRepeaterInjections } from './repeater-injections';
8
- import { variableTransformer } from './transformers/variable-transformer';
9
- import { hasAssignedColorVariable } from './utils';
10
-
11
- const { registerPopoverAction } = controlActionsMenu;
12
-
13
- export function initColorVariables() {
14
- registerControlReplacement( {
15
- component: ColorVariableControl,
16
- condition: ( { value } ) => hasAssignedColorVariable( value ),
17
- } );
18
-
19
- registerPopoverAction( {
20
- id: 'color-variables',
21
- useProps: usePropColorVariableAction,
22
- } );
23
-
24
- styleTransformersRegistry.register( colorVariablePropTypeUtil.key, variableTransformer );
25
-
26
- registerRepeaterInjections();
27
- }
package/src/init-font-variables.ts DELETED
@@ -1,24 +0,0 @@
1
- import { styleTransformersRegistry } from '@elementor/editor-canvas';
2
- import { controlActionsMenu, registerControlReplacement } from '@elementor/editor-editing-panel';
3
-
4
- import { FontVariableControl } from './controls/font-variable-control';
5
- import { usePropFontVariableAction } from './hooks/use-prop-font-variable-action';
6
- import { fontVariablePropTypeUtil } from './prop-types/font-variable-prop-type';
7
- import { variableTransformer } from './transformers/variable-transformer';
8
- import { hasAssignedFontVariable } from './utils';
9
-
10
- const { registerPopoverAction } = controlActionsMenu;
11
-
12
- export function initFontVariables() {
13
- registerControlReplacement( {
14
- component: FontVariableControl,
15
- condition: ( { value } ) => hasAssignedFontVariable( value ),
16
- } );
17
-
18
- registerPopoverAction( {
19
- id: 'font-variables',
20
- useProps: usePropFontVariableAction,
21
- } );
22
-
23
- styleTransformersRegistry.register( fontVariablePropTypeUtil.key, variableTransformer );
24
- }
package/src/utils.ts DELETED
@@ -1,20 +0,0 @@
1
- import { type PropType, type PropValue } from '@elementor/editor-props';
2
-
3
- import { colorVariablePropTypeUtil } from './prop-types/color-variable-prop-type';
4
- import { fontVariablePropTypeUtil } from './prop-types/font-variable-prop-type';
5
-
6
- export const hasAssignedColorVariable = ( propValue: PropValue ): boolean => {
7
- return !! colorVariablePropTypeUtil.isValid( propValue );
8
- };
9
-
10
- export const supportsColorVariables = ( propType: PropType ): boolean => {
11
- return propType.kind === 'union' && colorVariablePropTypeUtil.key in propType.prop_types;
12
- };
13
-
14
- export const hasAssignedFontVariable = ( propValue: PropValue ): boolean => {
15
- return !! fontVariablePropTypeUtil.isValid( propValue );
16
- };
17
-
18
- export const supportsFontVariables = ( propType: PropType ): boolean => {
19
- return propType.kind === 'union' && fontVariablePropTypeUtil.key in propType.prop_types;
20
- };