@elementor/editor-controls 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @elementor/editor-controls
 
+## 0.9.0
+
+### Minor Changes
+
+- c9133d7: Add background image overlay custom size
+- 86863c1: Changed link control to use query instead of autocomplete
+- 910044c: update `@elementor/icons` and `@elementor/ui` packages.
+- 9a41a86: Added condition to hide select control for tag bind when link is enabled
+- 9de8ba7: Updated icon in background repeater image overlay size control
+- 0953b40: Background image overlay resolution canvas connection
+- 6680c92: added svg widget
+- 15c964f: Add background image overlay custom position
+- 5caf78d: update `@elementor/ui` package.
+- 625448d: Added tests for background image overlay
+- c162e6c: Update '@elementor/icons' version
+- d39b70b: Add a new repeater item to top by default.
+- 9cc8def: Updated image upload control text
+- fbf6203: Added select button for SVG control and updated component style
+- ceb1211: remove extra padding from popover header
+
+### Patch Changes
+
+- 9fd9bae: align background image overlay repeat and attachment controls.
+- da38fa9: Remove unused exports and add missing dependencies.
+- 35f9714: Add default background image to background overlay repeater
+- 2bf6b34: fix, add file type to the image name in the background overlay
+- b4a6ac6: refactor the call to editor controls env, to avoid parsing env before it's initialized
+- e76d970: Added SVG upload text
+- baee3f3: Adjust gap
+- Updated dependencies [c9133d7]
+- Updated dependencies [86863c1]
+- Updated dependencies [da38fa9]
+- Updated dependencies [9ca4eab]
+- Updated dependencies [15c964f]
+  - @elementor/editor-props@0.9.0
+  - @elementor/utils@0.3.1
+  - @elementor/wp-media@0.4.1
+
 ## 0.8.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -1,38 +1,38 @@
 import * as React from 'react';
-import { ComponentType, ReactNode, PropsWithChildren } from 'react';
-import { urlPropTypeUtil, stringPropTypeUtil, StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, CreateOptions, PropType } from '@elementor/editor-props';
+import { ReactNode, ComponentType, PropsWithChildren } from 'react';
+import { PropTypeUtil, StringPropValue, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
 import { UnstableColorFieldProps, ToggleButtonProps, StackProps } from '@elementor/ui';
 
-type AnyComponentType = ComponentType<any>;
-declare const brandSymbol: unique symbol;
-type ControlComponent<TComponent extends AnyComponentType = AnyComponentType> = TComponent & {
-    [brandSymbol]: true;
-};
-
-type ImageControlProps = {
-    sizes: {
-        label: string;
-        value: string;
-    }[];
-};
-declare const ImageControl: ControlComponent<(props: ImageControlProps) => React.JSX.Element>;
-
-type Option = {
+type FlatOption = {
+    id: string;
     label: string;
     groupLabel?: never;
 };
-type GroupedOption = {
+type CategorizedOption = {
+    id: string;
     label: string;
     groupLabel: string;
 };
-type Props$6 = {
-    options: Record<string, Option> | Record<string, GroupedOption>;
+type Props$6<TOptionKey extends string, TCustomKey extends string = ''> = {
+    options: FlatOption[] | CategorizedOption[];
+    optionRestrictedPropTypeUtil: PropTypeUtil<TOptionKey, number | null>;
+    onOptionChangeCallback?: (newValue: number | null) => void;
+    onTextChangeCallback?: (newValue: string | null) => void;
     allowCustomValues?: boolean;
     placeholder?: string;
-    propType?: typeof urlPropTypeUtil | typeof stringPropTypeUtil;
     minInputLength?: number;
+    customValue?: TCustomKey;
 };
-declare const AutocompleteControl: ControlComponent<({ options, placeholder, allowCustomValues, propType, minInputLength, }: Props$6) => React.JSX.Element>;
+declare const AutocompleteControl: ControlComponent<(<TOptionKey extends string, TCustomKey extends string>(props: Props$6<TOptionKey, TCustomKey>) => React.JSX.Element)>;
+
+type ImageControlProps = {
+    sizes: {
+        label: string;
+        value: string;
+    }[];
+    resolutionLabel?: string;
+};
+declare const ImageControl: ControlComponent<({ sizes, resolutionLabel }: ImageControlProps) => React.JSX.Element>;
 
 declare const TextControl: ControlComponent<({ placeholder }: {
     placeholder?: string;
@@ -138,22 +138,34 @@ declare const UrlControl: ControlComponent<({ placeholder }: {
 }) => React.JSX.Element>;
 
 type Props = {
-    options?: Record<string, Option> | Record<string, GroupedOption>;
+    queryOptions: {
+        requestParams: object;
+        endpoint: string;
+    };
     allowCustomValues?: boolean;
+    minInputLength?: number;
     placeholder?: string;
 };
-declare const LinkControl: ControlComponent<(props?: Props) => React.JSX.Element>;
+declare const LinkControl: ControlComponent<(props: Props) => React.JSX.Element>;
 
 declare const GapControl: ControlComponent<({ label }: {
     label: string;
 }) => React.JSX.Element>;
 
+declare const SvgMediaControl: ControlComponent<() => React.JSX.Element>;
+
 declare const BackgroundControl: ControlComponent<() => React.JSX.Element>;
 
 declare const ControlLabel: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
 
+type AnyComponentType = ComponentType<any>;
+declare const brandSymbol: unique symbol;
+type ControlComponent<TComponent extends AnyComponentType = AnyComponentType> = TComponent & {
+    [brandSymbol]: true;
+};
+
 type ControlActionsItems = Array<{
     id: string;
     MenuItem: React.ComponentType;
@@ -221,4 +233,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { AutocompleteControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };
+export { AutocompleteControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };

package/dist/index.d.ts

@@ -1,38 +1,38 @@
 import * as React from 'react';
-import { ComponentType, ReactNode, PropsWithChildren } from 'react';
-import { urlPropTypeUtil, stringPropTypeUtil, StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, CreateOptions, PropType } from '@elementor/editor-props';
+import { ReactNode, ComponentType, PropsWithChildren } from 'react';
+import { PropTypeUtil, StringPropValue, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
 import { UnstableColorFieldProps, ToggleButtonProps, StackProps } from '@elementor/ui';
 
-type AnyComponentType = ComponentType<any>;
-declare const brandSymbol: unique symbol;
-type ControlComponent<TComponent extends AnyComponentType = AnyComponentType> = TComponent & {
-    [brandSymbol]: true;
-};
-
-type ImageControlProps = {
-    sizes: {
-        label: string;
-        value: string;
-    }[];
-};
-declare const ImageControl: ControlComponent<(props: ImageControlProps) => React.JSX.Element>;
-
-type Option = {
+type FlatOption = {
+    id: string;
     label: string;
     groupLabel?: never;
 };
-type GroupedOption = {
+type CategorizedOption = {
+    id: string;
     label: string;
     groupLabel: string;
 };
-type Props$6 = {
-    options: Record<string, Option> | Record<string, GroupedOption>;
+type Props$6<TOptionKey extends string, TCustomKey extends string = ''> = {
+    options: FlatOption[] | CategorizedOption[];
+    optionRestrictedPropTypeUtil: PropTypeUtil<TOptionKey, number | null>;
+    onOptionChangeCallback?: (newValue: number | null) => void;
+    onTextChangeCallback?: (newValue: string | null) => void;
     allowCustomValues?: boolean;
     placeholder?: string;
-    propType?: typeof urlPropTypeUtil | typeof stringPropTypeUtil;
     minInputLength?: number;
+    customValue?: TCustomKey;
 };
-declare const AutocompleteControl: ControlComponent<({ options, placeholder, allowCustomValues, propType, minInputLength, }: Props$6) => React.JSX.Element>;
+declare const AutocompleteControl: ControlComponent<(<TOptionKey extends string, TCustomKey extends string>(props: Props$6<TOptionKey, TCustomKey>) => React.JSX.Element)>;
+
+type ImageControlProps = {
+    sizes: {
+        label: string;
+        value: string;
+    }[];
+    resolutionLabel?: string;
+};
+declare const ImageControl: ControlComponent<({ sizes, resolutionLabel }: ImageControlProps) => React.JSX.Element>;
 
 declare const TextControl: ControlComponent<({ placeholder }: {
     placeholder?: string;
@@ -138,22 +138,34 @@ declare const UrlControl: ControlComponent<({ placeholder }: {
 }) => React.JSX.Element>;
 
 type Props = {
-    options?: Record<string, Option> | Record<string, GroupedOption>;
+    queryOptions: {
+        requestParams: object;
+        endpoint: string;
+    };
     allowCustomValues?: boolean;
+    minInputLength?: number;
     placeholder?: string;
 };
-declare const LinkControl: ControlComponent<(props?: Props) => React.JSX.Element>;
+declare const LinkControl: ControlComponent<(props: Props) => React.JSX.Element>;
 
 declare const GapControl: ControlComponent<({ label }: {
     label: string;
 }) => React.JSX.Element>;
 
+declare const SvgMediaControl: ControlComponent<() => React.JSX.Element>;
+
 declare const BackgroundControl: ControlComponent<() => React.JSX.Element>;
 
 declare const ControlLabel: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
 
+type AnyComponentType = ComponentType<any>;
+declare const brandSymbol: unique symbol;
+type ControlComponent<TComponent extends AnyComponentType = AnyComponentType> = TComponent & {
+    [brandSymbol]: true;
+};
+
 type ControlActionsItems = Array<{
     id: string;
     MenuItem: React.ComponentType;
@@ -221,4 +233,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { AutocompleteControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };
+export { AutocompleteControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };