@elementor/editor-controls 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @elementor/editor-controls
 
+## 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
+
+- 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,10 @@ 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;
 
 type FontFamilySelectorProps = {
@@ -207,8 +217,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;
@@ -236,11 +247,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;
@@ -249,6 +260,7 @@ type PropKeyContextValue<T, P> = {
     propType: P;
     placeholder?: T;
     path: PropKey[];
+    isDisabled?: (propType: PropType) => boolean | undefined;
     disabled?: boolean;
 };
 type PropKeyProviderProps = React$1.PropsWithChildren<{
@@ -264,6 +276,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>;
@@ -312,4 +325,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, 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 { 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,10 @@ 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;
 
 type FontFamilySelectorProps = {
@@ -207,8 +217,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;
@@ -236,11 +247,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;
@@ -249,6 +260,7 @@ type PropKeyContextValue<T, P> = {
     propType: P;
     placeholder?: T;
     path: PropKey[];
+    isDisabled?: (propType: PropType) => boolean | undefined;
     disabled?: boolean;
 };
 type PropKeyProviderProps = React$1.PropsWithChildren<{
@@ -264,6 +276,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>;
@@ -312,4 +325,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, TransformRepeaterControl, type Unit, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };