@elementor/editor-controls 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @elementor/editor-controls
 
+## 1.2.0
+
+### Minor Changes
+
+- ab6ad10: Adds support for css filter property, blur and brightness only.
+- a0ff6bc: Reset value button position fix, input reset fix for aspect ratio control
+- bfe6b0b: Update the width settings for the popover selection list.
+- 125de7b: Show placeholders in Number control
+- 9bbd4e3: Ensure repeatable control works with key-value control
+- d85ca8c: Update the popover styling for version 3.30.
+
+### Patch Changes
+
+- 0b32e5c: Removed % units from blur css filter.
+- 16df763: Add changed prop name to atomic element setting history
+- 6c6f0d6: Standardize style field layout and add `propDisplayName` prop to `StylesField`
+- Updated dependencies [e953081]
+- Updated dependencies [ab6ad10]
+- Updated dependencies [c91168a]
+- Updated dependencies [bfe6b0b]
+- Updated dependencies [ea388a1]
+- Updated dependencies [16df763]
+- Updated dependencies [d85ca8c]
+  - @elementor/utils@0.5.0
+  - @elementor/editor-props@0.15.0
+  - @elementor/editor-ui@0.13.0
+  - @elementor/editor-elements@0.8.7
+  - @elementor/editor-v1-adapters@0.12.1
+  - @elementor/wp-media@0.6.1
+  - @elementor/editor-responsive@0.13.6
+
 ## 1.1.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import { MutableRefObject, ReactNode, ComponentType, PropsWithChildren } from 'react';
+import { RefObject, ReactNode, FC, PropsWithChildren, ComponentType } from 'react';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
-import { UnstableColorFieldProps, ToggleButtonProps, StackProps, SxProps, Theme, FormLabelProps } from '@elementor/ui';
+import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -9,10 +9,9 @@ type ImageControlProps = {
         label: string;
         value: string;
     }[];
-    resolutionLabel?: string;
     showMode?: 'all' | 'media' | 'sizes';
 };
