@elementor/editor-controls 1.3.0 → 1.5.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 (20) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/index.d.mts +13 -5
  3. package/dist/index.d.ts +13 -5
  4. package/dist/index.js +777 -629
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +617 -458
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +5 -5
  9. package/src/components/font-family-selector.tsx +54 -56
  10. package/src/components/repeater.tsx +22 -11
  11. package/src/components/size-control/size-input.tsx +4 -4
  12. package/src/controls/color-control.tsx +12 -1
  13. package/src/controls/filter-control/drop-shadow-item-content.tsx +69 -0
  14. package/src/controls/filter-control/drop-shadow-item-label.tsx +20 -0
  15. package/src/controls/filter-repeater-control.tsx +108 -21
  16. package/src/controls/key-value-control.tsx +57 -46
  17. package/src/controls/repeatable-control.tsx +48 -29
  18. package/src/controls/size-control.tsx +25 -12
  19. package/src/controls/text-control.tsx +33 -18
  20. package/src/utils/size-control.ts +4 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,45 @@
1
1
  # @elementor/editor-controls
2
2
 
3
+ ## 1.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 64b3e09: Adds support for the backdrop-filter css property to atomic widgets.
8
+ - 3904505: Adds hue rotate css filter
9
+ - cdbd491: Add Drop Shadow filter
10
+ - b90d7db: Key value control should support dynamic tags
11
+
12
+ ### Patch Changes
13
+
14
+ - 0db150c: Update the popover height.
15
+ - Updated dependencies [64b3e09]
16
+ - Updated dependencies [3904505]
17
+ - Updated dependencies [0db150c]
18
+ - Updated dependencies [cdbd491]
19
+ - Updated dependencies [d44e898]
20
+ - @elementor/editor-props@0.18.0
21
+ - @elementor/editor-ui@0.14.2
22
+ - @elementor/editor-current-user@0.6.1
23
+ - @elementor/editor-elements@0.9.2
24
+
25
+ ## 1.4.0
26
+
27
+ ### Minor Changes
28
+
29
+ - 669f39f: Display a placeholder value inside the color control.
30
+ - 068f659: Adds contrast, gray-scale, invert, sepia and saturate css filters
31
+ - e7cca0a: Updated size control to support degree units
32
+
33
+ ### Patch Changes
34
+
35
+ - Updated dependencies [2e677ee]
36
+ - Updated dependencies [068f659]
37
+ - Updated dependencies [e7cca0a]
38
+ - Updated dependencies [07ca7e9]
39
+ - @elementor/editor-ui@0.14.1
40
+ - @elementor/editor-props@0.17.0
41
+ - @elementor/editor-elements@0.9.1
42
+
3
43
  ## 1.3.0
4
44
 
5
45
  ### Minor Changes
package/dist/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React$1 from 'react';
2
2
  import { RefObject, ReactNode, FC, PropsWithChildren, ComponentType } from 'react';
3
+ import { SxProps, UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
3
4
  import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
4
- import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
5
5
  import * as _elementor_locations from '@elementor/locations';
6
6
 
7
7
  type ImageControlProps = {
@@ -13,8 +13,12 @@ type ImageControlProps = {
13
13
  };
14
14
  declare const ImageControl: ControlComponent<({ sizes, showMode }: ImageControlProps) => React$1.JSX.Element>;
15
15
 
16
- declare const TextControl: ControlComponent<({ placeholder }: {
16
+ declare const TextControl: ControlComponent<({ placeholder, error, inputValue, inputDisabled, sx, }: {
17
17
  placeholder?: string;
18
+ error?: boolean;
19
+ inputValue?: string;
20
+ inputDisabled?: boolean;
21
+ sx?: SxProps;
18
22
  }) => React$1.JSX.Element>;
19
23
 
20
24
  type Props$6 = {
@@ -23,18 +27,20 @@ type Props$6 = {
23
27
  declare const TextAreaControl: ControlComponent<({ placeholder }: Props$6) => React$1.JSX.Element>;
24
28
 
25
29
  declare const defaultUnits: readonly ["px", "%", "em", "rem", "vw", "vh"];
30
+ declare const degreeUnits: readonly ["deg", "rad", "grad", "turn"];
26
31
  declare const defaultExtendedOptions: readonly ["auto", "custom"];
27
32
  type Unit = (typeof defaultUnits)[number];
33
+ type DegreeUnit = (typeof degreeUnits)[number];
28
34
  type ExtendedOption = (typeof defaultExtendedOptions)[number];
29
35
 
30
36
  type SizeControlProps = {
31
37
  placeholder?: string;
32
38
  startIcon?: React$1.ReactNode;
33
- units?: Unit[];
39
+ units?: (Unit | DegreeUnit)[];
34
40
  extendedOptions?: ExtendedOption[];
35
41
  disableCustom?: boolean;
36
42
  anchorRef?: RefObject<HTMLDivElement | null>;
37
- defaultUnit?: Unit;
43
+ defaultUnit?: Unit | DegreeUnit;
38
44
  };
39
45
  declare const SizeControl: ControlComponent<(props: SizeControlProps) => React$1.JSX.Element>;
40
46
 
@@ -42,7 +48,9 @@ declare const StrokeControl: ControlComponent<() => React$1.JSX.Element>;
42
48
 
43
49
  declare const BoxShadowRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
44
50
 
45
- declare const FilterRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
51
+ declare const FilterRepeaterControl: ControlComponent<({ filterPropName }: {
52
+ filterPropName?: string;
53
+ }) => React$1.JSX.Element>;
46
54
 
47
55
  type Props$5 = {
48
56
  options: Array<{
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React$1 from 'react';
2
2
  import { RefObject, ReactNode, FC, PropsWithChildren, ComponentType } from 'react';
3
+ import { SxProps, UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
3
4
  import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
4
- import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
5
5
  import * as _elementor_locations from '@elementor/locations';
6
6
 
7
7
  type ImageControlProps = {
@@ -13,8 +13,12 @@ type ImageControlProps = {
13
13
  };
14
14
  declare const ImageControl: ControlComponent<({ sizes, showMode }: ImageControlProps) => React$1.JSX.Element>;
15
15
 
16
- declare const TextControl: ControlComponent<({ placeholder }: {
16
+ declare const TextControl: ControlComponent<({ placeholder, error, inputValue, inputDisabled, sx, }: {
17
17
  placeholder?: string;
18
+ error?: boolean;
19
+ inputValue?: string;
20
+ inputDisabled?: boolean;
21
+ sx?: SxProps;
18
22
  }) => React$1.JSX.Element>;
19
23
 
20
24
  type Props$6 = {
@@ -23,18 +27,20 @@ type Props$6 = {
23
27
  declare const TextAreaControl: ControlComponent<({ placeholder }: Props$6) => React$1.JSX.Element>;
24
28
 
25
29
  declare const defaultUnits: readonly ["px", "%", "em", "rem", "vw", "vh"];
30
+ declare const degreeUnits: readonly ["deg", "rad", "grad", "turn"];
26
31
  declare const defaultExtendedOptions: readonly ["auto", "custom"];
27
32
  type Unit = (typeof defaultUnits)[number];
33
+ type DegreeUnit = (typeof degreeUnits)[number];
28
34
  type ExtendedOption = (typeof defaultExtendedOptions)[number];
29
35
 
30
36
  type SizeControlProps = {
31
37
  placeholder?: string;
32
38
  startIcon?: React$1.ReactNode;
33
- units?: Unit[];
39
+ units?: (Unit | DegreeUnit)[];
34
40
  extendedOptions?: ExtendedOption[];
35
41
  disableCustom?: boolean;
36
42
  anchorRef?: RefObject<HTMLDivElement | null>;
37
- defaultUnit?: Unit;
43
+ defaultUnit?: Unit | DegreeUnit;
38
44
  };
39
45
  declare const SizeControl: ControlComponent<(props: SizeControlProps) => React$1.JSX.Element>;
40
46
 
@@ -42,7 +48,9 @@ declare const StrokeControl: ControlComponent<() => React$1.JSX.Element>;
42
48
 
43
49
  declare const BoxShadowRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
44
50
 
45
- declare const FilterRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
51
+ declare const FilterRepeaterControl: ControlComponent<({ filterPropName }: {
52
+ filterPropName?: string;
53
+ }) => React$1.JSX.Element>;
46
54
 
47
55
  type Props$5 = {
48
56
  options: Array<{