@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
874 lines • 28.8 kB
TypeScript
import { Extension } from '@tiptap/core';
import { Editor } from '@tiptap/vue-3';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
modelValue: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
preventTyping: {
type: BooleanConstructor;
default: boolean;
};
pasteRichText: {
type: BooleanConstructor;
default: boolean;
};
allowLineBreaks: {
type: BooleanConstructor;
default: boolean;
};
inputAriaLabel: {
type: StringConstructor;
required: true;
};
inputClass: {
type: StringConstructor;
default: string;
};
autoFocus: {
type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
default: boolean;
validator(autoFocus: unknown): boolean;
};
outputFormat: {
type: StringConstructor;
default: string;
validator(outputFormat: unknown): boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
link: {
type: (ObjectConstructor | BooleanConstructor)[];
default: boolean;
};
customLink: {
type: (ObjectConstructor | BooleanConstructor)[];
default: boolean;
};
mentionSuggestion: {
type: ObjectConstructor;
default: null;
};
channelSuggestion: {
type: ObjectConstructor;
default: null;
};
slashCommandSuggestion: {
type: ObjectConstructor;
default: null;
};
allowBlockquote: {
type: BooleanConstructor;
default: boolean;
};
allowBold: {
type: BooleanConstructor;
default: boolean;
};
allowBulletList: {
type: BooleanConstructor;
default: boolean;
};
allowItalic: {
type: BooleanConstructor;
default: boolean;
};
allowStrike: {
type: BooleanConstructor;
default: boolean;
};
allowUnderline: {
type: BooleanConstructor;
default: boolean;
};
allowCode: {
type: BooleanConstructor;
default: boolean;
};
allowCodeblock: {
type: BooleanConstructor;
default: boolean;
};
allowInlineImages: {
type: BooleanConstructor;
default: boolean;
};
allowFontColor: {
type: BooleanConstructor;
default: boolean;
};
allowBackgroundColor: {
type: BooleanConstructor;
default: boolean;
};
allowFontSize: {
type: BooleanConstructor;
default: boolean;
};
allowFontFamily: {
type: BooleanConstructor;
default: boolean;
};
allowLineHeight: {
type: BooleanConstructor;
default: boolean;
};
allowVariable: {
type: BooleanConstructor;
default: boolean;
};
variableItems: {
type: ArrayConstructor;
default: () => never[];
};
additionalExtensions: {
type: ArrayConstructor;
default: () => never[];
};
hideLinkBubbleMenu: {
type: BooleanConstructor;
default: boolean;
};
preserveWhitespace: {
type: (StringConstructor | BooleanConstructor)[];
default: string;
};
useDivTags: {
type: BooleanConstructor;
default: boolean;
};
allowTables: {
type: BooleanConstructor;
default: boolean;
};
allowTextAlign: {
type: BooleanConstructor;
default: boolean;
};
allowImageResize: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {
editor: null;
appendTo: () => any;
floatingOptions: {
placement: string;
};
i18n: any;
}, {
attrs(): {
onInput: () => void;
onFocus: () => void;
onBlur: () => void;
class?: import('vue').ClassValue;
style?: import('vue').StyleValue;
};
extensions(): (import('@tiptap/core').Node<any, any> | Extension<import('@tiptap/extensions').UndoRedoOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-hard-break').HardBreakOptions, any>)[];
inputAttrs(): {
'aria-label': string;
'aria-multiline': boolean;
role: string;
};
}, {
createEditor(): void;
bubbleMenuShouldShow({ editor }: {
editor: any;
}): any;
getSelectedLinkText(editor: any): any;
editLink(): void;
removeLink(): void;
openLink(): void;
setLink(linkInput: any, linkText: any, linkOptions: any, linkProtocols: string[] | undefined, defaultPrefix: any): void;
processValue(newValue: any, returnIfEqual?: boolean): void;
destroyEditor(): void;
insertPlainTextWithHardBreaks(view: any, textData: any): void;
shouldPreserveLineBreaks(textData: any, htmlData: any): any;
processPasteData(view: any, textData: any, htmlData: any): boolean;
shouldHandlePreformattedHTML(htmlData: any): any;
containsPreformattedContent(htmlData: any): boolean;
hasPreWhitespace(element: any): any;
hasLineBreaks(element: any): any;
hasBlankLines(textData: any): any;
extractPreformattedText(htmlData: any): string;
walkAndExtractText(node: any): string;
triggerInputChangeEvents(): void;
addEditorListeners(): void;
getOutput(): any;
getExtension(extension: any, options: any): any;
updateEditorAttributes(attributes: any): void;
focusEditor(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click")[], "input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
preventTyping: {
type: BooleanConstructor;
default: boolean;
};
pasteRichText: {
type: BooleanConstructor;
default: boolean;
};
allowLineBreaks: {
type: BooleanConstructor;
default: boolean;
};
inputAriaLabel: {
type: StringConstructor;
required: true;
};
inputClass: {
type: StringConstructor;
default: string;
};
autoFocus: {
type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
default: boolean;
validator(autoFocus: unknown): boolean;
};
outputFormat: {
type: StringConstructor;
default: string;
validator(outputFormat: unknown): boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
link: {
type: (ObjectConstructor | BooleanConstructor)[];
default: boolean;
};
customLink: {
type: (ObjectConstructor | BooleanConstructor)[];
default: boolean;
};
mentionSuggestion: {
type: ObjectConstructor;
default: null;
};
channelSuggestion: {
type: ObjectConstructor;
default: null;
};
slashCommandSuggestion: {
type: ObjectConstructor;
default: null;
};
allowBlockquote: {
type: BooleanConstructor;
default: boolean;
};
allowBold: {
type: BooleanConstructor;
default: boolean;
};
allowBulletList: {
type: BooleanConstructor;
default: boolean;
};
allowItalic: {
type: BooleanConstructor;
default: boolean;
};
allowStrike: {
type: BooleanConstructor;
default: boolean;
};
allowUnderline: {
type: BooleanConstructor;
default: boolean;
};
allowCode: {
type: BooleanConstructor;
default: boolean;
};
allowCodeblock: {
type: BooleanConstructor;
default: boolean;
};
allowInlineImages: {
type: BooleanConstructor;
default: boolean;
};
allowFontColor: {
type: BooleanConstructor;
default: boolean;
};
allowBackgroundColor: {
type: BooleanConstructor;
default: boolean;
};
allowFontSize: {
type: BooleanConstructor;
default: boolean;
};
allowFontFamily: {
type: BooleanConstructor;
default: boolean;
};
allowLineHeight: {
type: BooleanConstructor;
default: boolean;
};
allowVariable: {
type: BooleanConstructor;
default: boolean;
};
variableItems: {
type: ArrayConstructor;
default: () => never[];
};
additionalExtensions: {
type: ArrayConstructor;
default: () => never[];
};
hideLinkBubbleMenu: {
type: BooleanConstructor;
default: boolean;
};
preserveWhitespace: {
type: (StringConstructor | BooleanConstructor)[];
default: string;
};
useDivTags: {
type: BooleanConstructor;
default: boolean;
};
allowTables: {
type: BooleanConstructor;
default: boolean;
};
allowTextAlign: {
type: BooleanConstructor;
default: boolean;
};
allowImageResize: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onSelected-command"?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
onSelected?: ((...args: any[]) => any) | undefined;
"onJson-input"?: ((...args: any[]) => any) | undefined;
"onHtml-input"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
"onMarkdown-input"?: ((...args: any[]) => any) | undefined;
"onEdit-link"?: ((...args: any[]) => any) | undefined;
"onMention-click"?: ((...args: any[]) => any) | undefined;
"onMention-hover"?: ((...args: any[]) => any) | undefined;
"onMention-leave"?: ((...args: any[]) => any) | undefined;
"onChannel-click"?: ((...args: any[]) => any) | undefined;
}>, {
link: boolean | Record<string, any>;
modelValue: string | Record<string, any>;
placeholder: string;
inputClass: string;
preserveWhitespace: string | boolean;
variableItems: unknown[];
editable: boolean;
preventTyping: boolean;
pasteRichText: boolean;
allowLineBreaks: boolean;
autoFocus: string | number | boolean;
outputFormat: string;
customLink: boolean | Record<string, any>;
mentionSuggestion: Record<string, any>;
channelSuggestion: Record<string, any>;
slashCommandSuggestion: Record<string, any>;
allowBlockquote: boolean;
allowBold: boolean;
allowBulletList: boolean;
allowItalic: boolean;
allowStrike: boolean;
allowUnderline: boolean;
allowCode: boolean;
allowCodeblock: boolean;
allowInlineImages: boolean;
allowFontColor: boolean;
allowBackgroundColor: boolean;
allowFontSize: boolean;
allowFontFamily: boolean;
allowLineHeight: boolean;
allowVariable: boolean;
additionalExtensions: unknown[];
hideLinkBubbleMenu: boolean;
useDivTags: boolean;
allowTables: boolean;
allowTextAlign: boolean;
allowImageResize: boolean;
}, {}, {
EditorContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
editor: {
default: null;
type: import('vue').PropType<Editor>;
};
}>, {
rootEl: import('vue').Ref<Element | undefined, Element | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
editor: {
default: null;
type: import('vue').PropType<Editor>;
};
}>> & Readonly<{}>, {
editor: Editor;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
BubbleMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
pluginKey: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["pluginKey"]>;
default: string;
};
editor: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["editor"]>;
required: true;
};
updateDelay: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["updateDelay"]>;
default: undefined;
};
resizeDelay: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["resizeDelay"]>;
default: undefined;
};
options: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["options"]>;
default: () => {};
};
appendTo: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["appendTo"]>;
default: undefined;
};
shouldShow: {
type: import('vue').PropType<Exclude<Required<import('@tiptap/vue-3/menus').BubbleMenuPluginProps>["shouldShow"], null>>;
default: null;
};
getReferencedVirtualElement: {
type: import('vue').PropType<Exclude<Required<import('@tiptap/vue-3/menus').BubbleMenuPluginProps>["getReferencedVirtualElement"], null>>;
default: undefined;
};
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
pluginKey: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["pluginKey"]>;
default: string;
};
editor: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["editor"]>;
required: true;
};
updateDelay: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["updateDelay"]>;
default: undefined;
};
resizeDelay: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["resizeDelay"]>;
default: undefined;
};
options: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["options"]>;
default: () => {};
};
appendTo: {
type: import('vue').PropType<import('@tiptap/vue-3/menus').BubbleMenuPluginProps["appendTo"]>;
default: undefined;
};
shouldShow: {
type: import('vue').PropType<Exclude<Required<import('@tiptap/vue-3/menus').BubbleMenuPluginProps>["shouldShow"], null>>;
default: null;
};
getReferencedVirtualElement: {
type: import('vue').PropType<Exclude<Required<import('@tiptap/vue-3/menus').BubbleMenuPluginProps>["getReferencedVirtualElement"], null>>;
default: undefined;
};
}>> & Readonly<{}>, {
options: {
strategy?: "absolute" | "fixed";
placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
offset?: Parameters<typeof import('@floating-ui/dom').offset>[0] | boolean;
flip?: Parameters<typeof import('@floating-ui/dom').flip>[0] | boolean;
shift?: Parameters<typeof import('@floating-ui/dom').shift>[0] | boolean;
arrow?: Parameters<typeof import('@floating-ui/dom').arrow>[0] | false;
size?: Parameters<typeof import('@floating-ui/dom').size>[0] | boolean;
autoPlacement?: Parameters<typeof import('@floating-ui/dom').autoPlacement>[0] | boolean;
hide?: Parameters<typeof import('@floating-ui/dom').hide>[0] | boolean;
inline?: Parameters<typeof import('@floating-ui/dom').inline>[0] | boolean;
onShow?: () => void;
onHide?: () => void;
onUpdate?: () => void;
onDestroy?: () => void;
scrollTarget?: HTMLElement | Window;
} | undefined;
updateDelay: number | undefined;
resizeDelay: number | undefined;
appendTo: HTMLElement | (() => HTMLElement) | undefined;
getReferencedVirtualElement: () => import('@floating-ui/dom').VirtualElement | null;
shouldShow: (props: {
editor: import('@tiptap/core').Editor;
element: HTMLElement;
view: import('@tiptap/pm/view').EditorView;
state: import('@tiptap/pm/state').EditorState;
oldState?: import('@tiptap/pm/state').EditorState;
from: number;
to: number;
}) => boolean;
pluginKey: string | import('@tiptap/pm/state').PluginKey<any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
circle: {
type: BooleanConstructor;
default: boolean;
};
iconPosition: {
type: StringConstructor;
default: string;
validator: (position: unknown) => boolean;
};
importance: {
type: StringConstructor;
default: string;
validator: (i: unknown) => boolean;
};
link: {
type: BooleanConstructor;
default: boolean;
};
linkKind: {
type: StringConstructor;
default: string;
validator: (lk: unknown) => boolean;
};
linkInverted: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
width: {
type: StringConstructor;
default: null;
};
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
labelClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
kind: {
type: StringConstructor;
default: string;
validator: (k: unknown) => boolean;
};
assertiveOnFocus: {
type: BooleanConstructor;
default: boolean;
};
active: {
type: BooleanConstructor;
default: boolean;
};
to: {
type: (ObjectConstructor | StringConstructor)[];
default: null;
};
href: {
type: StringConstructor;
default: null;
};
target: {
type: StringConstructor;
default: null;
};
rel: {
type: StringConstructor;
default: null;
};
replace: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {
ICON_POSITION_MODIFIERS: {
left: string;
right: string;
top: string;
bottom: string;
};
isInFocus: boolean;
hasSlotContent: typeof import('../../common/utils').hasSlotContent;
i18n: any;
}, {
computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
isNativeButton(): boolean;
computedAttrs(): {
'aria-disabled'?: string | undefined;
tabindex?: string | undefined;
to: string | Record<string, any>;
replace: boolean;
type?: undefined;
disabled?: undefined;
} | {
'aria-disabled'?: string | undefined;
tabindex?: string | undefined;
href: string | null;
target: string;
rel: string;
type?: undefined;
disabled?: undefined;
} | {
type: string;
disabled: boolean;
};
computedListeners(): {
focusin: (e: any) => void;
focusout: (e: any) => void;
};
computedAriaLive(): unknown;
iconSize(): any;
loaderSize(): any;
}, {
resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
buttonClasses(): any[];
isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
shouldRenderIcon(): any;
isIconOnly(): any;
isVerticalIconLayout(): boolean;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
circle: {
type: BooleanConstructor;
default: boolean;
};
iconPosition: {
type: StringConstructor;
default: string;
validator: (position: unknown) => boolean;
};
importance: {
type: StringConstructor;
default: string;
validator: (i: unknown) => boolean;
};
link: {
type: BooleanConstructor;
default: boolean;
};
linkKind: {
type: StringConstructor;
default: string;
validator: (lk: unknown) => boolean;
};
linkInverted: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
width: {
type: StringConstructor;
default: null;
};
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
labelClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
kind: {
type: StringConstructor;
default: string;
validator: (k: unknown) => boolean;
};
assertiveOnFocus: {
type: BooleanConstructor;
default: boolean;
};
active: {
type: BooleanConstructor;
default: boolean;
};
to: {
type: (ObjectConstructor | StringConstructor)[];
default: null;
};
href: {
type: StringConstructor;
default: null;
};
target: {
type: StringConstructor;
default: null;
};
rel: {
type: StringConstructor;
default: null;
};
replace: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onFocusin?: ((...args: any[]) => any) | undefined;
onFocusout?: ((...args: any[]) => any) | undefined;
}>, {
link: boolean;
disabled: boolean;
type: string;
target: string;
circle: boolean;
active: boolean;
loading: boolean;
size: string;
replace: boolean;
kind: string;
labelClass: string | unknown[] | Record<string, any>;
href: string;
to: string | Record<string, any>;
iconPosition: string;
importance: string;
linkKind: string;
linkInverted: boolean;
width: string;
assertiveOnFocus: boolean;
rel: string;
}, {}, {
DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
}>> & Readonly<{}>, {
size: string;
ariaLabel: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtStack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
direction: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
validator: (direction: unknown) => boolean;
};
as: {
type: StringConstructor;
default: string;
};
gap: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
validator: (gap: unknown) => boolean;
};
align: {
type: (ObjectConstructor | StringConstructor)[];
validator: (align: unknown) => boolean;
};
justify: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
validator: (justify: unknown) => boolean;
};
}>, {}, {
DT_STACK_DIRECTION: {
[x: string]: string;
};
DT_STACK_GAP: string[];
DT_STACK_RESPONSIVE_BREAKPOINTS: string[];
DT_STACK_ALIGN: string[];
DT_STACK_JUSTIFY: string[];
}, {
defaultGap(): string | null;
defaultDirection(): string | null;
defaultAlign(): string | null;
defaultJustify(): string | null;
stackResponsive(): any[];
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
direction: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
validator: (direction: unknown) => boolean;
};
as: {
type: StringConstructor;
default: string;
};
gap: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
validator: (gap: unknown) => boolean;
};
align: {
type: (ObjectConstructor | StringConstructor)[];
validator: (align: unknown) => boolean;
};
justify: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
validator: (justify: unknown) => boolean;
};
}>> & Readonly<{}>, {
direction: string | Record<string, any>;
as: string;
gap: string | Record<string, any>;
justify: string | Record<string, any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=rich_text_editor.vue.d.ts.map