UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

874 lines 28.8 kB
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