@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.
- package/CHANGELOG.md +90 -0
- package/dist/index.d.mts +22 -4
- package/dist/index.d.ts +22 -4
- package/dist/index.js +1187 -1051
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1027 -893
- package/dist/index.mjs.map +1 -1
- package/package.json +18 -17
- package/src/components/css-classes/css-class-menu.tsx +6 -8
- package/src/components/css-classes/css-class-selector.tsx +17 -11
- package/src/components/popover-scrollable-content.tsx +12 -0
- package/src/components/section-content.tsx +6 -16
- package/src/components/section.tsx +8 -4
- package/src/components/settings-tab.tsx +30 -4
- package/src/components/style-indicator.tsx +19 -15
- package/src/components/style-sections/background-section/background-section.tsx +4 -1
- package/src/components/style-sections/border-section/border-color-field.tsx +10 -16
- package/src/components/style-sections/border-section/border-field.tsx +4 -6
- package/src/components/style-sections/border-section/border-radius-field.tsx +4 -2
- package/src/components/style-sections/border-section/border-style-field.tsx +11 -16
- package/src/components/style-sections/border-section/border-width-field.tsx +4 -2
- package/src/components/style-sections/effects-section/effects-section.tsx +22 -2
- package/src/components/style-sections/layout-section/align-content-field.tsx +11 -12
- package/src/components/style-sections/layout-section/align-items-field.tsx +8 -11
- package/src/components/style-sections/layout-section/align-self-child-field.tsx +11 -16
- package/src/components/style-sections/layout-section/display-field.tsx +6 -6
- package/src/components/style-sections/layout-section/flex-direction-field.tsx +11 -14
- package/src/components/style-sections/layout-section/flex-order-field.tsx +32 -37
- package/src/components/style-sections/layout-section/flex-size-field.tsx +35 -58
- package/src/components/style-sections/layout-section/gap-control-field.tsx +5 -6
- package/src/components/style-sections/layout-section/justify-content-field.tsx +11 -12
- package/src/components/style-sections/layout-section/layout-section.tsx +2 -2
- package/src/components/style-sections/layout-section/opacity-control-field.tsx +21 -0
- package/src/components/style-sections/layout-section/utils/rotated-icon.tsx +1 -1
- package/src/components/style-sections/layout-section/wrap-field.tsx +10 -14
- package/src/components/style-sections/position-section/dimensions-field.tsx +4 -4
- package/src/components/style-sections/position-section/offset-field.tsx +12 -14
- package/src/components/style-sections/position-section/position-field.tsx +7 -11
- package/src/components/style-sections/position-section/position-section.tsx +6 -6
- package/src/components/style-sections/position-section/z-index-field.tsx +7 -11
- package/src/components/style-sections/size-section/object-fit-field.tsx +7 -11
- package/src/components/style-sections/size-section/object-position-field.tsx +4 -23
- package/src/components/style-sections/size-section/overflow-field.tsx +7 -11
- package/src/components/style-sections/size-section/size-section.tsx +10 -8
- package/src/components/style-sections/spacing-section/spacing-section.tsx +7 -4
- package/src/components/style-sections/typography-section/column-count-field.tsx +7 -11
- package/src/components/style-sections/typography-section/column-gap-field.tsx +9 -13
- package/src/components/style-sections/typography-section/font-family-field.tsx +9 -11
- package/src/components/style-sections/typography-section/font-size-field.tsx +9 -13
- package/src/components/style-sections/typography-section/font-style-field.tsx +13 -13
- package/src/components/style-sections/typography-section/font-weight-field.tsx +7 -11
- package/src/components/style-sections/typography-section/letter-spacing-field.tsx +9 -13
- package/src/components/style-sections/typography-section/line-height-field.tsx +9 -13
- package/src/components/style-sections/typography-section/text-alignment-field.tsx +11 -14
- package/src/components/style-sections/typography-section/text-color-field.tsx +7 -11
- package/src/components/style-sections/typography-section/text-decoration-field.tsx +7 -11
- package/src/components/style-sections/typography-section/text-direction-field.tsx +7 -11
- package/src/components/style-sections/typography-section/text-stroke-field.tsx +8 -8
- package/src/components/style-sections/typography-section/transform-field.tsx +7 -11
- package/src/components/style-sections/typography-section/typography-section.tsx +4 -2
- package/src/components/style-sections/typography-section/word-spacing-field.tsx +9 -13
- package/src/components/styles-field-layout.tsx +50 -0
- package/src/contexts/section-context.tsx +14 -0
- package/src/controls-registry/control-type-container.tsx +6 -2
- package/src/controls-registry/controls-registry.tsx +30 -10
- package/src/controls-registry/settings-field.tsx +65 -6
- package/src/controls-registry/styles-field.tsx +11 -5
- package/src/dynamics/components/dynamic-selection-control.tsx +20 -22
- package/src/dynamics/components/dynamic-selection.tsx +64 -79
- package/src/dynamics/hooks/use-prop-dynamic-action.tsx +1 -1
- package/src/hooks/use-default-panel-settings.ts +4 -0
- package/src/hooks/use-styles-field.ts +9 -3
- package/src/hooks/use-styles-fields.ts +4 -4
- package/src/index.ts +5 -0
- package/src/popover-action.tsx +11 -6
- package/src/provider-colors-registry.ts +20 -0
- package/src/styles-inheritance/components/infotip/label-chip.tsx +4 -5
- package/src/styles-inheritance/components/styles-inheritance-indicator.tsx +36 -41
- package/src/styles-inheritance/components/styles-inheritance-infotip.tsx +10 -24
- package/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx +29 -44
- package/src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx +1 -17
- package/src/styles-inheritance/types.ts +0 -2
- package/src/styles-inheritance/utils.ts +17 -1
- package/src/sync/experiments-flags.ts +1 -0
- package/src/utils/get-styles-provider-color.ts +28 -0
- 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
|
-
|
|
14
|
-
|
|
20
|
+
content: ComponentType<{
|
|
21
|
+
close: () => void;
|
|
15
22
|
}>;
|
|
16
23
|
};
|
|
17
|
-
declare function PopoverAction({ title, visible, icon: Icon,
|
|
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
|
-
|
|
14
|
-
|
|
20
|
+
content: ComponentType<{
|
|
21
|
+
close: () => void;
|
|
15
22
|
}>;
|
|
16
23
|
};
|
|
17
|
-
declare function PopoverAction({ title, visible, icon: Icon,
|
|
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 };
|