@elementor/editor-controls 1.2.0 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @elementor/editor-controls
 
+## 1.5.0
+
+### Minor Changes
+
+- 64b3e09: Adds support for the backdrop-filter css property to atomic widgets.
+- 3904505: Adds hue rotate css filter
+- cdbd491: Add Drop Shadow filter
+- b90d7db: Key value control should support dynamic tags
+
+### Patch Changes
+
+- 0db150c: Update the popover height.
+- Updated dependencies [64b3e09]
+- Updated dependencies [3904505]
+- Updated dependencies [0db150c]
+- Updated dependencies [cdbd491]
+- Updated dependencies [d44e898]
+  - @elementor/editor-props@0.18.0
+  - @elementor/editor-ui@0.14.2
+  - @elementor/editor-current-user@0.6.1
+  - @elementor/editor-elements@0.9.2
+
+## 1.4.0
+
+### Minor Changes
+
+- 669f39f: Display a placeholder value inside the color control.
+- 068f659: Adds contrast, gray-scale, invert, sepia and saturate css filters
+- e7cca0a: Updated size control to support degree units
+
+### Patch Changes
+
+- Updated dependencies [2e677ee]
+- Updated dependencies [068f659]
+- Updated dependencies [e7cca0a]
+- Updated dependencies [07ca7e9]
+  - @elementor/editor-ui@0.14.1
+  - @elementor/editor-props@0.17.0
+  - @elementor/editor-elements@0.9.1
+
+## 1.3.0
+
+### Minor Changes
+
+- 5c6a912: Fixed issue with item label in repeatable control
+- b3726f6: Add transform move control
+- b17730a: Placeholder logic added to select control & font-family control
+- 1a37b1c: Update the Elementor UI version.
+- c62d64c: Injected prop dependency API into settings field
+- d1fc9d2: Update TextFieldPopover to use slotProps for Paper styling
+- 12333b0: Update `@elementor/icons` package.
+
+### Patch Changes
+
+- 8f38cf3: Fix image control layout
+- d4406fd: Add missing FF to link control.
+- Updated dependencies [b3726f6]
+- Updated dependencies [68ce0d9]
+- Updated dependencies [1a37b1c]
+- Updated dependencies [c62d64c]
+- Updated dependencies [12333b0]
+  - @elementor/editor-props@0.16.0
+  - @elementor/editor-current-user@0.6.0
+  - @elementor/editor-ui@0.14.0
+  - @elementor/editor-elements@0.9.0
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import { RefObject, ReactNode, FC, PropsWithChildren, ComponentType } from 'react';
+import { SxProps, UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
-import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -13,8 +13,12 @@ type ImageControlProps = {
 };
 declare const ImageControl: ControlComponent<({ sizes, showMode }: ImageControlProps) => React$1.JSX.Element>;
 
-declare const TextControl: ControlComponent<({ placeholder }: {
+declare const TextControl: ControlComponent<({ placeholder, error, inputValue, inputDisabled, sx, }: {
     placeholder?: string;
+    error?: boolean;
+    inputValue?: string;
+    inputDisabled?: boolean;
+    sx?: SxProps;
 }) => React$1.JSX.Element>;
 
 type Props$6 = {
@@ -23,18 +27,20 @@ type Props$6 = {
 declare const TextAreaControl: ControlComponent<({ placeholder }: Props$6) => React$1.JSX.Element>;
 
 declare const defaultUnits: readonly ["px", "%", "em", "rem", "vw", "vh"];
+declare const degreeUnits: readonly ["deg", "rad", "grad", "turn"];
 declare const defaultExtendedOptions: readonly ["auto", "custom"];
 type Unit = (typeof defaultUnits)[number];
+type DegreeUnit = (typeof degreeUnits)[number];
 type ExtendedOption = (typeof defaultExtendedOptions)[number];
 
 type SizeControlProps = {
     placeholder?: string;
     startIcon?: React$1.ReactNode;
-    units?: Unit[];
+    units?: (Unit | DegreeUnit)[];
     extendedOptions?: ExtendedOption[];
     disableCustom?: boolean;
     anchorRef?: RefObject<HTMLDivElement | null>;
-    defaultUnit?: Unit;
+    defaultUnit?: Unit | DegreeUnit;
 };
 declare const SizeControl: ControlComponent<(props: SizeControlProps) => React$1.JSX.Element>;
 
@@ -42,7 +48,9 @@ declare const StrokeControl: ControlComponent<() => React$1.JSX.Element>;
 
 declare const BoxShadowRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
 
-declare const FilterRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+declare const FilterRepeaterControl: ControlComponent<({ filterPropName }: {
+    filterPropName?: string;
+}) => React$1.JSX.Element>;
 
 type Props$5 = {
     options: Array<{
@@ -206,6 +214,8 @@ declare const KeyValueControl: ControlComponent<(props?: KeyValueControlProps) =
 
 declare const PositionControl: () => React$1.JSX.Element;
 
+declare const TransformRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+
 declare const PopoverContent: FC<PropsWithChildren<StackProps>>;
 
 declare const ControlFormLabel: (props: FormLabelProps) => React$1.JSX.Element;
@@ -245,11 +255,11 @@ type PropContext<T extends PropValue, P extends PropType> = {
     value: T | null;
     propType: P;
     placeholder?: T;
-    disabled?: boolean;
+    isDisabled?: (propType: PropType) => boolean | undefined;
 };
 declare const PropContext: React$1.Context<PropContext<PropValue, PropType> | null>;
 type PropProviderProps<T extends PropValue, P extends PropType> = React$1.PropsWithChildren<PropContext<T, P>>;
-declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, disabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
+declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, isDisabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
 
 type PropKeyContextValue<T, P> = {
     bind: PropKey;
@@ -258,6 +268,7 @@ type PropKeyContextValue<T, P> = {
     propType: P;
     placeholder?: T;
     path: PropKey[];
+    isDisabled?: (propType: PropType) => boolean | undefined;
     disabled?: boolean;
 };
 type PropKeyProviderProps = React$1.PropsWithChildren<{
@@ -273,6 +284,7 @@ type UseBoundProp<TValue extends PropValue> = {
     placeholder?: TValue;
     path: PropKey[];
     restoreValue: () => void;
+    isDisabled?: (propType: PropType) => boolean | undefined;
     disabled?: boolean;
 };
 declare function useBoundProp<T extends PropValue = PropValue, P extends PropType = PropType>(): PropKeyContextValue<T, P>;
@@ -321,4 +333,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, KeyValueControl, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, RepeatableControl, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, type Unit, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };
+export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, KeyValueControl, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, RepeatableControl, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, TransformRepeaterControl, type Unit, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import { RefObject, ReactNode, FC, PropsWithChildren, ComponentType } from 'react';
+import { SxProps, UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
-import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -13,8 +13,12 @@ type ImageControlProps = {
 };
 declare const ImageControl: ControlComponent<({ sizes, showMode }: ImageControlProps) => React$1.JSX.Element>;
 
-declare const TextControl: ControlComponent<({ placeholder }: {
+declare const TextControl: ControlComponent<({ placeholder, error, inputValue, inputDisabled, sx, }: {
     placeholder?: string;
+    error?: boolean;
+    inputValue?: string;
+    inputDisabled?: boolean;
+    sx?: SxProps;
 }) => React$1.JSX.Element>;
 
 type Props$6 = {
@@ -23,18 +27,20 @@ type Props$6 = {
 declare const TextAreaControl: ControlComponent<({ placeholder }: Props$6) => React$1.JSX.Element>;
 
 declare const defaultUnits: readonly ["px", "%", "em", "rem", "vw", "vh"];
+declare const degreeUnits: readonly ["deg", "rad", "grad", "turn"];
 declare const defaultExtendedOptions: readonly ["auto", "custom"];
 type Unit = (typeof defaultUnits)[number];
+type DegreeUnit = (typeof degreeUnits)[number];
 type ExtendedOption = (typeof defaultExtendedOptions)[number];
 
 type SizeControlProps = {
     placeholder?: string;
     startIcon?: React$1.ReactNode;
-    units?: Unit[];
+    units?: (Unit | DegreeUnit)[];
     extendedOptions?: ExtendedOption[];
     disableCustom?: boolean;
     anchorRef?: RefObject<HTMLDivElement | null>;
-    defaultUnit?: Unit;
+    defaultUnit?: Unit | DegreeUnit;
 };
 declare const SizeControl: ControlComponent<(props: SizeControlProps) => React$1.JSX.Element>;
 
@@ -42,7 +48,9 @@ declare const StrokeControl: ControlComponent<() => React$1.JSX.Element>;
 
 declare const BoxShadowRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
 
-declare const FilterRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+declare const FilterRepeaterControl: ControlComponent<({ filterPropName }: {
+    filterPropName?: string;
+}) => React$1.JSX.Element>;
 
 type Props$5 = {
     options: Array<{
@@ -206,6 +214,8 @@ declare const KeyValueControl: ControlComponent<(props?: KeyValueControlProps) =
 
 declare const PositionControl: () => React$1.JSX.Element;
 
+declare const TransformRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+
 declare const PopoverContent: FC<PropsWithChildren<StackProps>>;
 
 declare const ControlFormLabel: (props: FormLabelProps) => React$1.JSX.Element;
@@ -245,11 +255,11 @@ type PropContext<T extends PropValue, P extends PropType> = {
     value: T | null;
     propType: P;
     placeholder?: T;
-    disabled?: boolean;
+    isDisabled?: (propType: PropType) => boolean | undefined;
 };
 declare const PropContext: React$1.Context<PropContext<PropValue, PropType> | null>;
 type PropProviderProps<T extends PropValue, P extends PropType> = React$1.PropsWithChildren<PropContext<T, P>>;
-declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, disabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
+declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, isDisabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
 
 type PropKeyContextValue<T, P> = {
     bind: PropKey;
@@ -258,6 +268,7 @@ type PropKeyContextValue<T, P> = {
     propType: P;
     placeholder?: T;
     path: PropKey[];
+    isDisabled?: (propType: PropType) => boolean | undefined;
     disabled?: boolean;
 };
 type PropKeyProviderProps = React$1.PropsWithChildren<{
@@ -273,6 +284,7 @@ type UseBoundProp<TValue extends PropValue> = {
     placeholder?: TValue;
     path: PropKey[];
     restoreValue: () => void;
+    isDisabled?: (propType: PropType) => boolean | undefined;
     disabled?: boolean;
 };
 declare function useBoundProp<T extends PropValue = PropValue, P extends PropType = PropType>(): PropKeyContextValue<T, P>;
@@ -321,4 +333,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, KeyValueControl, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, RepeatableControl, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, type Unit, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };
+export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, KeyValueControl, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, RepeatableControl, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, TransformRepeaterControl, type Unit, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };