easy-email-extensions 3.0.0-beta-01.0 → 3.0.3

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.d.ts

@@ -0,0 +1,18 @@
+import { BasicType } from 'easy-email-core';
+import { TextBlockItem } from './TextBlockItem';
+import { ImageBlockItem } from './ImageBlockItem';
+export declare const defaultCategories: {
+    title: string;
+    name: string;
+    blocks: ({
+        type: BasicType;
+        title: string;
+        description: string;
+        component: typeof TextBlockItem;
+    } | {
+        type: BasicType;
+        title: string;
+        description: JSX.Element;
+        component: typeof ImageBlockItem;
+    })[];
+}[];

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IPictureProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLElement> {
+    src: string;
+    className?: string;
+}
+export declare function Picture(props: IPictureProps): JSX.Element;
+export {};

package/lib/ShortcutToolbar/index.d.ts

@@ -0,0 +1,4 @@
+export { ShortcutToolbar } from './ShortcutToolbar';
+export { BlockMarketManager } from './utils/BlockMarketManager';
+export type { BlockMarketCategory } from './utils/BlockMarketManager';
+export { BlockMaskWrapper } from './components/BlockMaskWrapper';

package/lib/ShortcutToolbar/utils/BlockMarketManager.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { IBlockData } from 'easy-email-core';
+export interface BlockMarketCategory {
+    name: string;
+    title: string;
+    blocks: {
+        type: string;
+        title: string;
+        description?: React.ReactNode;
+        thumbnail?: string;
+        payload?: IBlockData;
+        component: () => JSX.Element | null;
+    }[];
+}
+export declare class BlockMarketManager {
+    private static category;
+    private static subscriptHandles;
+    static subscribe(fn: (category: BlockMarketCategory[]) => void): number;
+    static unsubscribe(fn: (category: BlockMarketCategory[]) => void): ((category: BlockMarketCategory[]) => void)[];
+    static notify(): void;
+    static getCategory(name: string): BlockMarketCategory | undefined;
+    static getCategories(): BlockMarketCategory[];
+    static addCategories(list: BlockMarketCategory[]): void;
+    static addCategory(name: string, title: string, blocks: {
+        type: string;
+        title: string;
+        description?: React.ReactNode;
+        component: () => JSX.Element | null;
+    }[]): void;
+    static removeCategories(list: BlockMarketCategory[]): void;
+    static removeCategory(name: string): void;
+}

package/lib/ShortcutToolbar/utils/getImg.d.ts

@@ -0,0 +1,68 @@
+declare const defaultImagesMap: {
+    IMAGE_08: string;
+    IMAGE_09: string;
+    IMAGE_10: string;
+    IMAGE_11: string;
+    IMAGE_12: string;
+    IMAGE_13: string;
+    IMAGE_14: string;
+    IMAGE_15: string;
+    IMAGE_16: string;
+    IMAGE_17: string;
+    IMAGE_18: string;
+    IMAGE_19: string;
+    IMAGE_20: string;
+    IMAGE_21: string;
+    IMAGE_22: string;
+    IMAGE_23: string;
+    IMAGE_24: string;
+    IMAGE_25: string;
+    IMAGE_26: string;
+    IMAGE_27: string;
+    IMAGE_28: string;
+    IMAGE_29: string;
+    IMAGE_30: string;
+    IMAGE_31: string;
+    IMAGE_32: string;
+    IMAGE_33: string;
+    IMAGE_34: string;
+    IMAGE_35: string;
+    IMAGE_36: string;
+    IMAGE_37: string;
+    IMAGE_38: string;
+    IMAGE_39: string;
+    IMAGE_40: string;
+    IMAGE_41: string;
+    IMAGE_42: string;
+    IMAGE_43: string;
+    IMAGE_44: string;
+    IMAGE_45: string;
+    IMAGE_46: string;
+    IMAGE_47: string;
+    IMAGE_48: string;
+    IMAGE_49: string;
+    IMAGE_50: string;
+    IMAGE_51: string;
+    IMAGE_52: string;
+    IMAGE_53: string;
+    IMAGE_54: string;
+    IMAGE_55: string;
+    IMAGE_56: string;
+    IMAGE_57: string;
+    IMAGE_58: string;
+    IMAGE_59: string;
+    IMAGE_60: string;
+    IMAGE_61: string;
+    IMAGE_62: string;
+    IMAGE_63: string;
+    IMAGE_64: string;
+    IMAGE_65: string;
+    IMAGE_66: string;
+    IMAGE_67: string;
+    IMAGE_68: string;
+    IMAGE_69: string;
+    IMAGE_70: string;
+    IMAGE_71: string;
+};
+export declare function getImg(name: keyof typeof defaultImagesMap): string;
+export {};

package/lib/SimpleLayout/SimpleLayout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SimpleLayout: React.FC;

package/lib/SimpleLayout/index.d.ts

@@ -0,0 +1 @@
+export { SimpleLayout } from './SimpleLayout';

package/lib/SourceCodePanel/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const AddToCollection: React.FC<{
+    visible: boolean;
+    setVisible: (v: boolean) => void;
+}>;

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

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

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

@@ -0,0 +1,11 @@
+import { AutoCompleteProps as ArcoAutoCompleteProps } from '@arco-design/web-react';
+export interface AutoCompleteProps extends Omit<ArcoAutoCompleteProps, 'onChange' | 'options'> {
+    quickchange?: boolean;
+    value: string;
+    options: Array<{
+        value: any;
+        label: any;
+    }>;
+    onChange: (val: string) => void;
+}
+export declare function AutoComplete(props: AutoCompleteProps): JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CheckboxGroupProps as ArcoCheckboxGroupProps } from '@arco-design/web-react';
+export interface CheckboxGroupProps extends ArcoCheckboxGroupProps<any> {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (e: any[]) => void;
+    value?: ArcoCheckboxGroupProps<any>['value'];
+    style?: Partial<React.CSSProperties>;
+    checkboxStyle?: Partial<React.CSSProperties>;
+    vertical?: boolean;
+}
+export declare function ChexkBoxGroup(props: CheckboxGroupProps): JSX.Element;

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

@@ -0,0 +1,8 @@
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/material.css';
+import 'codemirror/theme/neat.css';
+import 'codemirror/mode/xml/xml.js';
+export default function CodemirrorEditor(props: {
+    value: string;
+    onChange(val: string): void;
+}): JSX.Element;

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

@@ -0,0 +1,10 @@
+import { PopoverProps } from '@arco-design/web-react';
+import React from 'react';
+export interface ColorPickerProps extends PopoverProps {
+    onChange?: (val: string) => void;
+    value?: string;
+    label: string;
+    children?: React.ReactNode;
+    showInput?: boolean;
+}
+export declare function ColorPicker(props: ColorPickerProps): JSX.Element;

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

@@ -0,0 +1,10 @@
+import { TabsProps } from '@arco-design/web-react';
+import React from 'react';
+export interface EditTabProps<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 EditTab<T extends any = any>(props: EditTabProps<T>): JSX.Element;

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

@@ -0,0 +1,8 @@
+import { UploaderServer } from '@extensions/AttributePanel/utils/Uploader';
+export interface ImageUploaderProps {
+    onChange: (val: string) => void;
+    value: string;
+    label: string;
+    uploadHandler?: UploaderServer;
+}
+export declare function ImageUploader(props: ImageUploaderProps): JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface InlineTextProps {
+    idx: string;
+    children?: React.ReactNode;
+    onChange: (content: string) => void;
+    mutators: Record<string, (...args: any[]) => any>;
+}
+export declare function InlineText({ idx, onChange, children, mutators: { setFieldTouched }, }: InlineTextProps): JSX.Element | null;

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

@@ -0,0 +1,7 @@
+import { InputProps as ArcoInputProps } from '@arco-design/web-react';
+export interface InputProps extends Omit<ArcoInputProps, 'onChange'> {
+    quickchange?: boolean;
+    value: string;
+    onChange: (val: string) => void;
+}
+export declare function Input(props: InputProps): JSX.Element;

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

@@ -0,0 +1,13 @@
+import { RadioGroupProps as ArcoRadioGroupProps } from '@arco-design/web-react';
+import React from 'react';
+export interface RadioGroupProps extends ArcoRadioGroupProps {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (value: string) => void;
+    value?: string;
+    type?: 'radio' | 'button';
+    vertical?: boolean;
+}
+export declare function RadioGroup(props: RadioGroupProps): JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare function FontFamily(props: {
+    onChange: (val: string) => void;
+}): JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare function FontSizeList(props: {
+    onChange: (val: string) => void;
+}): JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare function Heading(props: {
+    onChange: (val: string) => void;
+}): JSX.Element;

package/lib/components/Form/RichTextField/components/Link/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: (val: LinkParams) => void;
+}
+export declare function Link(props: LinkProps): JSX.Element;

package/lib/components/Form/RichTextField/components/TextToolbar/MergeTags.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const MergeTags: React.FC<{
+    onChange: (v: string) => void;
+    value: string;
+    isSelect?: boolean;
+}>;

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { EnhancerProps } from '../enhancer';
+import { InlineTextProps } from '../InlineTextField';
+export declare const RichTextField: (props: Omit<InlineTextProps, 'onChange' | 'mutators'> & EnhancerProps<string>) => JSX.Element | null;

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

@@ -0,0 +1,11 @@
+import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
+import React from 'react';
+export interface SelectProps extends ArcoSelectProps {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (val: string) => void;
+    value: string;
+}
+export declare function Select(props: SelectProps): JSX.Element;

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

@@ -0,0 +1,8 @@
+export interface UploadFieldProps {
+    onChange: (val: string) => void;
+    value: string;
+    inputDisabled?: boolean;
+    accept?: string;
+    uploadHandler: (file: File) => Promise<string>;
+}
+export declare function UploadField(props: UploadFieldProps): JSX.Element;

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

@@ -0,0 +1,20 @@
+import { StackProps } from 'easy-email-editor';
+import { FieldProps } from 'react-final-form';
+import React from 'react';
+import { InputProps } from './Input';
+export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
+    name: string;
+    label: React.ReactNode | null;
+    labelHidden?: boolean;
+    alignment?: StackProps['alignment'];
+    distribution?: StackProps['distribution'];
+    helpText?: React.ReactNode;
+    inline?: boolean;
+    required?: boolean;
+    valueAdapter?: (value: any) => any;
+    onChangeAdapter?: (value: any) => any;
+    validate?: (value: any) => string | undefined | Promise<string | undefined>;
+    wrapper?: boolean;
+    size?: InputProps['size'];
+}
+export default function enhancer<P>(Component: any, changeAdapter: (e: any) => any): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;

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

@@ -0,0 +1,29 @@
+import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps } from '@arco-design/web-react';
+import { ImageUploaderProps } from './ImageUploader';
+import { UploadFieldProps } from './UploadField';
+import { ColorPickerProps } from './ColorPicker';
+import { SelectProps } from './Select';
+import { RadioGroupProps } from './RadioGroup';
+import enhancer from './enhancer';
+import { InputProps } from './Input';
+import { EditTabProps } from './EditTab';
+import { InlineTextProps } from './InlineTextField';
+import { AutoCompleteProps } from './AutoComplete';
+export { RichTextField } from './RichTextField';
+export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export { enhancer };

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;

package/lib/hooks/useAddToCollection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function useAddToCollection(): {
+    modal: JSX.Element;
+    modalVisible: boolean;
+    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/lib/index.d.ts

@@ -0,0 +1,8 @@
+import '@arco-design/web-react/dist/css/arco.css';
+export * from './BlockLayer';
+export * from './AttributePanel';
+export * from './ShortcutToolbar';
+export * from './SourceCodePanel';
+export * from './InteractivePrompt';
+export * from './SimpleLayout';
+export * from './components/Form';