easy-email-extensions 3.2.1 → 4.0.0-alpha.0

package/lib/AttributePanel/components/attributes/CollapseWrapper/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CollapseWrapperProps {
+    defaultActiveKey: string[];
+}
+export declare const CollapseWrapper: React.FC<CollapseWrapperProps>;

package/lib/AttributePanel/components/attributes/Condition.d.ts

@@ -0,0 +1 @@
+export declare function Condition(): JSX.Element | null;

package/lib/AttributePanel/components/attributes/FontFamily.d.ts

@@ -1 +1,3 @@
-export declare function FontFamily(): JSX.Element;
+export declare function FontFamily({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/FontStyle.d.ts

@@ -1 +1,3 @@
-export declare function FontStyle(): JSX.Element;
+export declare function FontStyle({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/FontWeight.d.ts

@@ -1 +1,3 @@
-export declare function FontWeight(): JSX.Element;
+export declare function FontWeight({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/Iteration.d.ts

@@ -0,0 +1 @@
+export declare function Iteration(): JSX.Element | null;

package/lib/AttributePanel/components/attributes/LetterSpacing.d.ts

@@ -1 +1,3 @@
-export declare function LetterSpacing(): JSX.Element;
+export declare function LetterSpacing({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/LineHeight.d.ts

@@ -1 +1,3 @@
-export declare function LineHeight(): JSX.Element;
+export declare function LineHeight({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/Padding.d.ts

@@ -1,5 +1,6 @@
 export interface PaddingProps {
     title?: string;
     attributeName?: 'padding' | 'inner-padding' | 'text-padding';
+    name?: string;
 }
 export declare function Padding(props?: PaddingProps): JSX.Element;

package/lib/AttributePanel/components/attributes/TextAlign.d.ts

@@ -1 +1,3 @@
-export declare function TextAlign(): JSX.Element;
+export declare function TextAlign({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/TextDecoration.d.ts

@@ -1 +1,3 @@
-export declare function TextDecoration(): JSX.Element;
+export declare function TextDecoration({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/attributes/TextTransform.d.ts

@@ -1 +1,3 @@
-export declare function TextTransform(): JSX.Element;
+export declare function TextTransform({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/AttributePanel/components/blocks/Social/index.d.ts

@@ -1 +1 @@
-export declare function Social(): JSX.Element;
+export declare function Social(): JSX.Element | null;

package/lib/AttributePanel/components/blocks/index.d.ts

@@ -39,4 +39,17 @@ export declare const blocks: {
     navbar: typeof Navbar;
     social: typeof Social;
     table: typeof Table;
+    advanced_text: typeof Text;
+    advanced_image: typeof Image;
+    advanced_button: typeof Button;
+    advanced_divider: typeof Divider;
+    advanced_spacer: typeof Spacer;
+    advanced_accordion: typeof Accordion;
+    advanced_carousel: typeof Carousel;
+    advanced_navbar: typeof Navbar;
+    advanced_social: typeof Social;
+    advanced_wrapper: typeof Wrapper;
+    advanced_section: typeof Section;
+    advanced_group: typeof Group;
+    advanced_column: typeof Column;
 };

package/lib/AttributePanel/hooks/useSelectionRange.d.ts

@@ -3,4 +3,5 @@ export declare function useSelectionRange(): {
     selectionRange: Range | null;
     setSelectionRange: import("react").Dispatch<import("react").SetStateAction<Range | null>>;
     restoreRange: (range: Range) => void;
+    setRangeByElement: (element: ChildNode) => void;
 };

package/lib/MergeTagBadge/index.d.ts

@@ -0,0 +1 @@
+export declare function MergeTagBadge(): JSX.Element;

package/lib/ShortcutToolbar/components/DragIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { IBlockData } from 'easy-email-core';
+import { RecursivePartial } from 'easy-email-core';
+export interface DragIconProps<T extends IBlockData> {
+    type: string;
+    payload?: RecursivePartial<T>;
+    color: string;
+}
+export declare function DragIcon<T extends IBlockData = any>(props: DragIconProps<T>): JSX.Element;

package/lib/SimpleLayout/SimpleLayout.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 import { BlockLayerProps } from '../BlockLayer';
 export declare const SimpleLayout: React.FC<{
     showSourceCode?: boolean;
+    defaultShowLayer?: boolean;
 } & BlockLayerProps>;

package/lib/components/Form/EditGridTab.d.ts

@@ -0,0 +1,10 @@
+import { TabsProps } from '@arco-design/web-react';
+import React from 'react';
+export interface EditGridTabProps<T extends any = any> extends Omit<TabsProps, 'onChange'> {
+    value: Array<T>;
+    renderItem: (item: T, index: number) => React.ReactNode;
+    onChange: (vals: Array<T>) => any;
+    additionItem?: T;
+    label: string;
+}
+export declare function EditGridTab<T extends any = any>(props: EditGridTabProps<T>): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/BasicTools.d.ts

@@ -0,0 +1 @@
+export declare function BasicTools(): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Bold/index.d.ts

@@ -0,0 +1,6 @@
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Bold(props: LinkProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/FontFamily/index.d.ts

@@ -1,3 +1,5 @@
-export declare function FontFamily(props: {
-    onChange: (val: string) => void;
-}): JSX.Element;
+export interface FontFamilyProps {
+    execCommand: (cmd: string, value: any) => void;
+    getPopupContainer: () => HTMLElement;
+}
+export declare function FontFamily(props: FontFamilyProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/FontSize/index.d.ts

@@ -0,0 +1,5 @@
+export interface FontSizeProps {
+    execCommand: (cmd: string, value: any) => void;
+    getPopupContainer: () => HTMLElement;
+}
+export declare function FontSize(props: FontSizeProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Italic/index.d.ts

@@ -0,0 +1,6 @@
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Italic(props: LinkProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/MergeTags/index.d.ts

@@ -0,0 +1,5 @@
+export interface MergeTagsProps {
+    execCommand: (cmd: string, value: any) => void;
+    getPopupContainer: () => HTMLElement;
+}
+export declare function MergeTags(props: MergeTagsProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/StrikeThrough/index.d.ts

@@ -0,0 +1,6 @@
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function StrikeThrough(props: LinkProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/ToolItem/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 export declare const ToolItem: React.FC<{
-    title: string;
+    title?: string;
     icon: React.ReactNode;
-    onClick?: () => void;
+    onClick?: React.MouseEventHandler<any>;
     trigger?: string;
+    style?: React.CSSProperties;
+    isActive?: boolean;
 }>;

package/lib/components/Form/RichTextToolBar/components/Tools/IconBgColor/index.d.ts

@@ -0,0 +1,5 @@
+export declare function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }: {
+    selectionRange: Range | null;
+    execCommand: (cmd: string, val?: any) => void;
+    getPopoverMountNode: () => HTMLElement;
+}): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Tools/IconFontColor/index.d.ts

@@ -0,0 +1,5 @@
+export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }: {
+    selectionRange: Range | null;
+    execCommand: (cmd: string, val?: any) => void;
+    getPopoverMountNode: () => HTMLElement;
+}): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Tools/Tools.d.ts

@@ -1,5 +1,4 @@
 export interface ToolsProps {
     onChange: (content: string) => any;
-    container: HTMLElement | null;
 }
 export declare function Tools(props: ToolsProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Underline/index.d.ts

@@ -0,0 +1,6 @@
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Underline(props: LinkProps): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Unlink/index.d.ts

@@ -0,0 +1,12 @@
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkParams {
+    link: string;
+    blank: boolean;
+    underline: boolean;
+    linkNode: HTMLAnchorElement | null;
+}
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Unlink(props: LinkProps): JSX.Element;

package/lib/components/Form/index.d.ts

@@ -8,6 +8,7 @@ import enhancer from './enhancer';
 import { InputProps } from './Input';
 import { InputWithUnitProps } from './InputWithUnit';
 import { EditTabProps } from './EditTab';
+import { EditGridTabProps } from './EditGridTab';
 import { InlineTextProps } from './InlineTextField';
 import { AutoCompleteProps } from './AutoComplete';
 export { RichTextField } from './RichTextField';
@@ -28,5 +29,6 @@ export declare const SwitchField: (props: import("./enhancer").EnhancerProps<Swi
 export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const EditGridTabField: (props: import("./enhancer").EnhancerProps<EditGridTabProps<any>> & Omit<EditGridTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export { enhancer };

package/lib/index.d.ts

@@ -5,6 +5,7 @@ export * from './ShortcutToolbar';
 export * from './SourceCodePanel';
 export * from './InteractivePrompt';
 export * from './SimpleLayout';
+export * from './MergeTagBadge';
 export * from './components/Form';
 export { getContextMergeTags } from './utils/getContextMergeTags';
 export { getIconNameByBlockType } from './utils/getIconNameByBlockType';

package/lib/index.js

@@ -1,4 +1,4 @@
-export { e as Align, A as AttributePanel, f as AttributesPanelWrapper, $ as AutoCompleteField, j as Background, m as BackgroundColor, d as BlockAttributeConfigurationManager, B as BlockLayer, x as BlockMarketManager, y as BlockMaskWrapper, p as Border, q as BorderColor, t as BorderStyle, v as BorderWidth, a3 as CheckboxField, C as Color, U as ColorPickerField, h as ContainerBackgroundColor, a2 as DatePickerField, D as Decoration, n as Direction, a4 as EditTabField, F as FontFamily, r as FontSize, u as FontStyle, w as FontWeight, H as Height, Y as ImageUploaderField, a5 as InlineTextField, J as InputWithUnitField, I as InteractivePrompt, L as LetterSpacing, k as LineHeight, o as Link, M as Margin, s as MergeTags, N as NavbarLinkPadding, Q as NumberField, P as Padding, a0 as RadioGroupField, a7 as RichTextField, K as SearchField, Z as SelectField, S as ShortcutToolbar, E as SimpleLayout, R as SliderField, z as SourceCodePanel, a1 as SwitchField, T as TextAlign, O as TextAreaField, i as TextDecoration, G as TextField, l as TextTransform, _ as TreeSelectField, X as UploadField, V as VerticalAlign, W as Width, a6 as enhancer, b as getBlockTitle, g as getContextMergeTags, a as getIconNameByBlockType } from "./index2.js";
+export { e as Align, A as AttributePanel, f as AttributesPanelWrapper, a0 as AutoCompleteField, j as Background, m as BackgroundColor, d as BlockAttributeConfigurationManager, B as BlockLayer, x as BlockMarketManager, y as BlockMaskWrapper, p as Border, q as BorderColor, t as BorderStyle, v as BorderWidth, a4 as CheckboxField, C as Color, X as ColorPickerField, h as ContainerBackgroundColor, a3 as DatePickerField, D as Decoration, n as Direction, a6 as EditGridTabField, a5 as EditTabField, F as FontFamily, r as FontSize, u as FontStyle, w as FontWeight, H as Height, Z as ImageUploaderField, a7 as InlineTextField, K as InputWithUnitField, I as InteractivePrompt, L as LetterSpacing, k as LineHeight, o as Link, M as Margin, G as MergeTagBadge, s as MergeTags, N as NavbarLinkPadding, R as NumberField, P as Padding, a1 as RadioGroupField, a9 as RichTextField, O as SearchField, _ as SelectField, S as ShortcutToolbar, E as SimpleLayout, U as SliderField, z as SourceCodePanel, a2 as SwitchField, T as TextAlign, Q as TextAreaField, i as TextDecoration, J as TextField, l as TextTransform, $ as TreeSelectField, Y as UploadField, V as VerticalAlign, W as Width, a8 as enhancer, b as getBlockTitle, g as getContextMergeTags, a as getIconNameByBlockType } from "./index2.js";
 import "react";
 import "easy-email-editor";
 import "easy-email-core";