@elementor/editor-ui 4.0.0-552 → 4.0.0-573

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import * as React$1 from 'react';
-import { ReactNode, PropsWithChildren, ReactElement, ComponentProps, ElementType, ComponentType, RefObject } from 'react';
+import { ReactNode, PropsWithChildren, ReactElement, MouseEvent as MouseEvent$1, RefObject, ComponentProps, ElementType, ComponentType } from 'react';
 import * as _mui_material from '@mui/material';
 import { MenuItemProps, MenuItemTextProps, TypographyProps, AlertProps, InfotipProps, BoxProps, ButtonProps, MenuList, DialogProps, DialogContentTextProps } from '@elementor/ui';
 
@@ -10,6 +10,16 @@ declare const CollapseIcon: _emotion_styled.StyledComponent<Omit<_mui_material.S
     disabled?: boolean;
 }, {}, {}>;
 
+type StaticItem<T = unknown> = T extends (...args: unknown[]) => unknown ? never : T;
+type CallbackItem<T> = (isOpen: boolean) => T;
+type CollapsibleValue<T> = CallbackItem<T> | StaticItem<T>;
+type CollapsibleContentProps = React$1.PropsWithChildren<{
+    defaultOpen?: boolean;
+    titleEnd?: CollapsibleValue<ReactNode | string> | null;
+}>;
+declare const CollapsibleContent: ({ children, defaultOpen, titleEnd }: CollapsibleContentProps) => React$1.JSX.Element;
+declare function getCollapsibleValue<T>(value: CollapsibleValue<T>, isOpen: boolean): T;
+
 type EllipsisWithTooltipProps<T extends React$1.ElementType> = {
     maxWidth?: React$1.CSSProperties['maxWidth'];
     title: string;
@@ -88,8 +98,9 @@ declare const SearchField: ({ value, onSearch, placeholder, id, sx }: Props$1) =
 
 type Props = PropsWithChildren<{
     onSubmit?: () => void;
+    'data-testid'?: string;
 }>;
-declare const Form: ({ children, onSubmit }: Props) => React$1.JSX.Element;
+declare const Form: ({ children, onSubmit, "data-testid": dataTestId }: Props) => React$1.JSX.Element;
 
 type CtaButtonProps = {
     href: string;
@@ -114,14 +125,15 @@ type PromotionPopoverCardProps = {
     content: string;
     ctaUrl: string;
     ctaText?: string;
-    onClose: () => void;
+    onClose: (e: MouseEvent$1) => void;
 };
 type PromotionPopoverProps = React$1.PropsWithChildren<PromotionPopoverCardProps & {
     open: boolean;
     placement?: InfotipProps['placement'];
     slotProps?: InfotipProps['slotProps'];
+    anchorRef?: RefObject<HTMLElement | null>;
 }>;
-declare const PromotionPopover: ({ children, open, placement, slotProps, ...cardProps }: PromotionPopoverProps) => React$1.JSX.Element;
+declare const PromotionPopover: ({ children, open, placement, slotProps, anchorRef, ...cardProps }: PromotionPopoverProps) => React$1.JSX.Element;
 
 declare const PromotionChip: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
 
@@ -223,16 +235,23 @@ declare const useDialog: () => {
 type ConfirmationDialogProps = Pick<DialogProps, 'open' | 'onClose' | 'children'>;
 declare const ConfirmationDialog: {
     ({ open, onClose, children }: ConfirmationDialogProps): React$1.JSX.Element;
-    Title: ({ children }: React$1.PropsWithChildren) => React$1.JSX.Element;
+    Title: ({ children, icon: Icon, iconColor, }: ConfirmationDialogTitleProps) => React$1.JSX.Element;
     Content: ({ children }: React$1.PropsWithChildren) => React$1.JSX.Element;
     ContentText: (props: DialogContentTextProps) => React$1.JSX.Element;
-    Actions: ({ onClose, onConfirm, cancelLabel, confirmLabel, }: ConfirmationDialogActionsProps) => React$1.JSX.Element;
+    Actions: ({ onClose, onConfirm, cancelLabel, confirmLabel, color, onSuppressMessage, suppressLabel, }: ConfirmationDialogActionsProps) => React$1.JSX.Element;
 };
+type ConfirmationDialogTitleProps = React$1.PropsWithChildren<{
+    icon?: React$1.ElementType;
+    iconColor?: 'error' | 'secondary';
+}>;
 type ConfirmationDialogActionsProps = {
     onClose: () => void;
     onConfirm: () => void;
     cancelLabel?: string;
     confirmLabel?: string;
+    color?: 'error' | 'secondary';
+    onSuppressMessage?: () => void;
+    suppressLabel?: string;
 };
 
 declare const SectionRefContext: React$1.Context<RefObject<HTMLElement> | null>;
@@ -266,4 +285,6 @@ declare const useEditable: ({ value, onSubmit, validation, onClick, onError }: U
 
 declare const useTextFieldAutoSelect: () => React$1.RefObject<HTMLInputElement>;
 
-export { CollapseIcon, ConfirmationDialog, CtaButton, EditableField, EllipsisWithTooltip, FloatingActionsBar, Form, GlobalDialog, ITEM_HEIGHT, InfoAlert, InfoTipCard, IntroductionModal, MenuItemInfotip, MenuListItem, PopoverAction, type PopoverActionProps, PopoverBody, PopoverHeader, PopoverMenuList, type PopoverMenuListProps, PromotionAlert, PromotionChip, PromotionInfotip, PromotionPopover, SaveChangesDialog, SearchField, SectionPopoverBody, SectionRefContext, StyledMenuList, ThemeProvider, type VirtualizedItem, WarningInfotip, closeDialog, openDialog, useDialog, useEditable, useFloatingActionsBar, useSectionWidth, useTextFieldAutoSelect };
+declare const useCanvasClickHandler: (isActive: boolean, onClickAway: (e: MouseEvent) => void) => void;
+
+export { CollapseIcon, CollapsibleContent, type CollapsibleValue, ConfirmationDialog, CtaButton, EditableField, EllipsisWithTooltip, FloatingActionsBar, Form, GlobalDialog, ITEM_HEIGHT, InfoAlert, InfoTipCard, IntroductionModal, MenuItemInfotip, MenuListItem, PopoverAction, type PopoverActionProps, PopoverBody, PopoverHeader, PopoverMenuList, type PopoverMenuListProps, PromotionAlert, PromotionChip, PromotionInfotip, PromotionPopover, SaveChangesDialog, SearchField, SectionPopoverBody, SectionRefContext, StyledMenuList, ThemeProvider, type VirtualizedItem, WarningInfotip, closeDialog, getCollapsibleValue, openDialog, useCanvasClickHandler, useDialog, useEditable, useFloatingActionsBar, useSectionWidth, useTextFieldAutoSelect };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import * as React$1 from 'react';
-import { ReactNode, PropsWithChildren, ReactElement, ComponentProps, ElementType, ComponentType, RefObject } from 'react';
+import { ReactNode, PropsWithChildren, ReactElement, MouseEvent as MouseEvent$1, RefObject, ComponentProps, ElementType, ComponentType } from 'react';
 import * as _mui_material from '@mui/material';
 import { MenuItemProps, MenuItemTextProps, TypographyProps, AlertProps, InfotipProps, BoxProps, ButtonProps, MenuList, DialogProps, DialogContentTextProps } from '@elementor/ui';
 
@@ -10,6 +10,16 @@ declare const CollapseIcon: _emotion_styled.StyledComponent<Omit<_mui_material.S
     disabled?: boolean;
 }, {}, {}>;
 
+type StaticItem<T = unknown> = T extends (...args: unknown[]) => unknown ? never : T;
+type CallbackItem<T> = (isOpen: boolean) => T;
+type CollapsibleValue<T> = CallbackItem<T> | StaticItem<T>;
+type CollapsibleContentProps = React$1.PropsWithChildren<{
+    defaultOpen?: boolean;
+    titleEnd?: CollapsibleValue<ReactNode | string> | null;
+}>;
+declare const CollapsibleContent: ({ children, defaultOpen, titleEnd }: CollapsibleContentProps) => React$1.JSX.Element;
+declare function getCollapsibleValue<T>(value: CollapsibleValue<T>, isOpen: boolean): T;
+
 type EllipsisWithTooltipProps<T extends React$1.ElementType> = {
     maxWidth?: React$1.CSSProperties['maxWidth'];
     title: string;
@@ -88,8 +98,9 @@ declare const SearchField: ({ value, onSearch, placeholder, id, sx }: Props$1) =
 
 type Props = PropsWithChildren<{
     onSubmit?: () => void;
+    'data-testid'?: string;
 }>;
-declare const Form: ({ children, onSubmit }: Props) => React$1.JSX.Element;
+declare const Form: ({ children, onSubmit, "data-testid": dataTestId }: Props) => React$1.JSX.Element;
 
 type CtaButtonProps = {
     href: string;
@@ -114,14 +125,15 @@ type PromotionPopoverCardProps = {
     content: string;
     ctaUrl: string;
     ctaText?: string;
-    onClose: () => void;
+    onClose: (e: MouseEvent$1) => void;
 };
 type PromotionPopoverProps = React$1.PropsWithChildren<PromotionPopoverCardProps & {
     open: boolean;
     placement?: InfotipProps['placement'];
     slotProps?: InfotipProps['slotProps'];
+    anchorRef?: RefObject<HTMLElement | null>;
 }>;
-declare const PromotionPopover: ({ children, open, placement, slotProps, ...cardProps }: PromotionPopoverProps) => React$1.JSX.Element;
+declare const PromotionPopover: ({ children, open, placement, slotProps, anchorRef, ...cardProps }: PromotionPopoverProps) => React$1.JSX.Element;
 
 declare const PromotionChip: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
 
@@ -223,16 +235,23 @@ declare const useDialog: () => {
 type ConfirmationDialogProps = Pick<DialogProps, 'open' | 'onClose' | 'children'>;
 declare const ConfirmationDialog: {
     ({ open, onClose, children }: ConfirmationDialogProps): React$1.JSX.Element;
-    Title: ({ children }: React$1.PropsWithChildren) => React$1.JSX.Element;
+    Title: ({ children, icon: Icon, iconColor, }: ConfirmationDialogTitleProps) => React$1.JSX.Element;
     Content: ({ children }: React$1.PropsWithChildren) => React$1.JSX.Element;
     ContentText: (props: DialogContentTextProps) => React$1.JSX.Element;
-    Actions: ({ onClose, onConfirm, cancelLabel, confirmLabel, }: ConfirmationDialogActionsProps) => React$1.JSX.Element;
+    Actions: ({ onClose, onConfirm, cancelLabel, confirmLabel, color, onSuppressMessage, suppressLabel, }: ConfirmationDialogActionsProps) => React$1.JSX.Element;
 };
+type ConfirmationDialogTitleProps = React$1.PropsWithChildren<{
+    icon?: React$1.ElementType;
+    iconColor?: 'error' | 'secondary';
+}>;
 type ConfirmationDialogActionsProps = {
     onClose: () => void;
     onConfirm: () => void;
     cancelLabel?: string;
     confirmLabel?: string;
+    color?: 'error' | 'secondary';
+    onSuppressMessage?: () => void;
+    suppressLabel?: string;
 };
 
 declare const SectionRefContext: React$1.Context<RefObject<HTMLElement> | null>;
@@ -266,4 +285,6 @@ declare const useEditable: ({ value, onSubmit, validation, onClick, onError }: U
 
 declare const useTextFieldAutoSelect: () => React$1.RefObject<HTMLInputElement>;
 
-export { CollapseIcon, ConfirmationDialog, CtaButton, EditableField, EllipsisWithTooltip, FloatingActionsBar, Form, GlobalDialog, ITEM_HEIGHT, InfoAlert, InfoTipCard, IntroductionModal, MenuItemInfotip, MenuListItem, PopoverAction, type PopoverActionProps, PopoverBody, PopoverHeader, PopoverMenuList, type PopoverMenuListProps, PromotionAlert, PromotionChip, PromotionInfotip, PromotionPopover, SaveChangesDialog, SearchField, SectionPopoverBody, SectionRefContext, StyledMenuList, ThemeProvider, type VirtualizedItem, WarningInfotip, closeDialog, openDialog, useDialog, useEditable, useFloatingActionsBar, useSectionWidth, useTextFieldAutoSelect };
+declare const useCanvasClickHandler: (isActive: boolean, onClickAway: (e: MouseEvent) => void) => void;
+
+export { CollapseIcon, CollapsibleContent, type CollapsibleValue, ConfirmationDialog, CtaButton, EditableField, EllipsisWithTooltip, FloatingActionsBar, Form, GlobalDialog, ITEM_HEIGHT, InfoAlert, InfoTipCard, IntroductionModal, MenuItemInfotip, MenuListItem, PopoverAction, type PopoverActionProps, PopoverBody, PopoverHeader, PopoverMenuList, type PopoverMenuListProps, PromotionAlert, PromotionChip, PromotionInfotip, PromotionPopover, SaveChangesDialog, SearchField, SectionPopoverBody, SectionRefContext, StyledMenuList, ThemeProvider, type VirtualizedItem, WarningInfotip, closeDialog, getCollapsibleValue, openDialog, useCanvasClickHandler, useDialog, useEditable, useFloatingActionsBar, useSectionWidth, useTextFieldAutoSelect };