@elementor/editor-editing-panel 1.45.0 → 1.46.0

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 (42) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/dist/index.d.mts +11 -4
  3. package/dist/index.d.ts +11 -4
  4. package/dist/index.js +702 -688
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +587 -573
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +14 -13
  9. package/src/components/css-classes/css-class-menu.tsx +6 -8
  10. package/src/components/css-classes/css-class-selector.tsx +17 -11
  11. package/src/components/settings-tab.tsx +25 -2
  12. package/src/components/style-indicator.tsx +19 -15
  13. package/src/components/style-sections/border-section/border-field.tsx +4 -6
  14. package/src/components/style-sections/effects-section/effects-section.tsx +6 -0
  15. package/src/components/style-sections/layout-section/flex-order-field.tsx +1 -3
  16. package/src/components/style-sections/layout-section/flex-size-field.tsx +7 -10
  17. package/src/components/style-sections/layout-section/layout-section.tsx +2 -2
  18. package/src/components/style-sections/layout-section/opacity-control-field.tsx +25 -0
  19. package/src/components/style-sections/layout-section/utils/rotated-icon.tsx +1 -1
  20. package/src/components/style-sections/position-section/position-section.tsx +6 -6
  21. package/src/components/style-sections/size-section/object-position-field.tsx +2 -24
  22. package/src/components/style-sections/size-section/size-section.tsx +1 -1
  23. package/src/components/style-sections/typography-section/text-stroke-field.tsx +4 -6
  24. package/src/components/style-sections/typography-section/typography-section.tsx +4 -2
  25. package/src/controls-registry/controls-registry.tsx +30 -10
  26. package/src/controls-registry/styles-field.tsx +1 -3
  27. package/src/dynamics/components/dynamic-selection-control.tsx +10 -18
  28. package/src/dynamics/components/dynamic-selection.tsx +58 -77
  29. package/src/dynamics/hooks/use-prop-dynamic-action.tsx +1 -1
  30. package/src/hooks/use-styles-field.ts +9 -3
  31. package/src/hooks/use-styles-fields.ts +4 -4
  32. package/src/index.ts +1 -0
  33. package/src/popover-action.tsx +3 -5
  34. package/src/provider-colors-registry.ts +20 -0
  35. package/src/styles-inheritance/components/infotip/label-chip.tsx +4 -5
  36. package/src/styles-inheritance/components/styles-inheritance-indicator.tsx +32 -40
  37. package/src/styles-inheritance/components/styles-inheritance-infotip.tsx +1 -5
  38. package/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx +29 -44
  39. package/src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx +1 -17
  40. package/src/styles-inheritance/types.ts +0 -2
  41. package/src/styles-inheritance/utils.ts +17 -1
  42. package/src/utils/get-styles-provider-color.ts +28 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,47 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.46.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 9ccd243: Opacity control is added to the style tab
8
+ - ac09e27: Update `useStylesFields` api.
9
+ - 17b73ab: Update `@elementor/ui` version.
10
+ - 7a4178f: Remove alert custom styling.
11
+ - 40d00c2: Implement the Popover Menu List inside the Dynamic Tags and the Variables.
12
+ - d5e9011: Implement the Popover Search component inside the Dynamic Tags, Font Families and the Variables.
13
+ - 93dfad1: Update `PopoverAction` to render dynamic content.
14
+ - 30a6d95: Added repeatable control type
15
+ - f37c325: Extract the popover scrollable content box to a standalone component inside the Editor UI package.
16
+ - 20d04f2: Added object position custom control
17
+
18
+ ### Patch Changes
19
+
20
+ - 29f1740: Handle provider-to-color logic from the style providers directly
21
+ - Updated dependencies [9ccd243]
22
+ - Updated dependencies [da0c4ca]
23
+ - Updated dependencies [17b73ab]
24
+ - Updated dependencies [7a4178f]
25
+ - Updated dependencies [29f1740]
26
+ - Updated dependencies [8e18905]
27
+ - Updated dependencies [aa176b8]
28
+ - Updated dependencies [3daa1c9]
29
+ - Updated dependencies [40d00c2]
30
+ - Updated dependencies [d5e9011]
31
+ - Updated dependencies [30a6d95]
32
+ - Updated dependencies [f37c325]
33
+ - Updated dependencies [20d04f2]
34
+ - @elementor/editor-controls@1.1.0
35
+ - @elementor/editor-ui@0.12.0
36
+ - @elementor/editor-canvas@0.24.0
37
+ - @elementor/editor-panels@0.16.0
38
+ - @elementor/editor@0.20.0
39
+ - @elementor/editor-styles-repository@0.10.3
40
+ - @elementor/editor-props@0.14.0
41
+ - @elementor/editor-documents@0.13.7
42
+ - @elementor/editor-elements@0.8.6
43
+ - @elementor/editor-styles@0.6.10
44
+
3
45
  ## 1.45.0
