@elementor/editor-editing-panel 1.45.0 → 1.47.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 (86) hide show
  1. package/CHANGELOG.md +90 -0
  2. package/dist/index.d.mts +22 -4
  3. package/dist/index.d.ts +22 -4
  4. package/dist/index.js +1187 -1051
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1027 -893
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +18 -17
  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/popover-scrollable-content.tsx +12 -0
  12. package/src/components/section-content.tsx +6 -16
  13. package/src/components/section.tsx +8 -4
  14. package/src/components/settings-tab.tsx +30 -4
  15. package/src/components/style-indicator.tsx +19 -15
  16. package/src/components/style-sections/background-section/background-section.tsx +4 -1
  17. package/src/components/style-sections/border-section/border-color-field.tsx +10 -16
  18. package/src/components/style-sections/border-section/border-field.tsx +4 -6
  19. package/src/components/style-sections/border-section/border-radius-field.tsx +4 -2
  20. package/src/components/style-sections/border-section/border-style-field.tsx +11 -16
  21. package/src/components/style-sections/border-section/border-width-field.tsx +4 -2
  22. package/src/components/style-sections/effects-section/effects-section.tsx +22 -2
  23. package/src/components/style-sections/layout-section/align-content-field.tsx +11 -12
  24. package/src/components/style-sections/layout-section/align-items-field.tsx +8 -11
  25. package/src/components/style-sections/layout-section/align-self-child-field.tsx +11 -16
  26. package/src/components/style-sections/layout-section/display-field.tsx +6 -6
  27. package/src/components/style-sections/layout-section/flex-direction-field.tsx +11 -14
  28. package/src/components/style-sections/layout-section/flex-order-field.tsx +32 -37
  29. package/src/components/style-sections/layout-section/flex-size-field.tsx +35 -58
  30. package/src/components/style-sections/layout-section/gap-control-field.tsx +5 -6
  31. package/src/components/style-sections/layout-section/justify-content-field.tsx +11 -12
  32. package/src/components/style-sections/layout-section/layout-section.tsx +2 -2
  33. package/src/components/style-sections/layout-section/opacity-control-field.tsx +21 -0
  34. package/src/components/style-sections/layout-section/utils/rotated-icon.tsx +1 -1
  35. package/src/components/style-sections/layout-section/wrap-field.tsx +10 -14
  36. package/src/components/style-sections/position-section/dimensions-field.tsx +4 -4
  37. package/src/components/style-sections/position-section/offset-field.tsx +12 -14
  38. package/src/components/style-sections/position-section/position-field.tsx +7 -11
  39. package/src/components/style-sections/position-section/position-section.tsx +6 -6
  40. package/src/components/style-sections/position-section/z-index-field.tsx +7 -11
  41. package/src/components/style-sections/size-section/object-fit-field.tsx +7 -11
  42. package/src/components/style-sections/size-section/object-position-field.tsx +4 -23
  43. package/src/components/style-sections/size-section/overflow-field.tsx +7 -11
  44. package/src/components/style-sections/size-section/size-section.tsx +10 -8
  45. package/src/components/style-sections/spacing-section/spacing-section.tsx +7 -4
  46. package/src/components/style-sections/typography-section/column-count-field.tsx +7 -11
  47. package/src/components/style-sections/typography-section/column-gap-field.tsx +9 -13
  48. package/src/components/style-sections/typography-section/font-family-field.tsx +9 -11
  49. package/src/components/style-sections/typography-section/font-size-field.tsx +9 -13
  50. package/src/components/style-sections/typography-section/font-style-field.tsx +13 -13
  51. package/src/components/style-sections/typography-section/font-weight-field.tsx +7 -11
  52. package/src/components/style-sections/typography-section/letter-spacing-field.tsx +9 -13
  53. package/src/components/style-sections/typography-section/line-height-field.tsx +9 -13
  54. package/src/components/style-sections/typography-section/text-alignment-field.tsx +11 -14
  55. package/src/components/style-sections/typography-section/text-color-field.tsx +7 -11
  56. package/src/components/style-sections/typography-section/text-decoration-field.tsx +7 -11
  57. package/src/components/style-sections/typography-section/text-direction-field.tsx +7 -11
  58. package/src/components/style-sections/typography-section/text-stroke-field.tsx +8 -8
  59. package/src/components/style-sections/typography-section/transform-field.tsx +7 -11
  60. package/src/components/style-sections/typography-section/typography-section.tsx +4 -2
  61. package/src/components/style-sections/typography-section/word-spacing-field.tsx +9 -13
  62. package/src/components/styles-field-layout.tsx +50 -0
  63. package/src/contexts/section-context.tsx +14 -0
  64. package/src/controls-registry/control-type-container.tsx +6 -2
  65. package/src/controls-registry/controls-registry.tsx +30 -10
  66. package/src/controls-registry/settings-field.tsx +65 -6
  67. package/src/controls-registry/styles-field.tsx +11 -5
  68. package/src/dynamics/components/dynamic-selection-control.tsx +20 -22
  69. package/src/dynamics/components/dynamic-selection.tsx +64 -79
  70. package/src/dynamics/hooks/use-prop-dynamic-action.tsx +1 -1
  71. package/src/hooks/use-default-panel-settings.ts +4 -0
  72. package/src/hooks/use-styles-field.ts +9 -3
  73. package/src/hooks/use-styles-fields.ts +4 -4
  74. package/src/index.ts +5 -0
  75. package/src/popover-action.tsx +11 -6
  76. package/src/provider-colors-registry.ts +20 -0
  77. package/src/styles-inheritance/components/infotip/label-chip.tsx +4 -5
  78. package/src/styles-inheritance/components/styles-inheritance-indicator.tsx +36 -41
  79. package/src/styles-inheritance/components/styles-inheritance-infotip.tsx +10 -24
  80. package/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx +29 -44
  81. package/src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx +1 -17
  82. package/src/styles-inheritance/types.ts +0 -2
  83. package/src/styles-inheritance/utils.ts +17 -1
  84. package/src/sync/experiments-flags.ts +1 -0
  85. package/src/utils/get-styles-provider-color.ts +28 -0
  86. package/src/components/popover-content.tsx +0 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,95 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.47.0
4
+
5
+ ### Minor Changes
6
+
7
+ - ab6ad10: Adds support for css filter property, blur and brightness only.
8
+ - a0ff6bc: Reset value button position fix, input reset fix for aspect ratio control
9
+ - bfe6b0b: Update the width settings for the popover selection list.
10
+ - 16df763: Add changed prop name to atomic element setting history
11
+ - 6c6f0d6: Standardize style field layout and add `propDisplayName` prop to `StylesField`
12
+ - 125de7b: Show placeholders in Number control
13
+ - c694e33: updated overlay styling for small elements
14
+ changed default tab for editing panel for divider widget
15
+ - d85ca8c: Update the popover styling for version 3.30.
16
+
17
+ ### Patch Changes
18
+
19
+ - e953081: add search in css classes list
20
+ create useDebounceState in util
21
+ - 9cf0fad: Show styles inheritance indicator even if all inherited values are from the base style
22
+ - 668adb4: Adds a panel divider to css filter effects section
23
+ - Updated dependencies [e953081]
24
+ - Updated dependencies [ab6ad10]
25
+ - Updated dependencies [0b32e5c]
26
+ - Updated dependencies [c91168a]
27
+ - Updated dependencies [a0ff6bc]
28
+ - Updated dependencies [bfe6b0b]
29
+ - Updated dependencies [ea388a1]
30
+ - Updated dependencies [16df763]
31
+ - Updated dependencies [6c6f0d6]
32
+ - Updated dependencies [125de7b]
33
+ - Updated dependencies [9bbd4e3]
34
+ - Updated dependencies [c694e33]
35
+ - Updated dependencies [d85ca8c]
36
+ - @elementor/utils@0.5.0
37
+ - @elementor/editor-controls@1.2.0
38
+ - @elementor/editor-canvas@0.25.0
39
+ - @elementor/editor-props@0.15.0
40
+ - @elementor/editor-ui@0.13.0
41
+ - @elementor/editor-elements@0.8.7
42
+ - @elementor/editor-documents@0.13.8
43
+ - @elementor/editor-styles-repository@0.10.4
44
+ - @elementor/editor-v1-adapters@0.12.1
45
+ - @elementor/wp-media@0.6.1
46
+ - @elementor/editor-styles@0.6.11
47
+ - @elementor/editor@0.20.1
48
+ - @elementor/editor-panels@0.16.1
49
+ - @elementor/editor-responsive@0.13.6
50
+
51
+ ## 1.46.0
52
+
53
+ ### Minor Changes
54
+
55
+ - 9ccd243: Opacity control is added to the style tab
56
+ - ac09e27: Update `useStylesFields` api.
57
+ - 17b73ab: Update `@elementor/ui` version.
58
+ - 7a4178f: Remove alert custom styling.
59
+ - 40d00c2: Implement the Popover Menu List inside the Dynamic Tags and the Variables.
60
+ - d5e9011: Implement the Popover Search component inside the Dynamic Tags, Font Families and the Variables.
61
+ - 93dfad1: Update `PopoverAction` to render dynamic content.
62
+ - 30a6d95: Added repeatable control type
63
+ - f37c325: Extract the popover scrollable content box to a standalone component inside the Editor UI package.
64
+ - 20d04f2: Added object position custom control
65
+
66
+ ### Patch Changes
67
+
68
+ - 29f1740: Handle provider-to-color logic from the style providers directly
69
+ - Updated dependencies [9ccd243]
70
+ - Updated dependencies [da0c4ca]
71
+ - Updated dependencies [17b73ab]
72
+ - Updated dependencies [7a4178f]
73
+ - Updated dependencies [29f1740]
74
+ - Updated dependencies [8e18905]
75
+ - Updated dependencies [aa176b8]
76
+ - Updated dependencies [3daa1c9]
77
+ - Updated dependencies [40d00c2]
78
+ - Updated dependencies [d5e9011]
79
+ - Updated dependencies [30a6d95]
80
+ - Updated dependencies [f37c325]
81
+ - Updated dependencies [20d04f2]
82
+ - @elementor/editor-controls@1.1.0
83
+ - @elementor/editor-ui@0.12.0
84
+ - @elementor/editor-canvas@0.24.0
85
+ - @elementor/editor-panels@0.16.0
86
+ - @elementor/editor@0.20.0
87
+ - @elementor/editor-styles-repository@0.10.3
88
+ - @elementor/editor-props@0.14.0
89
+ - @elementor/editor-documents@0.13.7
90
+ - @elementor/editor-elements@0.8.6
91
+ - @elementor/editor-styles@0.6.10
92
+
3
93
  ## 1.45.0
