@dialpad/dialtone 9.34.4 → 9.34.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/css/dialtone.css +2 -2
  2. package/dist/tokens/css/variables-dark.css +1 -1
  3. package/dist/tokens/css/variables-expressive-dark.css +1 -1
  4. package/dist/tokens/css/variables-expressive-light.css +1 -1
  5. package/dist/tokens/css/variables-expressive-sm-dark.css +1 -1
  6. package/dist/tokens/css/variables-expressive-sm-light.css +1 -1
  7. package/dist/tokens/css/variables-light.css +1 -1
  8. package/dist/tokens/css/variables-tmo-dark.css +1 -1
  9. package/dist/tokens/css/variables-tmo-light.css +1 -1
  10. package/dist/tokens/less/variables-dark.less +1 -1
  11. package/dist/tokens/less/variables-expressive-dark.less +1 -1
  12. package/dist/tokens/less/variables-expressive-light.less +1 -1
  13. package/dist/tokens/less/variables-expressive-sm-dark.less +1 -1
  14. package/dist/tokens/less/variables-expressive-sm-light.less +1 -1
  15. package/dist/tokens/less/variables-light.less +1 -1
  16. package/dist/tokens/less/variables-tmo-dark.less +1 -1
  17. package/dist/tokens/less/variables-tmo-light.less +1 -1
  18. package/dist/vue2/common/emoji.cjs +4 -1
  19. package/dist/vue2/common/emoji.cjs.map +1 -1
  20. package/dist/vue2/common/emoji.js +4 -1
  21. package/dist/vue2/common/emoji.js.map +1 -1
  22. package/dist/vue2/dialtone-vue.cjs +1 -0
  23. package/dist/vue2/dialtone-vue.cjs.map +1 -1
  24. package/dist/vue2/dialtone-vue.js +2 -1
  25. package/dist/vue2/lib/rich-text-editor.cjs +22 -9
  26. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  27. package/dist/vue2/lib/rich-text-editor.js +22 -9
  28. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  29. package/dist/vue2/types/common/emoji/index.d.ts +11 -2
  30. package/dist/vue2/types/common/emoji/index.d.ts.map +1 -1
  31. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/emoji.d.ts +0 -1
  32. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map +1 -1
  33. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
  34. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  35. package/dist/vue3/common/emoji.cjs +4 -1
  36. package/dist/vue3/common/emoji.cjs.map +1 -1
  37. package/dist/vue3/common/emoji.js +4 -1
  38. package/dist/vue3/common/emoji.js.map +1 -1
  39. package/dist/vue3/dialtone-vue.cjs +1 -0
  40. package/dist/vue3/dialtone-vue.cjs.map +1 -1
  41. package/dist/vue3/dialtone-vue.js +2 -1
  42. package/dist/vue3/lib/message-input.cjs +32 -3
  43. package/dist/vue3/lib/message-input.cjs.map +1 -1
  44. package/dist/vue3/lib/message-input.js +32 -3
  45. package/dist/vue3/lib/message-input.js.map +1 -1
  46. package/dist/vue3/lib/rich-text-editor.cjs +271 -35
  47. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  48. package/dist/vue3/lib/rich-text-editor.js +272 -36
  49. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  50. package/dist/vue3/types/common/emoji/index.d.ts +1 -0
  51. package/dist/vue3/types/common/emoji/index.d.ts.map +1 -1
  52. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/emoji.d.ts +0 -1
  53. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map +1 -1
  54. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.d.ts +73 -0
  55. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.d.ts.map +1 -0
  56. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.d.ts +17 -0
  57. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.d.ts.map +1 -0
  58. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/slash_command.d.ts +2 -0
  59. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/slash_command.d.ts.map +1 -0
  60. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/suggestion.d.ts +12 -0
  61. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/suggestion.d.ts.map +1 -0
  62. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +38 -1
  63. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  64. package/dist/vue3/types/components/rich_text_editor/slash_command_suggestion.d.ts +15 -0
  65. package/dist/vue3/types/components/rich_text_editor/slash_command_suggestion.d.ts.map +1 -0
  66. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +38 -1
  67. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  68. package/package.json +1 -1
@@ -108,6 +108,23 @@ declare const _default: import("vue").DefineComponent<{
108
108
  type: ObjectConstructor;
109
109
  default: null;
110
110
  };
111
+ /**
112
+ * suggestion object containing the items query function.
113
+ * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
114
+ *
115
+ * The only required key is the items function which is used to query the slash commands for suggestion.
116
+ * items({ query }) => { return [SlashCommandObject]; }
117
+ * SlashCommandObject format:
118
+ * { command: string, description: string, parametersExample?: string }
119
+ * The "parametersExample" parameter is optional, and describes an example
120
+ * of the parameters that command can take.
121
+ *
122
+ * When null, it does not add the plugin.
123
+ */
124
+ slashCommandSuggestion: {
125
+ type: ObjectConstructor;
126
+ default: null;
127
+ };
111
128
  /**
112
129
  * Whether the input allows for block quote.
113
130
  */
@@ -162,6 +179,7 @@ declare const _default: import("vue").DefineComponent<{
162
179
  role: string;
163
180
  };
164
181
  }, {
182
+ onSelectedCommand(command: any): void;
165
183
  createEditor(): void;
166
184
  /**
167
185
  * This function is necessary as tiptap doesn't render the content passed
@@ -183,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
183
201
  getExtension(extension: any, options: any): any;
184
202
  updateEditorAttributes(attributes: any): void;
185
203
  focusEditor(): void;
186
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "update:modelValue")[], "input" | "focus" | "blur" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
204
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "update:modelValue" | "selected-command")[], "input" | "focus" | "blur" | "update:modelValue" | "selected-command", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
187
205
  /**
188
206
  * Value of the input. The object format should match TipTap's JSON
189
207
  * document structure: https://tiptap.dev/guide/output#option-1-json
@@ -293,6 +311,23 @@ declare const _default: import("vue").DefineComponent<{
293
311
  type: ObjectConstructor;
294
312
  default: null;
295
313
  };
314
+ /**
315
+ * suggestion object containing the items query function.
316
+ * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
317
+ *
318
+ * The only required key is the items function which is used to query the slash commands for suggestion.
319
+ * items({ query }) => { return [SlashCommandObject]; }
320
+ * SlashCommandObject format:
321
+ * { command: string, description: string, parametersExample?: string }
322
+ * The "parametersExample" parameter is optional, and describes an example
323
+ * of the parameters that command can take.
324
+ *
325
+ * When null, it does not add the plugin.
326
+ */
327
+ slashCommandSuggestion: {
328
+ type: ObjectConstructor;
329
+ default: null;
330
+ };
296
331
  /**
297
332
  * Whether the input allows for block quote.
298
333
  */
@@ -340,6 +375,7 @@ declare const _default: import("vue").DefineComponent<{
340
375
  onBlur?: ((...args: any[]) => any) | undefined;
341
376
  onInput?: ((...args: any[]) => any) | undefined;
342
377
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
378
+ "onSelected-command"?: ((...args: any[]) => any) | undefined;
343
379
  }, {
344
380
  link: boolean | Record<string, any>;
345
381
  modelValue: string | Record<string, any>;
@@ -347,6 +383,7 @@ declare const _default: import("vue").DefineComponent<{
347
383
  placeholder: string;
348
384
  mentionSuggestion: Record<string, any>;
349
385
  channelSuggestion: Record<string, any>;
386
+ slashCommandSuggestion: Record<string, any>;
350
387
  editable: boolean;
351
388
  allowLineBreaks: boolean;
352
389
  autoFocus: string | number | boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA4CI;;;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;;;;;;;;;;;;;;;;;;IA0NH;;;;;OAKG;;;;;;IA2DH;;;OAGG;;;;;;;IAtcH;;;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"}
1
+ {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA6CI;;;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;;;;;;;;;;;;;;;;;;;IA4OH;;;;;OAKG;;;;;;IA+DH;;;OAGG;;;;;;;IA9eH;;;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"}
@@ -0,0 +1,15 @@
1
+ declare namespace _default {
2
+ function items({ query }: {
3
+ query: any;
4
+ }): ({
5
+ command: string;
6
+ description: string;
7
+ parametersExample?: undefined;
8
+ } | {
9
+ command: string;
10
+ parametersExample: string;
11
+ description: string;
12
+ })[];
13
+ }
14
+ export default _default;
15
+ //# sourceMappingURL=slash_command_suggestion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slash_command_suggestion.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/slash_command_suggestion.js"],"names":[],"mappings":";IACE;;;;;;;;;;SAwBC"}
@@ -179,6 +179,23 @@ declare const _default: import("vue").DefineComponent<{
179
179
  type: ObjectConstructor;
180
180
  default: null;
181
181
  };
182
+ /**
183
+ * suggestion object containing the items query function.
184
+ * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
185
+ *
186
+ * The only required key is the items function which is used to query the slash commands for suggestion.
187
+ * items({ query }) => { return [SlashCommandObject]; }
188
+ * SlashCommandObject format:
189
+ * { command: string, description: string, parametersExample?: string }
190
+ * The "parametersExample" parameter is optional, and describes an example
191
+ * of the parameters that command can take.
192
+ *
193
+ * When null, it does not add the plugin.
194
+ */
195
+ slashCommandSuggestion: {
196
+ type: ObjectConstructor;
197
+ default: null;
198
+ };
182
199
  /**
183
200
  * Whether the input allows for block quote.
184
201
  */
@@ -243,6 +260,7 @@ declare const _default: import("vue").DefineComponent<{
243
260
  onPaste(e: any): void;
244
261
  onSkinTone(skinTone: any): void;
245
262
  onSelectEmoji(emoji: any): void;
263
+ onSelectedCommand(command: any): void;
246
264
  onSelectImage(): void;
247
265
  onImageUpload(): void;
248
266
  toggleEmojiPicker(): void;
@@ -251,7 +269,7 @@ declare const _default: import("vue").DefineComponent<{
251
269
  onFocus(event: any): void;
252
270
  onBlur(event: any): void;
253
271
  onInput(event: any): void;
254
- }, never, import("vue").ComponentOptionsMixin, ("input" | "focus" | "submit" | "blur" | "cancel" | "update:modelValue" | "selected-emoji" | "skin-tone" | "select-media" | "add-media" | "paste-media")[], "input" | "focus" | "submit" | "blur" | "cancel" | "update:modelValue" | "selected-emoji" | "skin-tone" | "select-media" | "add-media" | "paste-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
272
+ }, never, import("vue").ComponentOptionsMixin, ("input" | "focus" | "submit" | "blur" | "cancel" | "update:modelValue" | "selected-emoji" | "skin-tone" | "selected-command" | "select-media" | "add-media" | "paste-media")[], "input" | "focus" | "submit" | "blur" | "cancel" | "update:modelValue" | "selected-emoji" | "skin-tone" | "selected-command" | "select-media" | "add-media" | "paste-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
255
273
  /**
256
274
  * Value of the input. The object format should match TipTap's JSON
257
275
  * document structure: https://tiptap.dev/guide/output#option-1-json
@@ -432,6 +450,23 @@ declare const _default: import("vue").DefineComponent<{
432
450
  type: ObjectConstructor;
433
451
  default: null;
434
452
  };
453
+ /**
454
+ * suggestion object containing the items query function.
455
+ * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
456
+ *
457
+ * The only required key is the items function which is used to query the slash commands for suggestion.
458
+ * items({ query }) => { return [SlashCommandObject]; }
459
+ * SlashCommandObject format:
460
+ * { command: string, description: string, parametersExample?: string }
461
+ * The "parametersExample" parameter is optional, and describes an example
462
+ * of the parameters that command can take.
463
+ *
464
+ * When null, it does not add the plugin.
465
+ */
466
+ slashCommandSuggestion: {
467
+ type: ObjectConstructor;
468
+ default: null;
469
+ };
435
470
  /**
436
471
  * Whether the input allows for block quote.
437
472
  */
@@ -480,6 +515,7 @@ declare const _default: import("vue").DefineComponent<{
480
515
  onInput?: ((...args: any[]) => any) | undefined;
481
516
  onSubmit?: ((...args: any[]) => any) | undefined;
482
517
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
518
+ "onSelected-command"?: ((...args: any[]) => any) | undefined;
483
519
  onCancel?: ((...args: any[]) => any) | undefined;
484
520
  "onSelected-emoji"?: ((...args: any[]) => any) | undefined;
485
521
  "onSkin-tone"?: ((...args: any[]) => any) | undefined;
@@ -494,6 +530,7 @@ declare const _default: import("vue").DefineComponent<{
494
530
  placeholder: string;
495
531
  mentionSuggestion: Record<string, any>;
496
532
  channelSuggestion: Record<string, any>;
533
+ slashCommandSuggestion: Record<string, any>;
497
534
  editable: boolean;
498
535
  inputAriaLabel: string;
499
536
  autoFocus: string | number | boolean;
@@ -1 +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"}
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;;;;;;;;;;;;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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone",
3
- "version": "9.34.4",
3
+ "version": "9.34.5",
4
4
  "description": "Dialpad's Dialtone design system monorepo",
5
5
  "files": [
6
6
  "dist"