4
46
 
5
47
  ### Minor Changes
package/dist/index.d.mts CHANGED
@@ -3,6 +3,7 @@ export { useBoundProp } from '@elementor/editor-controls';
3
3
  import * as React from 'react';
4
4
  import { ElementType, ComponentType } from 'react';
5
5
  import * as _elementor_editor_props from '@elementor/editor-props';
6
+ import { ChipProps, Theme } from '@elementor/ui';
6
7
  import * as _elementor_locations from '@elementor/locations';
7
8
  import * as _elementor_menus from '@elementor/menus';
8
9
 
@@ -10,11 +11,11 @@ type PopoverActionProps = {
10
11
  title: string;
11
12
  visible?: boolean;
12
13
  icon: ElementType;
13
- popoverContent: ComponentType<{
14
- closePopover: () => void;
14
+ content: ComponentType<{
15
+ close: () => void;
15
16
  }>;
16
17
  };
17
- declare function PopoverAction({ title, visible, icon: Icon, popoverContent: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
18
+ declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
18
19
 
19
20
  declare const registerControlReplacement: (replacement: {
20
21
  component: React.ComponentType;
@@ -23,6 +24,12 @@ declare const registerControlReplacement: (replacement: {
23
24
  }) => boolean;
24
25
  }) => void;
25
26
 
27
+ type Colors = {
28
+ name: ChipProps['color'];
29
+ getThemeColor: ((theme: Theme) => string) | null;
30
+ };
31
+ declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
32
+
26
33
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
27
34
 
28
35
  declare const usePanelActions: () => {
@@ -60,4 +67,4 @@ declare const useFontFamilies: () => FontCategory[];
60
67
 
61
68
  declare function init(): void;
62
69
 
63
- export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, useFontFamilies, usePanelActions, usePanelStatus };
70
+ export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, registerStyleProviderToColors, useFontFamilies, usePanelActions, usePanelStatus };
package/dist/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export { useBoundProp } from '@elementor/editor-controls';
3
3
  import * as React from 'react';
4
4
  import { ElementType, ComponentType } from 'react';
5
5
  import * as _elementor_editor_props from '@elementor/editor-props';
6
+ import { ChipProps, Theme } from '@elementor/ui';
6
7
  import * as _elementor_locations from '@elementor/locations';
7
8
  import * as _elementor_menus from '@elementor/menus';
8
9
 
@@ -10,11 +11,11 @@ type PopoverActionProps = {
10
11
  title: string;
11
12
  visible?: boolean;
12
13
  icon: ElementType;
13
- popoverContent: ComponentType<{
14
- closePopover: () => void;
14
+ content: ComponentType<{
15
+ close: () => void;
15
16
  }>;
16
17
  };
17
- declare function PopoverAction({ title, visible, icon: Icon, popoverContent: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
18
+ declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
18
19
 
19
20
  declare const registerControlReplacement: (replacement: {
20
21
  component: React.ComponentType;
@@ -23,6 +24,12 @@ declare const registerControlReplacement: (replacement: {
23
24
  }) => boolean;
24
25
  }) => void;
25
26
 
27
+ type Colors = {
28
+ name: ChipProps['color'];
29
+ getThemeColor: ((theme: Theme) => string) | null;
30
+ };
31
+ declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
32
+
26
33
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
27
34
 
28
35
  declare const usePanelActions: () => {
@@ -60,4 +67,4 @@ declare const useFontFamilies: () => FontCategory[];
60
67
 
61
68
  declare function init(): void;
62
69
 
63
- export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, useFontFamilies, usePanelActions, usePanelStatus };
70
+ export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, registerStyleProviderToColors, useFontFamilies, usePanelActions, usePanelStatus };