@erxes/ui 0.0.0-stage → 3.2.19-2

package/dist/modules/display/components/RelativeDateDisplay.d.ts

@@ -0,0 +1,288 @@
+import React from 'react';
+type RelativeDateDisplayProps = {
+    value: string;
+    isShort?: boolean;
+};
+export declare const RelativeDateDisplay: React.ForwardRefExoticComponent<{
+    form?: string | undefined;
+    slot?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined;
+    key?: React.Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    children?: React.ReactNode | Iterable<React.ReactNode>;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLButtonElement>;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement>;
+    onCut?: React.ClipboardEventHandler<HTMLButtonElement>;
+    onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement>;
+    onPaste?: React.ClipboardEventHandler<HTMLButtonElement>;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement>;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement>;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement>;
+    onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement>;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement>;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement>;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+    onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
+    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
+    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+    onChange?: React.FormEventHandler<HTMLButtonElement>;
+    onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
+    onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
+    onInput?: React.FormEventHandler<HTMLButtonElement>;
+    onInputCapture?: React.FormEventHandler<HTMLButtonElement>;
+    onReset?: React.FormEventHandler<HTMLButtonElement>;
+    onResetCapture?: React.FormEventHandler<HTMLButtonElement>;
+    onSubmit?: React.FormEventHandler<HTMLButtonElement>;
+    onSubmitCapture?: React.FormEventHandler<HTMLButtonElement>;
+    onInvalid?: React.FormEventHandler<HTMLButtonElement>;
+    onInvalidCapture?: React.FormEventHandler<HTMLButtonElement>;
+    onLoad?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onError?: React.ReactEventHandler<HTMLButtonElement>;
+    onErrorCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onAbort?: React.ReactEventHandler<HTMLButtonElement>;
+    onAbortCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onCanPlay?: React.ReactEventHandler<HTMLButtonElement>;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement>;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onDurationChange?: React.ReactEventHandler<HTMLButtonElement>;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onEmptied?: React.ReactEventHandler<HTMLButtonElement>;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onEncrypted?: React.ReactEventHandler<HTMLButtonElement>;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onEnded?: React.ReactEventHandler<HTMLButtonElement>;
+    onEndedCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadedData?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadStart?: React.ReactEventHandler<HTMLButtonElement>;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onPause?: React.ReactEventHandler<HTMLButtonElement>;
+    onPauseCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onPlay?: React.ReactEventHandler<HTMLButtonElement>;
+    onPlayCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onPlaying?: React.ReactEventHandler<HTMLButtonElement>;
+    onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onProgress?: React.ReactEventHandler<HTMLButtonElement>;
+    onProgressCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onRateChange?: React.ReactEventHandler<HTMLButtonElement>;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onResize?: React.ReactEventHandler<HTMLButtonElement>;
+    onResizeCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onSeeked?: React.ReactEventHandler<HTMLButtonElement>;
+    onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onSeeking?: React.ReactEventHandler<HTMLButtonElement>;
+    onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onStalled?: React.ReactEventHandler<HTMLButtonElement>;
+    onStalledCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onSuspend?: React.ReactEventHandler<HTMLButtonElement>;
+    onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement>;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onVolumeChange?: React.ReactEventHandler<HTMLButtonElement>;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onWaiting?: React.ReactEventHandler<HTMLButtonElement>;
+    onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onAuxClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onDrag?: React.DragEventHandler<HTMLButtonElement>;
+    onDragCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDragEnd?: React.DragEventHandler<HTMLButtonElement>;
+    onDragEndCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDragEnter?: React.DragEventHandler<HTMLButtonElement>;
+    onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDragExit?: React.DragEventHandler<HTMLButtonElement>;
+    onDragExitCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDragLeave?: React.DragEventHandler<HTMLButtonElement>;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDragOver?: React.DragEventHandler<HTMLButtonElement>;
+    onDragOverCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDragStart?: React.DragEventHandler<HTMLButtonElement>;
+    onDragStartCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onDrop?: React.DragEventHandler<HTMLButtonElement>;
+    onDropCapture?: React.DragEventHandler<HTMLButtonElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement>;
+    onSelect?: React.ReactEventHandler<HTMLButtonElement>;
+    onSelectCapture?: React.ReactEventHandler<HTMLButtonElement>;
+    onTouchCancel?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchEnd?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchMove?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchStart?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement>;
+    onPointerDown?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerMove?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerUp?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerCancel?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerEnter?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerLeave?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerOver?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerOut?: React.PointerEventHandler<HTMLButtonElement>;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement>;
+    onScroll?: React.UIEventHandler<HTMLButtonElement>;
+    onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
+    onWheel?: React.WheelEventHandler<HTMLButtonElement>;
+    onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
+    onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+    asChild?: boolean;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    formAction?: string | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+} & {
+    value: string;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Value: ({ value, isShort, }: RelativeDateDisplayProps) => string;
+};
+export {};

package/dist/modules/display/components/SexDisplay.d.ts

@@ -0,0 +1,4 @@
+import { SexCode } from 'erxes-ui/types';
+export declare const SexDisplay: ({ value, }: {
+    value: SexCode;
+}) => string;

package/dist/modules/display/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/CurrencyDisplay';
+export * from './components/EllipsisDisplay';
+export * from './components/RelativeDateDisplay';
+export * from './components/PhoneDisplay';
+export * from './components/EmailDisplay';
+export * from './components/SexDisplay';

package/dist/modules/display/utils/formatEmails.d.ts

@@ -0,0 +1,3 @@
+import { TEmails } from 'erxes-ui/modules/inputs';
+import { ValidationStatus } from 'erxes-ui/types';
+export declare function formatEmails(primaryEmail: string, emails: string[], emailValidationStatus: ValidationStatus): TEmails;

package/dist/modules/display/utils/formatPhones.d.ts

@@ -0,0 +1,3 @@
+import { TPhones } from 'erxes-ui/modules/inputs';
+import { ValidationStatus } from 'erxes-ui/types';
+export declare function formatPhones(primaryPhone: string, phones: string[], phoneValidationStatus?: ValidationStatus): TPhones;

package/dist/modules/email-editor/components/EmailEditor.d.ts

@@ -0,0 +1,3 @@
+import { EmailEditorProps } from '../types';
+export declare const uploadEmailEditorImage: (file: File) => Promise<string>;
+export declare const EmailEditor: ({ contentJson, onChange, onCreate, variables, onImageUpload, blocks, extensions: additionalExtensions, placeholder, className, editable, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/email-editor/components/EmailPreviewDeviceToggle.d.ts

@@ -0,0 +1,7 @@
+import { EmailPreviewDevice } from '../types';
+/** Which width the rendered email is being read at. */
+export declare const EmailPreviewDeviceToggle: ({ value, onChange, className, }: {
+    value: EmailPreviewDevice;
+    onChange: (device: EmailPreviewDevice) => void;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/email-editor/components/EmailPreviewFrame.d.ts

@@ -0,0 +1,8 @@
+import { EmailPreviewDevice } from '../types';
+export interface EmailPreviewFrameProps {
+    html: string;
+    className?: string;
+    /** The width the email is read at. Mobile is where most of it is read. */
+    device?: EmailPreviewDevice;
+}
+export declare const EmailPreviewFrame: ({ html, className, device, }: EmailPreviewFrameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/email-editor/components/EmailTableBackground.d.ts

@@ -0,0 +1,4 @@
+import type { Editor } from '@tiptap/core';
+export declare const EmailTableBackground: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/email-editor/components/EmailTableToolbar.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/core';
+/**
+ * Shown only while the caret is inside a table: the editor has no chrome of
+ * its own for one, and a table you cannot add a row to is not a table.
+ */
+export declare const EmailTableToolbar: ({ editor }: {
+    editor: Editor | null;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/email-editor/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EmailEditor';
+export * from './EmailPreviewDeviceToggle';
+export * from './EmailPreviewFrame';

package/dist/modules/email-editor/constant/index.d.ts

@@ -0,0 +1,4 @@
+import type { EditorProps as MailyEditorProps } from '@maily-to/core';
+type BlockGroups = NonNullable<MailyEditorProps['blocks']>;
+export declare const DEFAULT_EMAIL_BLOCKS: BlockGroups;
+export {};

package/dist/modules/email-editor/extensions/documentPlaceholder.d.ts

@@ -0,0 +1,20 @@
+import { Node } from '@tiptap/core';
+export interface EmailDocumentPlaceholderAttrs {
+    documentId: string;
+    documentName?: string;
+    documentCode?: string;
+    documentPreview?: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        emailDocumentPlaceholder: {
+            insertDocumentPlaceholder: (attrs: EmailDocumentPlaceholderAttrs) => ReturnType;
+        };
+    }
+}
+/**
+ * A document rendered into the email at send time. The node holds only which
+ * document it is: the body is produced per recipient, so the editor shows the
+ * document's name and a teaser of it rather than its content.
+ */
+export declare const EmailDocumentPlaceholder: Node<any, any>;

package/dist/modules/email-editor/extensions/documentPlaceholderBlock.d.ts

@@ -0,0 +1,19 @@
+import type { Editor, Range } from '@tiptap/core';
+import type { EditorProps as MailyEditorProps } from '@maily-to/core';
+type BlockGroups = NonNullable<MailyEditorProps['blocks']>;
+/**
+ * Which document to embed is answered outside the editor, so the entry hands
+ * the editor back to whoever opens the picker and inserts nothing itself.
+ */
+export declare const createDocumentPlaceholderBlock: (onOpen: (editor: Editor) => void) => {
+    title: string;
+    description: string;
+    searchTerms: string[];
+    icon: import("react/jsx-runtime").JSX.Element;
+    command: ({ editor, range }: {
+        editor: Editor;
+        range: Range;
+    }) => void;
+};
+export declare const withEmailDocumentBlock: (onOpen: (editor: Editor) => void, blocks?: BlockGroups) => BlockGroups;
+export {};

package/dist/modules/email-editor/extensions/table.d.ts

@@ -0,0 +1,38 @@
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        emailTable: {
+            insertTable: (options?: {
+                rows?: number;
+                cols?: number;
+            }) => ReturnType;
+            addRowBefore: () => ReturnType;
+            addRowAfter: () => ReturnType;
+            deleteRow: () => ReturnType;
+            addColumnBefore: () => ReturnType;
+            addColumnAfter: () => ReturnType;
+            deleteColumn: () => ReturnType;
+            toggleHeaderRow: () => ReturnType;
+            mergeCells: () => ReturnType;
+            splitCell: () => ReturnType;
+            deleteTable: () => ReturnType;
+            setTableBackground: (options: {
+                color: string | null;
+                scope: TEmailTableBackgroundScope;
+            }) => ReturnType;
+        };
+    }
+}
+/** How far a background colour reaches from the cell the caret is in. */
+export type TEmailTableBackgroundScope = 'cell' | 'row' | 'column' | 'table';
+/**
+ * Email tables, kept deliberately plain: no column resizing, because what is
+ * sent has to survive mail clients that ignore half of it anyway.
+ */
+export declare const EmailTable: Node<any, any>;
+/** What a header cell starts out as, until someone picks something else. */
+export declare const HEADER_BACKGROUND = "#f9fafb";
+export declare const EmailTableRow: Node<any, any>;
+export declare const EmailTableCell: Node<any, any>;
+export declare const EmailTableHeader: Node<any, any>;
+export declare const EMAIL_TABLE_EXTENSIONS: Node<any, any>[];

package/dist/modules/email-editor/extensions/tableBlock.d.ts

@@ -0,0 +1,12 @@
+import type { Editor, Range } from '@tiptap/core';
+/** The slash-command entry that drops a table into the email. */
+export declare const tableBlock: {
+    title: string;
+    description: string;
+    searchTerms: string[];
+    icon: import("react/jsx-runtime").JSX.Element;
+    command: ({ editor, range }: {
+        editor: Editor;
+        range: Range;
+    }) => void;
+};

package/dist/modules/email-editor/hooks/useEmailHtml.d.ts

@@ -0,0 +1,6 @@
+import type { JSONContent } from '@tiptap/core';
+/** The email as html, following the content while it is being written. */
+export declare const useEmailHtml: (contentJson?: JSONContent, previewText?: string) => {
+    html: string;
+    error: Error;
+};

package/dist/modules/email-editor/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './constant';
+export * from './extensions/documentPlaceholderBlock';
+export * from './hooks/useEmailHtml';
+export * from './types';
+export * from './utils/renderEmailHtml';

package/dist/modules/email-editor/types/index.d.ts

@@ -0,0 +1,29 @@
+import type { EditorProps as MailyEditorProps } from '@maily-to/core';
+import type { Editor as TiptapEditor, JSONContent } from '@tiptap/core';
+export type { JSONContent };
+export type EmailPreviewDevice = 'desktop' | 'mobile';
+export interface EmailEditorVariable {
+    name: string;
+    label?: string;
+    required?: boolean;
+    hideDefaultValue?: boolean;
+}
+export type EmailEditorVariablesResolver = (opts: {
+    query: string;
+    from: 'content-variable' | 'bubble-variable' | 'repeat-variable';
+    editor: TiptapEditor;
+}) => EmailEditorVariable[];
+export type EmailEditorVariables = EmailEditorVariable[] | EmailEditorVariablesResolver;
+export interface EmailEditorProps {
+    contentJson?: JSONContent;
+    onChange?: (contentJson: JSONContent) => void;
+    onCreate?: (editor: TiptapEditor) => void;
+    variables?: EmailEditorVariables;
+    onImageUpload?: (file: File) => Promise<string>;
+    blocks?: MailyEditorProps['blocks'];
+    extensions?: MailyEditorProps['extensions'];
+    placeholder?: string;
+    className?: string;
+    /** Previews render the same editor, just not writable. */
+    editable?: boolean;
+}

package/dist/modules/email-editor/utils/expandCustomNodes.d.ts

@@ -0,0 +1,2 @@
+import type { JSONContent } from '@tiptap/core';
+export declare const expandCustomNodes: (node: JSONContent) => JSONContent;

package/dist/modules/email-editor/utils/renderEmailHtml.d.ts

@@ -0,0 +1,5 @@
+import type { JSONContent } from '@tiptap/core';
+/** The email as html, with every field left as a placeholder for the server. */
+export declare const renderEmailHtml: (contentJson?: JSONContent, { previewText }?: {
+    previewText?: string;
+}) => Promise<string>;