@elementor/editor-editing-panel 1.0.0 → 1.2.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 (120) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/dist/index.d.mts +10 -19
  3. package/dist/index.d.ts +10 -19
  4. package/dist/index.js +1539 -1754
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1534 -1723
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +13 -13
  9. package/src/components/add-or-remove-content.tsx +3 -3
  10. package/src/components/collapse-icon.tsx +12 -0
  11. package/src/components/collapsible-content.tsx +5 -14
  12. package/src/components/collapsible-field.tsx +5 -3
  13. package/src/components/css-class-selector.tsx +131 -0
  14. package/src/components/editing-panel-hooks.tsx +2 -0
  15. package/src/components/editing-panel-tabs.tsx +23 -13
  16. package/src/components/editing-panel.tsx +9 -6
  17. package/src/components/multi-combobox/index.ts +3 -0
  18. package/src/components/multi-combobox/multi-combobox.tsx +122 -0
  19. package/src/components/multi-combobox/types.ts +28 -0
  20. package/src/components/multi-combobox/use-combobox-actions.ts +62 -0
  21. package/src/components/section.tsx +37 -0
  22. package/src/components/sections-list.tsx +6 -0
  23. package/src/components/settings-tab.tsx +11 -11
  24. package/src/components/style-sections/background-section/background-color-field.tsx +4 -4
  25. package/src/components/style-sections/background-section/background-section.tsx +9 -7
  26. package/src/components/style-sections/border-section/border-color-field.tsx +4 -4
  27. package/src/components/style-sections/border-section/border-field.tsx +4 -3
  28. package/src/components/style-sections/border-section/border-radius-field.tsx +4 -3
  29. package/src/components/style-sections/border-section/border-section.tsx +7 -10
  30. package/src/components/style-sections/border-section/border-style-field.tsx +4 -4
  31. package/src/components/style-sections/border-section/border-width-field.tsx +4 -3
  32. package/src/components/style-sections/effects-section/effects-section.tsx +7 -10
  33. package/src/components/style-sections/layout-section/align-items-field.tsx +92 -0
  34. package/src/components/style-sections/layout-section/display-field.tsx +32 -0
  35. package/src/components/style-sections/layout-section/flex-direction-field.tsx +64 -0
  36. package/src/components/style-sections/layout-section/flex-order-field.tsx +114 -0
  37. package/src/components/style-sections/layout-section/justify-content-field.tsx +109 -0
  38. package/src/components/style-sections/layout-section/layout-section.tsx +36 -0
  39. package/src/components/style-sections/layout-section/wrap-field.tsx +52 -0
  40. package/src/components/style-sections/position-section/dimensions-field.tsx +6 -6
  41. package/src/components/style-sections/position-section/position-field.tsx +4 -4
  42. package/src/components/style-sections/position-section/position-section.tsx +45 -15
  43. package/src/components/style-sections/position-section/z-index-field.tsx +4 -4
  44. package/src/components/style-sections/size-section/overflow-field.tsx +8 -8
  45. package/src/components/style-sections/size-section/size-section.tsx +33 -26
  46. package/src/components/style-sections/spacing-section/spacing-section.tsx +11 -13
  47. package/src/components/style-sections/typography-section/font-family-field.tsx +40 -0
  48. package/src/components/style-sections/typography-section/font-size-field.tsx +4 -4
  49. package/src/components/style-sections/typography-section/font-weight-field.tsx +4 -4
  50. package/src/components/style-sections/typography-section/letter-spacing-field.tsx +4 -4
  51. package/src/components/style-sections/typography-section/text-alignment-field.tsx +9 -9
  52. package/src/components/style-sections/typography-section/text-color-field.tsx +4 -4
  53. package/src/components/style-sections/typography-section/text-direction-field.tsx +7 -7
  54. package/src/components/style-sections/typography-section/text-stroke-field.tsx +42 -7
  55. package/src/components/style-sections/typography-section/text-style-field.tsx +5 -4
  56. package/src/components/style-sections/typography-section/transform-field.tsx +23 -9
  57. package/src/components/style-sections/typography-section/typography-section.tsx +26 -27
  58. package/src/components/style-sections/typography-section/word-spacing-field.tsx +4 -4
  59. package/src/components/style-tab.tsx +67 -31
  60. package/src/contexts/classes-prop-context.tsx +1 -1
  61. package/src/contexts/element-context.tsx +2 -2
  62. package/src/contexts/style-context.tsx +6 -5
  63. package/src/control-replacement.tsx +1 -1
  64. package/src/controls-actions.ts +3 -2
  65. package/src/controls-registry/control-type-container.tsx +3 -2
  66. package/src/controls-registry/control.tsx +2 -1
  67. package/src/controls-registry/controls-registry.tsx +8 -1
  68. package/src/controls-registry/settings-field.tsx +5 -4
  69. package/src/controls-registry/styles-field.tsx +3 -2
  70. package/src/dynamics/components/dynamic-selection-control.tsx +15 -14
  71. package/src/dynamics/components/dynamic-selection.tsx +9 -8
  72. package/src/dynamics/dynamic-control.tsx +4 -4
  73. package/src/dynamics/hooks/use-dynamic-tag.ts +3 -2
  74. package/src/dynamics/hooks/use-prop-dynamic-action.tsx +6 -5
  75. package/src/dynamics/hooks/use-prop-dynamic-tags.ts +3 -2
  76. package/src/dynamics/init.ts +5 -3
  77. package/src/dynamics/sync/get-elementor-config.ts +1 -1
  78. package/src/dynamics/types.ts +2 -2
  79. package/src/dynamics/utils.ts +3 -2
  80. package/src/hooks/use-close-editor-panel.ts +23 -0
  81. package/src/hooks/use-direction.ts +13 -0
  82. package/src/hooks/use-open-editor-panel.ts +4 -3
  83. package/src/hooks/use-prop-value-history.ts +45 -0
  84. package/src/hooks/use-style-prop-history.ts +75 -0
  85. package/src/hooks/use-styles-field.ts +25 -4
  86. package/src/index.ts +1 -1
  87. package/src/init.ts +5 -4
  88. package/src/panel.ts +1 -0
  89. package/src/popover-action.tsx +1 -1
  90. package/src/sync/enqueue-font.ts +7 -0
  91. package/src/sync/get-elementor-config.ts +7 -0
  92. package/src/sync/{should-use-v2-panel.ts → is-atomic-widget-selected.ts} +1 -1
  93. package/src/sync/types.ts +20 -21
  94. package/src/components/accordion-section.tsx +0 -26
  95. package/src/components/control-label.tsx +0 -10
  96. package/src/controls/bound-prop-context.tsx +0 -30
  97. package/src/controls/components/control-toggle-button-group.tsx +0 -68
  98. package/src/controls/components/repeater.tsx +0 -197
  99. package/src/controls/components/text-field-inner-selection.tsx +0 -75
  100. package/src/controls/control-actions/control-actions-context.tsx +0 -27
  101. package/src/controls/control-actions/control-actions-menu.ts +0 -7
  102. package/src/controls/control-actions/control-actions.tsx +0 -31
  103. package/src/controls/controls/box-shadow-repeater-control.tsx +0 -210
  104. package/src/controls/controls/color-control.tsx +0 -25
  105. package/src/controls/controls/equal-unequal-sizes-control.tsx +0 -196
  106. package/src/controls/controls/image-control.tsx +0 -58
  107. package/src/controls/controls/image-media-control.tsx +0 -64
  108. package/src/controls/controls/linked-dimensions-control.tsx +0 -139
  109. package/src/controls/controls/number-control.tsx +0 -29
  110. package/src/controls/controls/select-control.tsx +0 -30
  111. package/src/controls/controls/size-control.tsx +0 -71
  112. package/src/controls/controls/stroke-control.tsx +0 -105
  113. package/src/controls/controls/text-area-control.tsx +0 -31
  114. package/src/controls/controls/text-control.tsx +0 -17
  115. package/src/controls/controls/toggle-control.tsx +0 -26
  116. package/src/controls/create-control-replacement.tsx +0 -53
  117. package/src/controls/create-control.tsx +0 -40
  118. package/src/controls/hooks/use-sync-external-state.tsx +0 -51
  119. package/src/controls/index.ts +0 -24
  120. package/src/dynamics/hooks/use-prop-value-history.ts +0 -26