-declare const ImageControl: ControlComponent<({ sizes, resolutionLabel, showMode }: ImageControlProps) => React$1.JSX.Element>;
+declare const ImageControl: ControlComponent<({ sizes, showMode }: ImageControlProps) => React$1.JSX.Element>;
 
 declare const TextControl: ControlComponent<({ placeholder }: {
     placeholder?: string;
@@ -34,7 +33,7 @@ type SizeControlProps = {
     units?: Unit[];
     extendedOptions?: ExtendedOption[];
     disableCustom?: boolean;
-    anchorRef?: MutableRefObject<HTMLElement | undefined>;
+    anchorRef?: RefObject<HTMLDivElement | null>;
     defaultUnit?: Unit;
 };
 declare const SizeControl: ControlComponent<(props: SizeControlProps) => React$1.JSX.Element>;
@@ -43,6 +42,8 @@ declare const StrokeControl: ControlComponent<() => React$1.JSX.Element>;
 
 declare const BoxShadowRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
 
+declare const FilterRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+
 type Props$5 = {
     options: Array<{
         label: string;
@@ -99,7 +100,7 @@ type ToggleControlProps<T extends PropValue> = {
 };
 declare const ToggleControl: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, }: ToggleControlProps<StringPropValue["value"]>) => React$1.JSX.Element>;
 
-declare const NumberControl: ControlComponent<({ placeholder, max, min, step, shouldForceInt, }: {
+declare const NumberControl: ControlComponent<({ placeholder: labelPlaceholder, max, min, step, shouldForceInt, }: {
     placeholder?: string;
     max?: number;
     min?: number;
@@ -135,8 +136,9 @@ type FontCategory = {
 };
 type FontFamilyControlProps = {
     fontFamilies: FontCategory[];
+    sectionWidth: number;
 };
-declare const FontFamilyControl: ControlComponent<({ fontFamilies }: FontFamilyControlProps) => React$1.JSX.Element>;
+declare const FontFamilyControl: ControlComponent<({ fontFamilies, sectionWidth }: FontFamilyControlProps) => React$1.JSX.Element>;
 
 declare const UrlControl: ControlComponent<({ placeholder }: {
     placeholder?: string;
@@ -156,6 +158,7 @@ type Props$1 = ControlProps<{
     allowCustomValues?: boolean;
     minInputLength?: number;
     placeholder?: string;
+    label?: string;
 }>;
 declare const LinkControl: ControlComponent<(props: Props$1) => React$1.JSX.Element>;
 
@@ -182,16 +185,19 @@ type ChildControlConfig = {
 
 type RepeatableControlProps = {
     label: string;
+    repeaterLabel: string;
     childControlConfig: ChildControlConfig;
     showDuplicate?: boolean;
     showToggle?: boolean;
+    initialValues?: object;
+    patternLabel?: string;
+    placeholder?: string;
 };
-declare const RepeatableControl: ControlComponent<({ label, childControlConfig, showDuplicate, showToggle }: RepeatableControlProps) => React$1.JSX.Element | null>;
+declare const RepeatableControl: ControlComponent<({ repeaterLabel, childControlConfig, showDuplicate, showToggle, initialValues, patternLabel, placeholder, }: RepeatableControlProps) => React$1.JSX.Element | null>;
 
 type KeyValueControlProps = {
     keyName?: string;
     valueName?: string;
-    sx?: SxProps<Theme>;
     regexKey?: string;
     regexValue?: string;
     validationErrorMessage?: string;
@@ -200,6 +206,8 @@ declare const KeyValueControl: ControlComponent<(props?: KeyValueControlProps) =
 
 declare const PositionControl: () => React$1.JSX.Element;
 
+declare const PopoverContent: FC<PropsWithChildren<StackProps>>;
+
 declare const ControlFormLabel: (props: FormLabelProps) => React$1.JSX.Element;
 
 type FontFamilySelectorProps = {
@@ -207,8 +215,9 @@ type FontFamilySelectorProps = {
     fontFamily: string | null;
     onFontFamilyChange: (fontFamily: string) => void;
     onClose: () => void;
+    sectionWidth: number;
 };
-declare const FontFamilySelector: ({ fontFamilies, fontFamily, onFontFamilyChange, onClose, }: FontFamilySelectorProps) => React$1.JSX.Element;
+declare const FontFamilySelector: ({ fontFamilies, fontFamily, onFontFamilyChange, onClose, sectionWidth, }: FontFamilySelectorProps) => React$1.JSX.Element;
 
 type AnyComponentType = ComponentType<any>;
 declare const brandSymbol: unique symbol;
@@ -312,4 +321,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, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, KeyValueControl, LinkControl, LinkedDimensionsControl, NumberControl, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, RepeatableControl, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, 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, 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 { MutableRefObject, ReactNode, ComponentType, PropsWithChildren } from 'react';
+import { RefObject, ReactNode, FC, PropsWithChildren, ComponentType } from 'react';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
-import { UnstableColorFieldProps, ToggleButtonProps, StackProps, SxProps, Theme, FormLabelProps } from '@elementor/ui';
+import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -9,10 +9,9 @@ type ImageControlProps = {
         label: string;
         value: string;
     }[];
-    resolutionLabel?: string;
     showMode?: 'all' | 'media' | 'sizes';
 };
-declare const ImageControl: ControlComponent<({ sizes, resolutionLabel, showMode }: ImageControlProps) => React$1.JSX.Element>;
+declare const ImageControl: ControlComponent<({ sizes, showMode }: ImageControlProps) => React$1.JSX.Element>;
 
 declare const TextControl: ControlComponent<({ placeholder }: {
     placeholder?: string;
@@ -34,7 +33,7 @@ type SizeControlProps = {
     units?: Unit[];
     extendedOptions?: ExtendedOption[];
     disableCustom?: boolean;
-    anchorRef?: MutableRefObject<HTMLElement | undefined>;
+    anchorRef?: RefObject<HTMLDivElement | null>;
     defaultUnit?: Unit;
 };
 declare const SizeControl: ControlComponent<(props: SizeControlProps) => React$1.JSX.Element>;
@@ -43,6 +42,8 @@ declare const StrokeControl: ControlComponent<() => React$1.JSX.Element>;
 
 declare const BoxShadowRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
 
+declare const FilterRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+
 type Props$5 = {
     options: Array<{
         label: string;
@@ -99,7 +100,7 @@ type ToggleControlProps<T extends PropValue> = {
 };
 declare const ToggleControl: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, }: ToggleControlProps<StringPropValue["value"]>) => React$1.JSX.Element>;
 
-declare const NumberControl: ControlComponent<({ placeholder, max, min, step, shouldForceInt, }: {
+declare const NumberControl: ControlComponent<({ placeholder: labelPlaceholder, max, min, step, shouldForceInt, }: {
     placeholder?: string;
     max?: number;
     min?: number;
@@ -135,8 +136,9 @@ type FontCategory = {
 };
 type FontFamilyControlProps = {
     fontFamilies: FontCategory[];
+    sectionWidth: number;
 };
-declare const FontFamilyControl: ControlComponent<({ fontFamilies }: FontFamilyControlProps) => React$1.JSX.Element>;
+declare const FontFamilyControl: ControlComponent<({ fontFamilies, sectionWidth }: FontFamilyControlProps) => React$1.JSX.Element>;
 
 declare const UrlControl: ControlComponent<({ placeholder }: {
     placeholder?: string;
@@ -156,6 +158,7 @@ type Props$1 = ControlProps<{
     allowCustomValues?: boolean;
     minInputLength?: number;
     placeholder?: string;
+    label?: string;
 }>;
 declare const LinkControl: ControlComponent<(props: Props$1) => React$1.JSX.Element>;
 
@@ -182,16 +185,19 @@ type ChildControlConfig = {
 
 type RepeatableControlProps = {
     label: string;
+    repeaterLabel: string;
     childControlConfig: ChildControlConfig;
     showDuplicate?: boolean;
     showToggle?: boolean;
+    initialValues?: object;
+    patternLabel?: string;
+    placeholder?: string;
 };
-declare const RepeatableControl: ControlComponent<({ label, childControlConfig, showDuplicate, showToggle }: RepeatableControlProps) => React$1.JSX.Element | null>;
+declare const RepeatableControl: ControlComponent<({ repeaterLabel, childControlConfig, showDuplicate, showToggle, initialValues, patternLabel, placeholder, }: RepeatableControlProps) => React$1.JSX.Element | null>;
 
 type KeyValueControlProps = {
     keyName?: string;
     valueName?: string;
-    sx?: SxProps<Theme>;
     regexKey?: string;
     regexValue?: string;
     validationErrorMessage?: string;
@@ -200,6 +206,8 @@ declare const KeyValueControl: ControlComponent<(props?: KeyValueControlProps) =
 
 declare const PositionControl: () => React$1.JSX.Element;
 
+declare const PopoverContent: FC<PropsWithChildren<StackProps>>;
+
 declare const ControlFormLabel: (props: FormLabelProps) => React$1.JSX.Element;
 
 type FontFamilySelectorProps = {
@@ -207,8 +215,9 @@ type FontFamilySelectorProps = {
     fontFamily: string | null;
     onFontFamilyChange: (fontFamily: string) => void;
     onClose: () => void;
+    sectionWidth: number;
 };
-declare const FontFamilySelector: ({ fontFamilies, fontFamily, onFontFamilyChange, onClose, }: FontFamilySelectorProps) => React$1.JSX.Element;
+declare const FontFamilySelector: ({ fontFamilies, fontFamily, onFontFamilyChange, onClose, sectionWidth, }: FontFamilySelectorProps) => React$1.JSX.Element;
 
 type AnyComponentType = ComponentType<any>;
 declare const brandSymbol: unique symbol;
@@ -312,4 +321,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, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, KeyValueControl, LinkControl, LinkedDimensionsControl, NumberControl, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, RepeatableControl, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, 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, type Unit, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };