@dialpad/dialtone 9.96.0 → 9.97.0

package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts

@@ -1,4 +1,9 @@
+import { default as lastActiveNodes } from './last_active_nodes';
 declare const _default: import('vue').DefineComponent<{
+    richText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
@@ -30,10 +35,6 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator(outputFormat: unknown): boolean;
     };
-    link: {
-        type: (ObjectConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -100,43 +101,104 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
-    allowBlockquote: {
-        type: BooleanConstructor;
-        default: boolean;
+    boldButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowBold: {
-        type: BooleanConstructor;
-        default: boolean;
+    italicButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowBulletList: {
-        type: BooleanConstructor;
-        default: boolean;
+    strikeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowItalic: {
-        type: BooleanConstructor;
-        default: boolean;
+    linkButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+            dialogTitle: string;
+            textLabel: string;
+            linkLabel: string;
+            linkPlaceholder: string;
+            removeLabel: string;
+            cancelLabel: string;
+            confirmLabel: string;
+            visuallyHiddenCloseText: string;
+        };
     };
-    allowStrike: {
-        type: BooleanConstructor;
-        default: boolean;
+    bulletListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowUnderline: {
-        type: BooleanConstructor;
-        default: boolean;
+    orderedListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowCodeblock: {
-        type: BooleanConstructor;
-        default: boolean;
+    blockQuoteButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
+    };
+    codeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
+    };
+    codeBlockButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
 }, any, {
+    lastActiveNodes: typeof lastActiveNodes;
     additionalExtensions: import('@tiptap/core').Node<any, any>[];
     internalInputValue: string | Record<string, any>;
     imagePickerFocus: boolean;
     emojiPickerFocus: boolean;
     emojiPickerOpened: boolean;
+    isFocused: boolean;
+    linkOptions: {
+        class: string;
+    };
+    linkDialogOpen: boolean;
+    selectedText: string;
+    text: string;
+    hideLinkBubbleMenu: boolean;
 }, {
     showSendIcon(): boolean;
-    inputLength(): any;
+    inputLength(): number;
     displayCharacterLimitWarning(): boolean;
     characterLimitTooltipEnabled(): any;
     isSendDisabled(): any;
@@ -146,6 +208,12 @@ declare const _default: import('vue').DefineComponent<{
     emojiPickerHovered(): boolean;
     sendIconSize(): "300";
 }, {
+    linkDialogOpened(value: any): void;
+    handleTopbarClick(type: any): void;
+    isSelectionActive(type: any): any;
+    initLinkDialog(): void;
+    removeLink(): void;
+    setLink(linkText: any, linkInput: any): void;
     onMousedown(e: any): void;
     onDrop(e: any): void;
     onPaste(e: any): void;
@@ -157,7 +225,12 @@ declare const _default: import('vue').DefineComponent<{
     onSend(): void;
     onCancel(): void;
     onInput(event: any): void;
-}, never, import('vue').ComponentOptionsMixin, ("cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "selected-command" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media")[], "cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "selected-command" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onTextInput(event: any): void;
+}, never, import('vue').ComponentOptionsMixin, ("cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "selected-command" | "text-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media")[], "cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "selected-command" | "text-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    richText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
@@ -189,10 +262,6 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator(outputFormat: unknown): boolean;
     };
-    link: {
-        type: (ObjectConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -259,33 +328,85 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
-    allowBlockquote: {
-        type: BooleanConstructor;
-        default: boolean;
+    boldButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowBold: {
-        type: BooleanConstructor;
-        default: boolean;
+    italicButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowBulletList: {
-        type: BooleanConstructor;
-        default: boolean;
+    strikeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowItalic: {
-        type: BooleanConstructor;
-        default: boolean;
+    linkButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+            dialogTitle: string;
+            textLabel: string;
+            linkLabel: string;
+            linkPlaceholder: string;
+            removeLabel: string;
+            cancelLabel: string;
+            confirmLabel: string;
+            visuallyHiddenCloseText: string;
+        };
     };
-    allowStrike: {
-        type: BooleanConstructor;
-        default: boolean;
+    bulletListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowUnderline: {
-        type: BooleanConstructor;
-        default: boolean;
+    orderedListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
-    allowCodeblock: {
-        type: BooleanConstructor;
-        default: boolean;
+    blockQuoteButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
+    };
+    codeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
+    };
+    codeBlockButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            ariaLabel: string;
+            tooltipText: string;
+            keyboardShortcutText: string;
+        };
     };
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -294,12 +415,12 @@ declare const _default: import('vue').DefineComponent<{
     "onSelected-emoji"?: ((...args: any[]) => any) | undefined;
     "onSkin-tone"?: ((...args: any[]) => any) | undefined;
     "onSelected-command"?: ((...args: any[]) => any) | undefined;
+    "onText-input"?: ((...args: any[]) => any) | undefined;
     "onMeeting-pill-close"?: ((...args: any[]) => any) | undefined;
     "onSelect-media"?: ((...args: any[]) => any) | undefined;
     "onAdd-media"?: ((...args: any[]) => any) | undefined;
     "onPaste-media"?: ((...args: any[]) => any) | undefined;
 }, {
-    link: boolean | Record<string, any>;
     maxHeight: string;
     modelValue: string | Record<string, any>;
     inputClass: string;
@@ -308,17 +429,20 @@ declare const _default: import('vue').DefineComponent<{
     channelSuggestion: Record<string, any>;
     slashCommandSuggestion: Record<string, any>;
     editable: boolean;
-    inputAriaLabel: string;
     preventTyping: boolean;
+    inputAriaLabel: string;
     autoFocus: string | number | boolean;
     outputFormat: string;
-    allowBlockquote: boolean;
-    allowBold: boolean;
-    allowBulletList: boolean;
-    allowItalic: boolean;
-    allowStrike: boolean;
-    allowUnderline: boolean;
-    allowCodeblock: boolean;
+    boldButtonOptions: Record<string, any>;
+    italicButtonOptions: Record<string, any>;
+    strikeButtonOptions: Record<string, any>;
+    bulletListButtonOptions: Record<string, any>;
+    orderedListButtonOptions: Record<string, any>;
+    blockQuoteButtonOptions: Record<string, any>;
+    codeButtonOptions: Record<string, any>;
+    codeBlockButtonOptions: Record<string, any>;
+    linkButtonOptions: Record<string, any>;
+    richText: boolean;
     disableSend: boolean;
     showEmojiPicker: boolean;
     emojiPickerProps: Record<string, any>;

package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AA2NA;"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AAgQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAigC4B,qBAAqB"}

package/dist/vue3/types/recipes/conversation_view/message_input/message_input_button.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import('vue').DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        required: true;
+    };
+    keyboardShortcutText: {
+        type: StringConstructor;
+        default: string;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dataQa: {
+        type: StringConstructor;
+        required: true;
+    };
+}, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        required: true;
+    };
+    keyboardShortcutText: {
+        type: StringConstructor;
+        default: string;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dataQa: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    isActive: boolean;
+    keyboardShortcutText: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=message_input_button.vue.d.ts.map

package/dist/vue3/types/recipes/conversation_view/message_input/message_input_button.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_input_button.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input_button.vue"],"names":[],"mappings":"AA2BA;"}

package/dist/vue3/types/recipes/conversation_view/message_input/message_input_link.vue.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import('vue').DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkButtonOptions: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    isSelectionActive: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}, any, {
+    linkText: string;
+    linkInput: string;
+    isOpen: boolean;
+}, {}, {
+    setInitialValues(linkText: any, linkInput: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("opened" | "set-link" | "remove-link")[], "opened" | "set-link" | "remove-link", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkButtonOptions: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    isSelectionActive: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>> & {
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onSet-link"?: ((...args: any[]) => any) | undefined;
+    "onRemove-link"?: ((...args: any[]) => any) | undefined;
+}, {
+    open: boolean;
+    isSelectionActive: Function;
+}, {}>;
+export default _default;
+//# sourceMappingURL=message_input_link.vue.d.ts.map

package/dist/vue3/types/recipes/conversation_view/message_input/message_input_link.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_input_link.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input_link.vue"],"names":[],"mappings":"AAsGA;"}

package/dist/vue3/types/recipes/conversation_view/message_input/message_input_topbar.vue.d.ts

@@ -0,0 +1,89 @@
+declare const _default: import('vue').DefineComponent<{
+    boldButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    italicButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    strikeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    bulletListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    orderedListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    blockQuoteButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    codeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    codeBlockButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isSelectionActive: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    boldButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    italicButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    strikeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    bulletListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    orderedListButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    blockQuoteButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    codeButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    codeBlockButtonOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isSelectionActive: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    boldButtonOptions: Record<string, any>;
+    italicButtonOptions: Record<string, any>;
+    strikeButtonOptions: Record<string, any>;
+    bulletListButtonOptions: Record<string, any>;
+    orderedListButtonOptions: Record<string, any>;
+    blockQuoteButtonOptions: Record<string, any>;
+    codeButtonOptions: Record<string, any>;
+    codeBlockButtonOptions: Record<string, any>;
+    isSelectionActive: Function;
+}, {}>;
+export default _default;
+//# sourceMappingURL=message_input_topbar.vue.d.ts.map

package/dist/vue3/types/recipes/conversation_view/message_input/message_input_topbar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_input_topbar.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"names":[],"mappings":"AA8IA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.96.0",
+  "version": "9.97.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -47,12 +47,14 @@
     "@tiptap/core": "^2.6.6",
     "@tiptap/extension-blockquote": "^2.6.6",
     "@tiptap/extension-bold": "^2.6.6",
+    "@tiptap/extension-bubble-menu": "2.6.6",
     "@tiptap/extension-bullet-list": "^2.6.6",
+    "@tiptap/extension-code": "^2.6.6",
     "@tiptap/extension-code-block": "^2.6.6",
     "@tiptap/extension-document": "^2.6.6",
     "@tiptap/extension-hard-break": "^2.6.6",
-    "@tiptap/extension-image": "^2.6.6",
     "@tiptap/extension-history": "^2.6.6",
+    "@tiptap/extension-image": "^2.6.6",
     "@tiptap/extension-italic": "^2.6.6",
     "@tiptap/extension-link": "^2.6.6",
     "@tiptap/extension-list-item": "^2.6.6",
@@ -67,15 +69,16 @@
     "@tiptap/pm": "^2.6.6",
     "@tiptap/suggestion": "^2.6.6",
     "date-fns": "2.30.0",
+    "deep-equal": "2.2.3",
     "docopt": "0.6.2",
     "emoji-toolkit": "9.0.1",
     "linkifyjs": "4.2.0",
     "overlayscrollbars": "2.10.0",
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
-    "@dialpad/dialtone-icons": "4.33.0",
     "@dialpad/dialtone-emojis": "1.1.0",
-    "@dialpad/dialtone-tokens": "1.39.0"
+    "@dialpad/dialtone-tokens": "1.39.0",
+    "@dialpad/dialtone-icons": "4.33.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",