package/CHANGELOG.md CHANGED
@@ -1,5 +1,75 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 40e6e5f: Added flex direction field
8
+ - 1d557f6: Added flex order field
9
+ - c2fdb15: Added flex align items field
10
+ - 463c695: Added flex wrap field
11
+
12
+ ### Patch Changes
13
+
14
+ - dee4071: Introduce apply/unapply for Class Selector
15
+ - 70e5d28: Text Stroke Control removal functionality
16
+ - 1926fe1: Update dependencies
17
+ - Updated dependencies [081bae8]
18
+ - Updated dependencies [1926fe1]
19
+ - Updated dependencies [f584292]
20
+ - @elementor/editor-responsive@0.12.3
21
+ - @elementor/editor-elements@0.3.1
22
+ - @elementor/editor-controls@0.1.1
23
+ - @elementor/editor-panels@0.10.1
24
+ - @elementor/editor@0.17.1
25
+ - @elementor/editor-styles@0.3.0
26
+
27
+ ## 1.1.0
28
+
29
+ ### Minor Changes
30
+
31
+ - e7f4706: save style props to session
32
+ - e4c6e3b: update @elementor/ui version
33
+ fix color picker position in box shadow repeater control
34
+ make the color control full width
35
+ - 53ac7c9: Add support for a single size shorthand in EqualUnequalSizesControl
36
+ - 00bdd7e: Added layout section with display field, updated toggle button group to match new children elements
37
+ - 1d6619b: Close edit panel for atomic widget upon deletion
38
+ - cecdfba: Updated display field with a flex option, together with a "justify content" field
39
+ - 1d7879e: Add `MultiCombobox` with actions.
40
+ - 19bf117: Add font family control to style tab
41
+ - 55962f8: Add background color overlay control
42
+ - e2ee013: Created the `editor-controls` packages.
43
+
44
+ ### Patch Changes
45
+
46
+ - 7781969: Create basic UI for the class selector
47
+ - 95bb0ce: Update Section to use Collapse component instead of Accordion
48
+ - 8fe671b: Fix typos in texts and file names
49
+ - 7781969: Update `@elementor/ui` version
50
+ - 5c3d546: Fix some style issues in the editing panel and controls
51
+ - Updated dependencies [e7f4706]
52
+ - Updated dependencies [7781969]
53
+ - Updated dependencies [e4c6e3b]
54
+ - Updated dependencies [d21c5c3]
55
+ - Updated dependencies [00bdd7e]
56
+ - Updated dependencies [6e240a8]
57
+ - Updated dependencies [cecdfba]
58
+ - Updated dependencies [6d5475d]
59
+ - Updated dependencies [7781969]
60
+ - Updated dependencies [0c6bcb6]
61
+ - Updated dependencies [5c3d546]
62
+ - Updated dependencies [55962f8]
63
+ - Updated dependencies [e2ee013]
64
+ - @elementor/editor-elements@0.3.0
65
+ - @elementor/utils@0.3.0
66
+ - @elementor/editor-styles@0.2.1
67
+ - @elementor/editor-controls@0.1.0
68
+ - @elementor/editor-panels@0.10.0
69
+ - @elementor/editor@0.17.0
70
+ - @elementor/editor-props@0.3.0
71
+ - @elementor/editor-v1-adapters@0.8.4
72
+
3
73
  ## 1.0.0
4
74
 
5
75
  ### Major Changes
package/dist/index.d.mts CHANGED
@@ -1,5 +1,7 @@
1
+ export { useBoundProp } from '@elementor/editor-controls';
2
+ import * as react from 'react';
1
3
  import { ElementType, ComponentType } from 'react';
2
- import { PropValue, PropKey } from '@elementor/editor-props';
4
+ import * as _elementor_editor_props from '@elementor/editor-props';
3
5
 
4
6
  type PopoverActionProps = {
5
7
  title: string;
@@ -10,22 +12,11 @@ type PopoverActionProps = {
10
12
  }>;
11
13
  };
12
14
 
13
- type ReplaceWhenParams = {
14
- value: PropValue;
15
- };
16
- type CreateControlReplacement = {
17
- component: ComponentType;
18
- condition: ({ value }: ReplaceWhenParams) => boolean;
19
- };
20
-
21
- declare const replaceControl: ({ component, condition }: CreateControlReplacement) => void;
22
-
23
- type BoundPropContext<T extends PropValue> = {
24
- bind: PropKey;
25
- setValue: (value: T | undefined) => void;
26
- value: T | undefined;
27
- };
28
- declare function useBoundProp<T extends PropValue>(): BoundPropContext<T | undefined>;
29
- declare function useBoundProp<T extends PropValue>(defaultValue: T): BoundPropContext<T>;
15
+ declare const replaceControl: ({ component, condition }: {
16
+ component: react.ComponentType;
17
+ condition: ({ value }: {
18
+ value: _elementor_editor_props.PropValue;
19
+ }) => boolean;
20
+ }) => void;
30
21
 
31
- export { type PopoverActionProps, replaceControl, useBoundProp };
22
+ export { type PopoverActionProps, replaceControl };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
+ export { useBoundProp } from '@elementor/editor-controls';
2
+ import * as react from 'react';
1
3
  import { ElementType, ComponentType } from 'react';
2
- import { PropValue, PropKey } from '@elementor/editor-props';
4
+ import * as _elementor_editor_props from '@elementor/editor-props';
3
5
 
4
6
  type PopoverActionProps = {
5
7
  title: string;
@@ -10,22 +12,11 @@ type PopoverActionProps = {
10
12
  }>;
11
13
  };
12
14
 
13
- type ReplaceWhenParams = {
14
- value: PropValue;
15
- };
16
- type CreateControlReplacement = {
17
- component: ComponentType;
18
- condition: ({ value }: ReplaceWhenParams) => boolean;
19
- };
20
-
21
- declare const replaceControl: ({ component, condition }: CreateControlReplacement) => void;
22
-
23
- type BoundPropContext<T extends PropValue> = {
24
- bind: PropKey;
25
- setValue: (value: T | undefined) => void;
26
- value: T | undefined;
27
- };
28
- declare function useBoundProp<T extends PropValue>(): BoundPropContext<T | undefined>;
29
- declare function useBoundProp<T extends PropValue>(defaultValue: T): BoundPropContext<T>;
15
+ declare const replaceControl: ({ component, condition }: {
16
+ component: react.ComponentType;
17
+ condition: ({ value }: {
18
+ value: _elementor_editor_props.PropValue;
19
+ }) => boolean;
20
+ }) => void;
30
21
 
31
- export { type PopoverActionProps, replaceControl, useBoundProp };
22
+ export { type PopoverActionProps, replaceControl };