4
94
 
5
95
  ### Minor Changes
package/dist/index.d.mts CHANGED
@@ -3,18 +3,25 @@ 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';
9
+ import { PopoverScrollableContent as PopoverScrollableContent$1 } from '@elementor/editor-ui';
10
+
11
+ declare const EXPERIMENTAL_FEATURES: {
12
+ V_3_30: string;
13
+ V_3_31: string;
14
+ };
8
15
 
9
16
  type PopoverActionProps = {
10
17
  title: string;
11
18
  visible?: boolean;
12
19
  icon: ElementType;
13
- popoverContent: ComponentType<{
14
- closePopover: () => void;
20
+ content: ComponentType<{
21
+ close: () => void;
15
22
  }>;
16
23
  };
17
- declare function PopoverAction({ title, visible, icon: Icon, popoverContent: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
24
+ declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
18
25
 
19
26
  declare const registerControlReplacement: (replacement: {
20
27
  component: React.ComponentType;
@@ -23,6 +30,12 @@ declare const registerControlReplacement: (replacement: {
23
30
  }) => boolean;
24
31
  }) => void;
25
32
 
33
+ type Colors = {
34
+ name: ChipProps['color'];
35
+ getThemeColor: ((theme: Theme) => string) | null;
36
+ };
37
+ declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
38
+
26
39
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
27
40
 
28
41
  declare const usePanelActions: () => {
@@ -58,6 +71,11 @@ declare const controlActionsMenu: _elementor_menus.Menu<{
58
71
 
59
72
  declare const useFontFamilies: () => FontCategory[];
60
73
 
74
+ type Props = React.ComponentProps<typeof PopoverScrollableContent$1>;
75
+ declare const PopoverScrollableContent: (props: Props) => React.JSX.Element;
76
+
77
+ declare const useSectionWidth: () => number;
78
+
61
79
  declare function init(): void;
62
80
 
63
- export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, useFontFamilies, usePanelActions, usePanelStatus };
81
+ export { EXPERIMENTAL_FEATURES, type PopoverActionProps, PopoverScrollableContent, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, registerStyleProviderToColors, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth };
package/dist/index.d.ts CHANGED
@@ -3,18 +3,25 @@ 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';
9
+ import { PopoverScrollableContent as PopoverScrollableContent$1 } from '@elementor/editor-ui';
10
+
11
+ declare const EXPERIMENTAL_FEATURES: {
12
+ V_3_30: string;
13
+ V_3_31: string;
14
+ };
8
15
 
9
16
  type PopoverActionProps = {
10
17
  title: string;
11
18
  visible?: boolean;
12
19
  icon: ElementType;
13
- popoverContent: ComponentType<{
14
- closePopover: () => void;
20
+ content: ComponentType<{
21
+ close: () => void;
15
22
  }>;
16
23
  };
17
- declare function PopoverAction({ title, visible, icon: Icon, popoverContent: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
24
+ declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
18
25
 
19
26
  declare const registerControlReplacement: (replacement: {
20
27
  component: React.ComponentType;
@@ -23,6 +30,12 @@ declare const registerControlReplacement: (replacement: {
23
30
  }) => boolean;
24
31
  }) => void;
25
32
 
33
+ type Colors = {
34
+ name: ChipProps['color'];
35
+ getThemeColor: ((theme: Theme) => string) | null;
36
+ };
37
+ declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
38
+
26
39
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
27
40
 
28
41
  declare const usePanelActions: () => {
@@ -58,6 +71,11 @@ declare const controlActionsMenu: _elementor_menus.Menu<{
58
71
 
59
72
  declare const useFontFamilies: () => FontCategory[];
60
73
 
74
+ type Props = React.ComponentProps<typeof PopoverScrollableContent$1>;
75
+ declare const PopoverScrollableContent: (props: Props) => React.JSX.Element;
76
+
77
+ declare const useSectionWidth: () => number;
78
+
61
79
  declare function init(): void;
62
80
 
63
- export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, useFontFamilies, usePanelActions, usePanelStatus };
81
+ export { EXPERIMENTAL_FEATURES, type PopoverActionProps, PopoverScrollableContent, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, registerStyleProviderToColors, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth };