@elementor/editor-controls 3.35.0-493 → 3.35.1

package/dist/index.d.mts

@@ -1,10 +1,11 @@
 import * as React$1 from 'react';
-import { RefObject, ReactNode, FC, PropsWithChildren, ComponentProps, ReactElement, ComponentType } from 'react';
-import { SxProps, SelectProps, UnstableColorFieldProps, ToggleButtonProps, StackProps, PopupState, Theme, FormLabelProps, Grid } from '@elementor/ui';
+import { RefObject, ReactNode, FC, PropsWithChildren, ComponentProps, ReactElement, Dispatch, SetStateAction, ComponentType } from 'react';
+import { SxProps, SelectProps, UnstableColorFieldProps, StackProps, ToggleButtonProps, PopupState, Theme, FormLabelProps, Grid } from '@elementor/ui';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, LinkPropValue, TransformablePropValue, PropType, CreateOptions } from '@elementor/editor-props';
 import { StyleDefinitionState } from '@elementor/editor-styles';
-import { ElementID } from '@elementor/editor-elements';
+import { EditorProps, EditorView } from '@tiptap/pm/view';
 import { Editor } from '@tiptap/react';
+import { ElementID } from '@elementor/editor-elements';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -390,6 +391,27 @@ declare const InlineEditingControl: ControlComponent$1<({ sx, attributes, props,
 
 declare const ControlFormLabel: (props: FormLabelProps) => React$1.JSX.Element;
 
+declare const DisplayConditionsControl: ControlComponent$1<() => React$1.JSX.Element>;
+
+declare const AttributesControl: ControlComponent$1<() => React$1.JSX.Element>;
+
+type V4PromotionData = {
+    title: string;
+    content: string;
+    image: string;
+    ctaUrl: string;
+};
+type V4PromotionKey = 'displayConditions' | 'customCss' | 'attributes';
+
+type PromotionTriggerProps = {
+    promotionKey: V4PromotionKey;
+    children?: ReactNode;
+};
+type PromotionTriggerRef = {
+    toggle: () => void;
+};
+declare const PromotionTrigger: React$1.ForwardRefExoticComponent<PromotionTriggerProps & React$1.RefAttributes<PromotionTriggerRef>>;
+
 type ClearIconButtonProps = {
     onClick?: () => void;
     tooltipText: React$1.ReactNode;
@@ -559,26 +581,24 @@ declare const PopoverGridContainer: React$1.ForwardRefExoticComponent<{
 type InlineEditorProps = {
     value: string | null;
     setValue: (value: string | null) => void;
-    attributes?: Record<string, string>;
+    editorProps?: EditorProps;
     elementClasses?: string;
     sx?: SxProps<Theme>;
-    onBlur?: (event: Event) => void;
-    showToolbar?: boolean;
+    onBlur?: () => void;
     autofocus?: boolean;
-    getInitialPopoverPosition?: () => {
-        left: number;
-        top: number;
-    };
     expectedTag?: string | null;
-    elementId?: ElementID;
+    onEditorCreate?: Dispatch<SetStateAction<Editor | null>>;
+    wrapperClassName?: string;
+    onSelectionEnd?: (view: EditorView) => void;
 };
 declare const InlineEditor: React$1.ForwardRefExoticComponent<InlineEditorProps & React$1.RefAttributes<unknown>>;
 
 type InlineEditorToolbarProps = {
     editor: Editor;
     elementId?: ElementID;
+    sx?: SxProps<Theme>;
 };
-declare const InlineEditorToolbar: ({ editor, elementId }: InlineEditorToolbarProps) => React$1.JSX.Element;
+declare const InlineEditorToolbar: ({ editor, elementId, sx }: InlineEditorToolbarProps) => React$1.JSX.Element;
 
 type AnyComponentType = ComponentType<any>;
 declare const brandSymbol: unique symbol;
@@ -671,4 +691,4 @@ declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhe
 
 declare const useElementCanHaveChildren: () => boolean;
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFloatingActionsBar, useSyncExternalState };
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, DisplayConditionsControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, type V4PromotionData, type V4PromotionKey, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFloatingActionsBar, useSyncExternalState };

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import * as React$1 from 'react';
-import { RefObject, ReactNode, FC, PropsWithChildren, ComponentProps, ReactElement, ComponentType } from 'react';
-import { SxProps, SelectProps, UnstableColorFieldProps, ToggleButtonProps, StackProps, PopupState, Theme, FormLabelProps, Grid } from '@elementor/ui';
+import { RefObject, ReactNode, FC, PropsWithChildren, ComponentProps, ReactElement, Dispatch, SetStateAction, ComponentType } from 'react';
+import { SxProps, SelectProps, UnstableColorFieldProps, StackProps, ToggleButtonProps, PopupState, Theme, FormLabelProps, Grid } from '@elementor/ui';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, LinkPropValue, TransformablePropValue, PropType, CreateOptions } from '@elementor/editor-props';
 import { StyleDefinitionState } from '@elementor/editor-styles';
-import { ElementID } from '@elementor/editor-elements';
+import { EditorProps, EditorView } from '@tiptap/pm/view';
 import { Editor } from '@tiptap/react';
+import { ElementID } from '@elementor/editor-elements';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -390,6 +391,27 @@ declare const InlineEditingControl: ControlComponent$1<({ sx, attributes, props,
 
 declare const ControlFormLabel: (props: FormLabelProps) => React$1.JSX.Element;
 
+declare const DisplayConditionsControl: ControlComponent$1<() => React$1.JSX.Element>;
+
+declare const AttributesControl: ControlComponent$1<() => React$1.JSX.Element>;
+
+type V4PromotionData = {
+    title: string;
+    content: string;
+    image: string;
+    ctaUrl: string;
+};
+type V4PromotionKey = 'displayConditions' | 'customCss' | 'attributes';
+
+type PromotionTriggerProps = {
+    promotionKey: V4PromotionKey;
+    children?: ReactNode;
+};
+type PromotionTriggerRef = {
+    toggle: () => void;
+};
+declare const PromotionTrigger: React$1.ForwardRefExoticComponent<PromotionTriggerProps & React$1.RefAttributes<PromotionTriggerRef>>;
+
 type ClearIconButtonProps = {
     onClick?: () => void;
     tooltipText: React$1.ReactNode;
@@ -559,26 +581,24 @@ declare const PopoverGridContainer: React$1.ForwardRefExoticComponent<{
 type InlineEditorProps = {
     value: string | null;
     setValue: (value: string | null) => void;
-    attributes?: Record<string, string>;
+    editorProps?: EditorProps;
     elementClasses?: string;
     sx?: SxProps<Theme>;
-    onBlur?: (event: Event) => void;
-    showToolbar?: boolean;
+    onBlur?: () => void;
     autofocus?: boolean;
-    getInitialPopoverPosition?: () => {
-        left: number;
-        top: number;
-    };
     expectedTag?: string | null;
-    elementId?: ElementID;
+    onEditorCreate?: Dispatch<SetStateAction<Editor | null>>;
+    wrapperClassName?: string;
+    onSelectionEnd?: (view: EditorView) => void;
 };
 declare const InlineEditor: React$1.ForwardRefExoticComponent<InlineEditorProps & React$1.RefAttributes<unknown>>;
 
 type InlineEditorToolbarProps = {
     editor: Editor;
     elementId?: ElementID;
+    sx?: SxProps<Theme>;
 };
-declare const InlineEditorToolbar: ({ editor, elementId }: InlineEditorToolbarProps) => React$1.JSX.Element;
+declare const InlineEditorToolbar: ({ editor, elementId, sx }: InlineEditorToolbarProps) => React$1.JSX.Element;
 
 type AnyComponentType = ComponentType<any>;
 declare const brandSymbol: unique symbol;
@@ -671,4 +691,4 @@ declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhe
 
 declare const useElementCanHaveChildren: () => boolean;
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFloatingActionsBar, useSyncExternalState };
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, DisplayConditionsControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, type V4PromotionData, type V4PromotionKey, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFloatingActionsBar, useSyncExternalState };