@dialpad/dialtone-vue 2.128.0 → 2.130.0

package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts

@@ -108,6 +108,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
+    /**
+     * suggestion object containing the items query function.
+     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
+     *
+     * The only required key is the items function which is used to query the slash commands for suggestion.
+     * items({ query }) => { return [SlashCommandObject]; }
+     * SlashCommandObject format:
+     * { command: string, description: string, parametersExample?: string }
+     * The "parametersExample" parameter is optional, and describes an example
+     * of the parameters that command can take.
+     *
+     * When null, it does not add the plugin.
+     */
+    slashCommandSuggestion: {
+        type: ObjectConstructor;
+        default: null;
+    };
     /**
      * Whether the input allows for block quote.
      */
@@ -153,6 +170,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, {
     editor: null;
     popoverOpened: boolean;
+    internalValue: any;
 }, {
     extensions(): import("@tiptap/vue-2").Node<any, any>[];
     inputAttrs(): {
@@ -161,7 +179,18 @@ declare const _default: import("vue").DefineComponent<{
         role: string;
     };
 }, {
+    onSelectedCommand(command: any): void;
     createEditor(): void;
+    /**
+     * This function is necessary as tiptap doesn't render the content passed
+     * directly through `editor.commands.setContent` the content passed down to it
+     * should be already parsed. So We're parsing the elements into it's corresponding
+     * HTML version before setting it.
+     */
+    insertContent(): void;
+    parseEmojis(): void;
+    parseChannels(): void;
+    parseMentions(): void;
     destroyEditor(): void;
     /**
      * The Editor exposes event hooks that we have to map our emits into. See
@@ -282,6 +311,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
+    /**
+     * suggestion object containing the items query function.
+     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
+     *
+     * The only required key is the items function which is used to query the slash commands for suggestion.
+     * items({ query }) => { return [SlashCommandObject]; }
+     * SlashCommandObject format:
+     * { command: string, description: string, parametersExample?: string }
+     * The "parametersExample" parameter is optional, and describes an example
+     * of the parameters that command can take.
+     *
+     * When null, it does not add the plugin.
+     */
+    slashCommandSuggestion: {
+        type: ObjectConstructor;
+        default: null;
+    };
     /**
      * Whether the input allows for block quote.
      */
@@ -329,12 +375,13 @@ declare const _default: import("vue").DefineComponent<{
     value: string | Record<string, any>;
     inputClass: string;
     placeholder: string;
+    mentionSuggestion: Record<string, any>;
     channelSuggestion: Record<string, any>;
+    slashCommandSuggestion: Record<string, any>;
     editable: boolean;
     allowLineBreaks: boolean;
     autoFocus: string | number | boolean;
     outputFormat: string;
-    mentionSuggestion: Record<string, any>;
     allowBlockquote: boolean;
     allowBold: boolean;
     allowBulletList: boolean;

package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IAyCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;IA4NH;;;OAGG;;;;;;;IAxYH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA8CI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;IAoOH;;;;;OAKG;;;;;;IA2DH;;;OAGG;;;;;;;IAleH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/components/rich_text_editor/slash_command_suggestion.d.ts

@@ -0,0 +1,15 @@
+declare namespace _default {
+    function items({ query }: {
+        query: any;
+    }): ({
+        command: string;
+        description: string;
+        parametersExample?: undefined;
+    } | {
+        command: string;
+        parametersExample: string;
+        description: string;
+    })[];
+}
+export default _default;
+//# sourceMappingURL=slash_command_suggestion.d.ts.map

package/dist/types/components/rich_text_editor/slash_command_suggestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash_command_suggestion.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/slash_command_suggestion.js"],"names":[],"mappings":";IACE;;;;;;;;;;SAwBC"}

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

@@ -179,6 +179,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
+    /**
+     * suggestion object containing the items query function.
+     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
+     *
+     * The only required key is the items function which is used to query the slash commands for suggestion.
+     * items({ query }) => { return [SlashCommandObject]; }
+     * SlashCommandObject format:
+     * { command: string, description: string, parametersExample?: string }
+     * The "parametersExample" parameter is optional, and describes an example
+     * of the parameters that command can take.
+     *
+     * When null, it does not add the plugin.
+     */
+    slashCommandSuggestion: {
+        type: ObjectConstructor;
+        default: null;
+    };
     /**
      * Whether the input allows for block quote.
      */
@@ -243,6 +260,7 @@ declare const _default: import("vue").DefineComponent<{
     onPaste(e: any): void;
     onSkinTone(skinTone: any): void;
     onSelectEmoji(emoji: any): void;
+    onSelectedCommand(command: any): void;
     onSelectImage(): void;
     onImageUpload(): void;
     toggleEmojiPicker(): void;
@@ -251,7 +269,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus(event: any): void;
     onBlur(event: any): void;
     onInput(event: any): void;
-}, never, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "focus" | "submit" | "blur" | "cancel" | "selected-emoji" | "skin-tone" | "select-media" | "add-media" | "paste-media")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, never, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "focus" | "submit" | "blur" | "cancel" | "selected-emoji" | "skin-tone" | "selected-command" | "update:value" | "select-media" | "add-media" | "paste-media")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Value of the input. The object format should match TipTap's JSON
      * document structure: https://tiptap.dev/guide/output#option-1-json
@@ -432,6 +450,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
+    /**
+     * suggestion object containing the items query function.
+     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
+     *
+     * The only required key is the items function which is used to query the slash commands for suggestion.
+     * items({ query }) => { return [SlashCommandObject]; }
+     * SlashCommandObject format:
+     * { command: string, description: string, parametersExample?: string }
+     * The "parametersExample" parameter is optional, and describes an example
+     * of the parameters that command can take.
+     *
+     * When null, it does not add the plugin.
+     */
+    slashCommandSuggestion: {
+        type: ObjectConstructor;
+        default: null;
+    };
     /**
      * Whether the input allows for block quote.
      */
@@ -480,12 +515,13 @@ declare const _default: import("vue").DefineComponent<{
     maxHeight: string;
     inputClass: string;
     placeholder: string;
+    mentionSuggestion: Record<string, any>;
     channelSuggestion: Record<string, any>;
+    slashCommandSuggestion: Record<string, any>;
     editable: boolean;
     inputAriaLabel: string;
     autoFocus: string | number | boolean;
     outputFormat: string;
-    mentionSuggestion: Record<string, any>;
     allowBlockquote: boolean;
     allowBold: boolean;
     allowBulletList: boolean;

package/dist/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.js"],"names":[],"mappings":";IAiCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAxPH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue.js"],"names":[],"mappings":";IAiCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1QH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/package.json

@@ -1,39 +1,39 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.128.0",
+  "version": "2.130.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
   ],
   "dependencies": {
     "@linusborg/vue-simple-portal": "0.1.5",
-    "@tiptap/core": "2.2.6",
-    "@tiptap/extension-blockquote": "2.2.6",
-    "@tiptap/extension-bold": "2.2.6",
-    "@tiptap/extension-bullet-list": "2.2.6",
-    "@tiptap/extension-code-block": "2.2.6",
-    "@tiptap/extension-document": "2.2.6",
-    "@tiptap/extension-hard-break": "2.2.6",
-    "@tiptap/extension-italic": "2.2.6",
-    "@tiptap/extension-link": "2.2.6",
-    "@tiptap/extension-list-item": "2.2.6",
-    "@tiptap/extension-mention": "2.2.6",
-    "@tiptap/extension-ordered-list": "2.2.6",
-    "@tiptap/extension-paragraph": "2.1.16",
-    "@tiptap/extension-placeholder": "2.2.6",
-    "@tiptap/extension-strike": "2.2.6",
-    "@tiptap/extension-text": "2.2.6",
-    "@tiptap/extension-text-align": "2.2.6",
-    "@tiptap/extension-underline": "2.2.6",
-    "@tiptap/pm": "2.2.6",
-    "@tiptap/suggestion": "2.2.6",
-    "@tiptap/vue-2": "2.2.6",
+    "@tiptap/core": "2.3.0",
+    "@tiptap/extension-blockquote": "2.3.0",
+    "@tiptap/extension-bold": "2.3.0",
+    "@tiptap/extension-bullet-list": "2.3.0",
+    "@tiptap/extension-code-block": "2.3.0",
+    "@tiptap/extension-document": "2.3.0",
+    "@tiptap/extension-hard-break": "2.3.0",
+    "@tiptap/extension-italic": "2.3.0",
+    "@tiptap/extension-link": "2.3.0",
+    "@tiptap/extension-list-item": "2.3.0",
+    "@tiptap/extension-mention": "2.3.0",
+    "@tiptap/extension-ordered-list": "2.3.0",
+    "@tiptap/extension-paragraph": "2.3.0",
+    "@tiptap/extension-placeholder": "2.3.0",
+    "@tiptap/extension-strike": "2.3.0",
+    "@tiptap/extension-text": "2.3.0",
+    "@tiptap/extension-text-align": "2.3.0",
+    "@tiptap/extension-underline": "2.3.0",
+    "@tiptap/pm": "2.3.0",
+    "@tiptap/suggestion": "2.3.0",
+    "@tiptap/vue-2": "2.3.0",
     "date-fns": "2.30.0",
     "emoji-regex": "10.3.0",
     "emoji-toolkit": "8.0.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.2",
-    "@dialpad/dialtone-icons": "4.13.1"
+    "@dialpad/dialtone-icons": "4.14.0"
   },
   "devDependencies": {
     "@percy/cli": "1.28.2",
@@ -81,12 +81,12 @@
     "vue-tsc": "^1.8.25",
     "yo": "^5.0.0",
     "yorkie": "^2.0.0",
-    "@dialpad/dialtone-css": "8.30.0",
+    "@dialpad/dialtone-css": "8.31.0",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=2.6",
-    "@dialpad/dialtone-css": "^8.30.0"
+    "@dialpad/dialtone-css": "^8.31.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"