@dialpad/dialtone-vue 3.121.0 → 3.123.0
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.
- package/dist/common/utils.cjs +8 -1
- package/dist/common/utils.cjs.map +1 -1
- package/dist/common/utils.js +8 -1
- package/dist/common/utils.js.map +1 -1
- package/dist/component-documentation.json +1 -1
- package/dist/lib/message-input.cjs +8 -1
- package/dist/lib/message-input.cjs.map +1 -1
- package/dist/lib/message-input.js +8 -1
- package/dist/lib/message-input.js.map +1 -1
- package/dist/lib/notice.cjs +10 -1
- package/dist/lib/notice.cjs.map +1 -1
- package/dist/lib/notice.js +10 -1
- package/dist/lib/notice.js.map +1 -1
- package/dist/lib/rich-text-editor.cjs +172 -10
- package/dist/lib/rich-text-editor.cjs.map +1 -1
- package/dist/lib/rich-text-editor.js +173 -11
- package/dist/lib/rich-text-editor.js.map +1 -1
- package/dist/types/common/utils/index.d.ts.map +1 -1
- package/dist/types/components/notice/notice.vue.d.ts +19 -0
- package/dist/types/components/notice/notice.vue.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/channels/channel.d.ts +2 -1
- package/dist/types/components/rich_text_editor/extensions/channels/channel.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/emoji/emoji.d.ts +1 -0
- package/dist/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/mentions/mention.d.ts +2 -1
- package/dist/types/components/rich_text_editor/extensions/mentions/mention.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +12 -1
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +3 -2
- package/package.json +26 -26
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../common/utils/index.js"],"names":[],"mappings":"AAyBA,yDAEC;AAED;;;;;;GAMG;AACH,mDAJW,MAAM,OAWhB;AAED;;;;;;;;;;;;;;GAcG;AACH,kCAHW,MAAM,GACL,MAAM,CASjB;AAED;;;;GAIG;AACH,kCAHW,MAAM,GACJ,MAAM,CAIlB;AAED,mDAeC;AAED,qEAQC;AAOD,0EAgBC;AAED,yFAMC;AAED,0DAEC;AAqBD,+DAcC;AAoCD,4DAGC;AAED;;;;;GAKG;AAEH,yCAJY,WAAW,GACX,MAAM,CAejB;AAoED;;;;;GAKG;AACH,gDAJW,MAAM,cACN,MAAM,GACJ,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../common/utils/index.js"],"names":[],"mappings":"AAyBA,yDAEC;AAED;;;;;;GAMG;AACH,mDAJW,MAAM,OAWhB;AAED;;;;;;;;;;;;;;GAcG;AACH,kCAHW,MAAM,GACL,MAAM,CASjB;AAED;;;;GAIG;AACH,kCAHW,MAAM,GACJ,MAAM,CAIlB;AAED,mDAeC;AAED,qEAQC;AAOD,0EAgBC;AAED,yFAMC;AAED,0DAEC;AAqBD,+DAcC;AAoCD,4DAGC;AAED;;;;;GAKG;AAEH,yCAJY,WAAW,GACX,MAAM,CAejB;AAoED;;;;;GAKG;AACH,gDAJW,MAAM,cACN,MAAM,GACJ,MAAM,CAuBlB;AAeD;;;;GAIG;AACH,qCAHW,MAAM,GAAC,MAAM,GACX,OAAO,CAMnB;AAED;;;;GAIG;AACH,6BAHW,MAAM,GACJ,OAAO,CAMnB;AAED;;;;GAIG;AACH,sCAHW,MAAM,GACJ,OAAO,CAKnB;AAED;;;;;GAKG;AACH,2DAEC;AAED;;;;;GAKG;AACH,2CAJW,MAAM,WACN,MAAM,UAKhB;AAzPM;;GAEN;AAEM,8CAIN;AA4BM,oDAFM,MAAM,CAOlB;AAOM,oDAFM,MAAM,CAMlB;AAEM;;EAIN;AAmID,+BAQE"}
|
|
@@ -82,6 +82,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
82
82
|
type: BooleanConstructor;
|
|
83
83
|
default: boolean;
|
|
84
84
|
};
|
|
85
|
+
/**
|
|
86
|
+
* Truncates the content instead of wrapping.
|
|
87
|
+
* Used when the notice needs to have a fixed height.
|
|
88
|
+
* @values true, false
|
|
89
|
+
*/
|
|
90
|
+
truncateText: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
85
94
|
}, any, any, {
|
|
86
95
|
noticeClass(): any[];
|
|
87
96
|
}, {}, {
|
|
@@ -192,6 +201,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
192
201
|
type: BooleanConstructor;
|
|
193
202
|
default: boolean;
|
|
194
203
|
};
|
|
204
|
+
/**
|
|
205
|
+
* Truncates the content instead of wrapping.
|
|
206
|
+
* Used when the notice needs to have a fixed height.
|
|
207
|
+
* @values true, false
|
|
208
|
+
*/
|
|
209
|
+
truncateText: {
|
|
210
|
+
type: BooleanConstructor;
|
|
211
|
+
default: boolean;
|
|
212
|
+
};
|
|
195
213
|
}>> & {
|
|
196
214
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
197
215
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
@@ -206,6 +224,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
206
224
|
hideAction: boolean;
|
|
207
225
|
important: boolean;
|
|
208
226
|
hideIcon: boolean;
|
|
227
|
+
truncateText: boolean;
|
|
209
228
|
}, {}>;
|
|
210
229
|
export default _default;
|
|
211
230
|
//# sourceMappingURL=notice.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notice.vue.d.ts","sourceRoot":"","sources":["../../../../components/notice/notice.vue.js"],"names":[],"mappings":";IAwBI;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"notice.vue.d.ts","sourceRoot":"","sources":["../../../../components/notice/notice.vue.js"],"names":[],"mappings":";IAwBI;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArGH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;;OAIG"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const channelRegex: RegExp;
|
|
2
|
+
export const ChannelPlugin: import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions, any>;
|
|
2
3
|
//# sourceMappingURL=channel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/channels/channel.js"],"names":[],"mappings":"AAQA,
|
|
1
|
+
{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/channels/channel.js"],"names":[],"mappings":"AAQA,kCAAgD;AA6BhD,iHAqEG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"names":[],"mappings":"AASA,4CAAqD;
|
|
1
|
+
{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"names":[],"mappings":"AASA,4CAAqD;AAGrD,yCAA4C;AA+B5C,mCAiHG;0BAxJuB,kBAAkB;qBAJwB,cAAc"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const mentionRegex: RegExp;
|
|
2
|
+
export const MentionPlugin: import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions, any>;
|
|
2
3
|
//# sourceMappingURL=mention.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mention.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/mention.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mention.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/mention.js"],"names":[],"mappings":"AAQA,kCAAkD;AA6BlD,iHAkEG"}
|
|
@@ -153,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
153
153
|
}, any, {
|
|
154
154
|
editor: null;
|
|
155
155
|
popoverOpened: boolean;
|
|
156
|
+
internalValue: string | Record<string, any>;
|
|
156
157
|
}, {
|
|
157
158
|
extensions(): import("@tiptap/vue-3").Node<any, any>[];
|
|
158
159
|
inputAttrs(): {
|
|
@@ -162,6 +163,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
162
163
|
};
|
|
163
164
|
}, {
|
|
164
165
|
createEditor(): void;
|
|
166
|
+
/**
|
|
167
|
+
* This function is necessary as tiptap doesn't render the content passed
|
|
168
|
+
* directly through `editor.commands.setContent` the content passed down to it
|
|
169
|
+
* should be already parsed. So We're parsing the elements into it's corresponding
|
|
170
|
+
* HTML version before setting it.
|
|
171
|
+
*/
|
|
172
|
+
insertContent(): void;
|
|
173
|
+
parseEmojis(): void;
|
|
174
|
+
parseChannels(): void;
|
|
175
|
+
parseMentions(): void;
|
|
165
176
|
destroyEditor(): void;
|
|
166
177
|
/**
|
|
167
178
|
* The Editor exposes event hooks that we have to map our emits into. See
|
|
@@ -334,12 +345,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
334
345
|
modelValue: string | Record<string, any>;
|
|
335
346
|
inputClass: string;
|
|
336
347
|
placeholder: string;
|
|
348
|
+
mentionSuggestion: Record<string, any>;
|
|
337
349
|
channelSuggestion: Record<string, any>;
|
|
338
350
|
editable: boolean;
|
|
339
351
|
allowLineBreaks: boolean;
|
|
340
352
|
autoFocus: string | number | boolean;
|
|
341
353
|
outputFormat: string;
|
|
342
|
-
mentionSuggestion: Record<string, any>;
|
|
343
354
|
allowBlockquote: boolean;
|
|
344
355
|
allowBold: boolean;
|
|
345
356
|
allowBulletList: 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":";
|
|
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"}
|
|
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
251
251
|
onFocus(event: any): void;
|
|
252
252
|
onBlur(event: any): void;
|
|
253
253
|
onInput(event: any): void;
|
|
254
|
-
}, never, import("vue").ComponentOptionsMixin, ("input" | "focus" | "submit" | "blur" | "cancel" | "selected-emoji" | "skin-tone" | "select-media" | "add-media" | "paste-media")[], "input" | "focus" | "submit" | "blur" | "cancel" | "selected-emoji" | "skin-tone" | "select-media" | "add-media" | "paste-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
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<{
|
|
255
255
|
/**
|
|
256
256
|
* Value of the input. The object format should match TipTap's JSON
|
|
257
257
|
* document structure: https://tiptap.dev/guide/output#option-1-json
|
|
@@ -479,6 +479,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
479
479
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
480
480
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
481
481
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
482
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
482
483
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
483
484
|
"onSelected-emoji"?: ((...args: any[]) => any) | undefined;
|
|
484
485
|
"onSkin-tone"?: ((...args: any[]) => any) | undefined;
|
|
@@ -491,12 +492,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
491
492
|
modelValue: string | Record<string, any>;
|
|
492
493
|
inputClass: string;
|
|
493
494
|
placeholder: string;
|
|
495
|
+
mentionSuggestion: Record<string, any>;
|
|
494
496
|
channelSuggestion: Record<string, any>;
|
|
495
497
|
editable: boolean;
|
|
496
498
|
inputAriaLabel: string;
|
|
497
499
|
autoFocus: string | number | boolean;
|
|
498
500
|
outputFormat: string;
|
|
499
|
-
mentionSuggestion: Record<string, any>;
|
|
500
501
|
allowBlockquote: boolean;
|
|
501
502
|
allowBold: boolean;
|
|
502
503
|
allowBulletList: boolean;
|
package/package.json
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-vue",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.123.0",
|
|
4
4
|
"description": "Vue component library for Dialpad's design system Dialtone",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
7
7
|
],
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@tiptap/core": "2.
|
|
10
|
-
"@tiptap/extension-blockquote": "2.
|
|
11
|
-
"@tiptap/extension-bold": "2.
|
|
12
|
-
"@tiptap/extension-bullet-list": "2.
|
|
13
|
-
"@tiptap/extension-code-block": "2.
|
|
14
|
-
"@tiptap/extension-document": "2.
|
|
15
|
-
"@tiptap/extension-hard-break": "2.
|
|
16
|
-
"@tiptap/extension-italic": "2.
|
|
17
|
-
"@tiptap/extension-link": "2.
|
|
18
|
-
"@tiptap/extension-list-item": "2.
|
|
19
|
-
"@tiptap/extension-mention": "2.
|
|
20
|
-
"@tiptap/extension-ordered-list": "2.
|
|
21
|
-
"@tiptap/extension-paragraph": "2.
|
|
22
|
-
"@tiptap/extension-placeholder": "2.
|
|
23
|
-
"@tiptap/extension-strike": "2.
|
|
24
|
-
"@tiptap/extension-text": "2.
|
|
25
|
-
"@tiptap/extension-text-align": "2.
|
|
26
|
-
"@tiptap/extension-underline": "2.
|
|
27
|
-
"@tiptap/pm": "2.
|
|
28
|
-
"@tiptap/suggestion": "2.
|
|
29
|
-
"@tiptap/vue-3": "2.
|
|
9
|
+
"@tiptap/core": "2.3.0",
|
|
10
|
+
"@tiptap/extension-blockquote": "2.3.0",
|
|
11
|
+
"@tiptap/extension-bold": "2.3.0",
|
|
12
|
+
"@tiptap/extension-bullet-list": "2.3.0",
|
|
13
|
+
"@tiptap/extension-code-block": "2.3.0",
|
|
14
|
+
"@tiptap/extension-document": "2.3.0",
|
|
15
|
+
"@tiptap/extension-hard-break": "2.3.0",
|
|
16
|
+
"@tiptap/extension-italic": "2.3.0",
|
|
17
|
+
"@tiptap/extension-link": "2.3.0",
|
|
18
|
+
"@tiptap/extension-list-item": "2.3.0",
|
|
19
|
+
"@tiptap/extension-mention": "2.3.0",
|
|
20
|
+
"@tiptap/extension-ordered-list": "2.3.0",
|
|
21
|
+
"@tiptap/extension-paragraph": "2.3.0",
|
|
22
|
+
"@tiptap/extension-placeholder": "2.3.0",
|
|
23
|
+
"@tiptap/extension-strike": "2.3.0",
|
|
24
|
+
"@tiptap/extension-text": "2.3.0",
|
|
25
|
+
"@tiptap/extension-text-align": "2.3.0",
|
|
26
|
+
"@tiptap/extension-underline": "2.3.0",
|
|
27
|
+
"@tiptap/pm": "2.3.0",
|
|
28
|
+
"@tiptap/suggestion": "2.3.0",
|
|
29
|
+
"@tiptap/vue-3": "2.3.0",
|
|
30
30
|
"date-fns": "2.30.0",
|
|
31
31
|
"emoji-regex": "10.3.0",
|
|
32
32
|
"emoji-toolkit": "8.0.0",
|
|
33
33
|
"tippy.js": "6.3.7",
|
|
34
34
|
"@dialpad/dialtone-emojis": "1.0.2",
|
|
35
|
-
"@dialpad/dialtone-icons": "4.
|
|
35
|
+
"@dialpad/dialtone-icons": "4.14.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@percy/cli": "1.28.2",
|
|
@@ -79,12 +79,12 @@
|
|
|
79
79
|
"vue-tsc": "^1.8.25",
|
|
80
80
|
"yo": "^5.0.0",
|
|
81
81
|
"yorkie": "^2.0.0",
|
|
82
|
-
"@dialpad/
|
|
83
|
-
"@dialpad/dialtone
|
|
82
|
+
"@dialpad/dialtone-css": "8.31.0",
|
|
83
|
+
"@dialpad/generator-dialtone": "0.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
86
|
"vue": ">=3.2",
|
|
87
|
-
"@dialpad/dialtone-css": "^8.
|
|
87
|
+
"@dialpad/dialtone-css": "^8.31.0"
|
|
88
88
|
},
|
|
89
89
|
"bugs": {
|
|
90
90
|
"email": "dialtone@dialpad.com"
|