@elementor/editor-editing-panel 1.0.0 → 1.1.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 (117) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/dist/index.d.mts +10 -19
  3. package/dist/index.d.ts +10 -19
  4. package/dist/index.js +1283 -1751
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1305 -1762
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +12 -12
  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-section.tsx +76 -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 +120 -0
  19. package/src/components/multi-combobox/types.ts +26 -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/display-field.tsx +32 -0
  34. package/src/components/style-sections/layout-section/justify-content-field.tsx +82 -0
  35. package/src/components/style-sections/layout-section/layout-section.tsx +17 -0
  36. package/src/components/style-sections/layout-section/utils/rotate-flex-icon.ts +12 -0
  37. package/src/components/style-sections/position-section/dimensions-field.tsx +6 -6
  38. package/src/components/style-sections/position-section/position-field.tsx +4 -4
  39. package/src/components/style-sections/position-section/position-section.tsx +45 -15
  40. package/src/components/style-sections/position-section/z-index-field.tsx +4 -4
  41. package/src/components/style-sections/size-section/overflow-field.tsx +8 -8
  42. package/src/components/style-sections/size-section/size-section.tsx +33 -26
  43. package/src/components/style-sections/spacing-section/spacing-section.tsx +11 -13
  44. package/src/components/style-sections/typography-section/font-family-field.tsx +40 -0
  45. package/src/components/style-sections/typography-section/font-size-field.tsx +4 -4
  46. package/src/components/style-sections/typography-section/font-weight-field.tsx +4 -4
  47. package/src/components/style-sections/typography-section/letter-spacing-field.tsx +4 -4
  48. package/src/components/style-sections/typography-section/text-alignment-field.tsx +9 -9
  49. package/src/components/style-sections/typography-section/text-color-field.tsx +4 -4
  50. package/src/components/style-sections/typography-section/text-direction-field.tsx +7 -7
  51. package/src/components/style-sections/typography-section/text-stroke-field.tsx +3 -3
  52. package/src/components/style-sections/typography-section/text-style-field.tsx +5 -4
  53. package/src/components/style-sections/typography-section/transform-field.tsx +23 -9
  54. package/src/components/style-sections/typography-section/typography-section.tsx +26 -27
  55. package/src/components/style-sections/typography-section/word-spacing-field.tsx +4 -4
  56. package/src/components/style-tab.tsx +67 -31
  57. package/src/contexts/classes-prop-context.tsx +1 -1
  58. package/src/contexts/element-context.tsx +2 -2
  59. package/src/contexts/style-context.tsx +6 -5
  60. package/src/control-replacement.tsx +1 -1
  61. package/src/controls-actions.ts +3 -2
  62. package/src/controls-registry/control-type-container.tsx +3 -2
  63. package/src/controls-registry/control.tsx +2 -1
  64. package/src/controls-registry/controls-registry.tsx +8 -1
  65. package/src/controls-registry/settings-field.tsx +5 -4
  66. package/src/controls-registry/styles-field.tsx +3 -2
  67. package/src/dynamics/components/dynamic-selection-control.tsx +15 -14
  68. package/src/dynamics/components/dynamic-selection.tsx +9 -8
  69. package/src/dynamics/dynamic-control.tsx +4 -4
  70. package/src/dynamics/hooks/use-dynamic-tag.ts +3 -2
  71. package/src/dynamics/hooks/use-prop-dynamic-action.tsx +6 -5
  72. package/src/dynamics/hooks/use-prop-dynamic-tags.ts +3 -2
  73. package/src/dynamics/init.ts +5 -3
  74. package/src/dynamics/sync/get-elementor-config.ts +1 -1
  75. package/src/dynamics/types.ts +2 -2
  76. package/src/dynamics/utils.ts +3 -2
  77. package/src/hooks/use-close-editor-panel.ts +23 -0
  78. package/src/hooks/use-direction.ts +13 -0
  79. package/src/hooks/use-open-editor-panel.ts +4 -3
  80. package/src/hooks/use-prop-value-history.ts +45 -0
  81. package/src/hooks/use-style-prop-history.ts +75 -0
  82. package/src/hooks/use-styles-field.ts +25 -4
  83. package/src/index.ts +1 -1
  84. package/src/init.ts +5 -4
  85. package/src/panel.ts +1 -0
  86. package/src/popover-action.tsx +1 -1
  87. package/src/sync/enqueue-font.ts +7 -0
  88. package/src/sync/get-elementor-config.ts +7 -0
  89. package/src/sync/{should-use-v2-panel.ts → is-atomic-widget-selected.ts} +1 -1
  90. package/src/sync/types.ts +20 -21
  91. package/src/components/accordion-section.tsx +0 -26
  92. package/src/components/control-label.tsx +0 -10
  93. package/src/controls/bound-prop-context.tsx +0 -30
  94. package/src/controls/components/control-toggle-button-group.tsx +0 -68
  95. package/src/controls/components/repeater.tsx +0 -197
  96. package/src/controls/components/text-field-inner-selection.tsx +0 -75
  97. package/src/controls/control-actions/control-actions-context.tsx +0 -27
  98. package/src/controls/control-actions/control-actions-menu.ts +0 -7
  99. package/src/controls/control-actions/control-actions.tsx +0 -31
  100. package/src/controls/controls/box-shadow-repeater-control.tsx +0 -210
  101. package/src/controls/controls/color-control.tsx +0 -25
  102. package/src/controls/controls/equal-unequal-sizes-control.tsx +0 -196
  103. package/src/controls/controls/image-control.tsx +0 -58
  104. package/src/controls/controls/image-media-control.tsx +0 -64
  105. package/src/controls/controls/linked-dimensions-control.tsx +0 -139
  106. package/src/controls/controls/number-control.tsx +0 -29
  107. package/src/controls/controls/select-control.tsx +0 -30
  108. package/src/controls/controls/size-control.tsx +0 -71
  109. package/src/controls/controls/stroke-control.tsx +0 -105
  110. package/src/controls/controls/text-area-control.tsx +0 -31
  111. package/src/controls/controls/text-control.tsx +0 -17
  112. package/src/controls/controls/toggle-control.tsx +0 -26
  113. package/src/controls/create-control-replacement.tsx +0 -53
  114. package/src/controls/create-control.tsx +0 -40
  115. package/src/controls/hooks/use-sync-external-state.tsx +0 -51
  116. package/src/controls/index.ts +0 -24
  117. package/src/dynamics/hooks/use-prop-value-history.ts +0 -26
package/CHANGELOG.md CHANGED
@@ -1,5 +1,51 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - e7f4706: save style props to session
8
+ - e4c6e3b: update @elementor/ui version
9
+ fix color picker position in box shadow repeater control
10
+ make the color control full width
11
+ - 53ac7c9: Add support for a single size shorthand in EqualUnequalSizesControl
12
+ - 00bdd7e: Added layout section with display field, updated toggle button group to match new children elements
13
+ - 1d6619b: Close edit panel for atomic widget upon deletion
14
+ - cecdfba: Updated display field with a flex option, together with a "justify content" field
15
+ - 1d7879e: Add `MultiCombobox` with actions.
16
+ - 19bf117: Add font family control to style tab
17
+ - 55962f8: Add background color overlay control
18
+ - e2ee013: Created the `editor-controls` packages.
19
+
20
+ ### Patch Changes
21
+
22
+ - 7781969: Create basic UI for the class selector
23
+ - 95bb0ce: Update Section to use Collapse component instead of Accordion
24
+ - 8fe671b: Fix typos in texts and file names
25
+ - 7781969: Update `@elementor/ui` version
26
+ - 5c3d546: Fix some style issues in the editing panel and controls
27
+ - Updated dependencies [e7f4706]
28
+ - Updated dependencies [7781969]
29
+ - Updated dependencies [e4c6e3b]
30
+ - Updated dependencies [d21c5c3]
31
+ - Updated dependencies [00bdd7e]
32
+ - Updated dependencies [6e240a8]
33
+ - Updated dependencies [cecdfba]
34
+ - Updated dependencies [6d5475d]
35
+ - Updated dependencies [7781969]
36
+ - Updated dependencies [0c6bcb6]
37
+ - Updated dependencies [5c3d546]
38
+ - Updated dependencies [55962f8]
39
+ - Updated dependencies [e2ee013]
40
+ - @elementor/editor-elements@0.3.0
41
+ - @elementor/utils@0.3.0
42
+ - @elementor/editor-styles@0.2.1
43
+ - @elementor/editor-controls@0.1.0
44
+ - @elementor/editor-panels@0.10.0
45
+ - @elementor/editor@0.17.0
46
+ - @elementor/editor-props@0.3.0
47
+ - @elementor/editor-v1-adapters@0.8.4
48
+
3
49
  ## 1.0.0
4
50
 
5
51
  ### 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 };