@elementor/editor-editing-panel 1.29.2 → 1.31.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 (32) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/index.d.mts +17 -2
  3. package/dist/index.d.ts +17 -2
  4. package/dist/index.js +918 -651
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +825 -552
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +9 -9
  9. package/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts +21 -0
  10. package/src/components/creatable-autocomplete/creatable-autocomplete.tsx +175 -0
  11. package/src/components/creatable-autocomplete/index.ts +3 -0
  12. package/src/components/creatable-autocomplete/types.ts +38 -0
  13. package/src/components/creatable-autocomplete/use-autocomplete-change.ts +75 -0
  14. package/src/components/creatable-autocomplete/use-autocomplete-states.ts +42 -0
  15. package/src/components/creatable-autocomplete/use-create-option.ts +45 -0
  16. package/src/components/creatable-autocomplete/use-filter-options.ts +50 -0
  17. package/src/components/css-classes/css-class-item.tsx +2 -2
  18. package/src/components/css-classes/css-class-selector.tsx +44 -27
  19. package/src/components/editing-panel-tabs.tsx +19 -14
  20. package/src/components/editing-panel.tsx +5 -5
  21. package/src/components/style-sections/layout-section/align-self-child-field.tsx +44 -11
  22. package/src/components/style-sections/layout-section/layout-section.tsx +5 -4
  23. package/src/components/style-sections/layout-section/utils/rotated-icon.tsx +1 -2
  24. package/src/components/style-sections/position-section/offset-field.tsx +22 -0
  25. package/src/components/style-sections/position-section/position-section.tsx +4 -0
  26. package/src/components/style-tab.tsx +26 -3
  27. package/src/contexts/scroll-context.tsx +60 -0
  28. package/src/control-replacement.tsx +2 -2
  29. package/src/dynamics/components/dynamic-selection-control.tsx +8 -13
  30. package/src/dynamics/init.ts +2 -2
  31. package/src/index.ts +3 -1
  32. package/src/components/multi-combobox.tsx +0 -165
package/CHANGELOG.md CHANGED
@@ -1,5 +1,49 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.31.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 233825c: Add scroll offset control to styles tab
8
+ - 18741b8: Add sticky header to Panel
9
+
10
+ ### Patch Changes
11
+
12
+ - ca016cc: Elementor ui update to version 1.34.2, elementor icons update to 1.40.1
13
+ - ca5d620: CSS class selector: Display validation error message
14
+ - Updated dependencies [f4deb05]
15
+ - Updated dependencies [9e7a3ee]
16
+ - Updated dependencies [ca016cc]
17
+ - Updated dependencies [baf662e]
18
+ - Updated dependencies [ca5d620]
19
+ - @elementor/editor-controls@0.28.0
20
+ - @elementor/editor-canvas@0.19.1
21
+ - @elementor/editor-panels@0.15.1
22
+ - @elementor/editor-ui@0.8.1
23
+ - @elementor/editor@0.19.1
24
+ - @elementor/editor-styles-repository@0.8.5
25
+
26
+ ## 1.30.0
27
+
28
+ ### Minor Changes
29
+
30
+ - 10cbbe9: update `@elementor/ui` version
31
+ - 97e4d7d: create `editor-variables` package
32
+
33
+ ### Patch Changes
34
+
35
+ - 093b7ca: Add support for multiple control replacements
36
+ - 5f348b8: Allow self icons to be rotated by the ancestor value
37
+ - baa9d17: Show dynamic settings actions when popover is open
38
+ - Updated dependencies [093b7ca]
39
+ - Updated dependencies [10cbbe9]
40
+ - Updated dependencies [ce1852b]
41
+ - @elementor/editor-controls@0.27.0
42
+ - @elementor/editor-canvas@0.19.0
43
+ - @elementor/editor-panels@0.15.0
44
+ - @elementor/editor-ui@0.8.0
45
+ - @elementor/editor@0.19.0
46
+
3
47
  ## 1.29.2
4
48
 
5
49
  ### Patch Changes
package/dist/index.d.mts CHANGED
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  import { ElementType, ComponentType } from 'react';
4
4
  import * as _elementor_editor_props from '@elementor/editor-props';
5
5
  import * as _elementor_locations from '@elementor/locations';
6
+ import * as _elementor_menus from '@elementor/menus';
6
7
 
7
8
  type PopoverActionProps = {
8
9
  title: string;
@@ -12,8 +13,9 @@ type PopoverActionProps = {
12
13
  closePopover: () => void;
13
14
  }>;
14
15
  };
16
+ declare function PopoverAction({ title, visible, icon: Icon, popoverContent: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
15
17
 
16
- declare const replaceControl: ({ component, condition }: {
18
+ declare const registerControlReplacement: (replacement: {
17
19
  component: React.ComponentType;
18
20
  condition: ({ value }: {
19
21
  value: _elementor_editor_props.PropValue;
@@ -31,6 +33,19 @@ declare const usePanelStatus: () => {
31
33
  isBlocked: boolean;
32
34
  };
33
35
 
36
+ type ValidationResult = {
37
+ isValid: true;
38
+ errorMessage: null;
39
+ } | {
40
+ isValid: false;
41
+ errorMessage: string;
42
+ };
43
+ type ValidationEvent = 'inputChange' | 'create';
44
+
45
+ declare const controlActionsMenu: _elementor_menus.Menu<{
46
+ PopoverAction: typeof PopoverAction;
47
+ }, "default">;
48
+
34
49
  declare function init(): void;
35
50
 
36
- export { type PopoverActionProps, init, injectIntoClassSelectorActions, replaceControl, usePanelActions, usePanelStatus };
51
+ export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, usePanelActions, usePanelStatus };
package/dist/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  import { ElementType, ComponentType } from 'react';
4
4
  import * as _elementor_editor_props from '@elementor/editor-props';
5
5
  import * as _elementor_locations from '@elementor/locations';
6
+ import * as _elementor_menus from '@elementor/menus';
6
7
 
7
8
  type PopoverActionProps = {
8
9
  title: string;
@@ -12,8 +13,9 @@ type PopoverActionProps = {
12
13
  closePopover: () => void;
13
14
  }>;
14
15
  };
16
+ declare function PopoverAction({ title, visible, icon: Icon, popoverContent: PopoverContent, }: PopoverActionProps): React.JSX.Element | null;
15
17
 
16
- declare const replaceControl: ({ component, condition }: {
18
+ declare const registerControlReplacement: (replacement: {
17
19
  component: React.ComponentType;
18
20
  condition: ({ value }: {
19
21
  value: _elementor_editor_props.PropValue;
@@ -31,6 +33,19 @@ declare const usePanelStatus: () => {
31
33
  isBlocked: boolean;
32
34
  };
33
35
 
36
+ type ValidationResult = {
37
+ isValid: true;
38
+ errorMessage: null;
39
+ } | {
40
+ isValid: false;
41
+ errorMessage: string;
42
+ };
43
+ type ValidationEvent = 'inputChange' | 'create';
44
+
45
+ declare const controlActionsMenu: _elementor_menus.Menu<{
46
+ PopoverAction: typeof PopoverAction;
47
+ }, "default">;
48
+
34
49
  declare function init(): void;
35
50
 
36
- export { type PopoverActionProps, init, injectIntoClassSelectorActions, replaceControl, usePanelActions, usePanelStatus };
51
+ export { type PopoverActionProps, type ValidationEvent, type ValidationResult, controlActionsMenu, init, injectIntoClassSelectorActions, registerControlReplacement, usePanelActions, usePanelStatus };