@dialpad/dialtone-vue 2.113.0 → 2.114.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.
Files changed (30) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +12 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.cjs +1 -1
  5. package/dist/dialtone-vue.js +7 -7
  6. package/dist/directives.cjs +1 -1
  7. package/dist/directives.js +1 -1
  8. package/dist/emoji.cjs +1 -1
  9. package/dist/emoji.js +4 -4
  10. package/dist/{emoji_picker-50hU6Bus.cjs → emoji_picker-G_dpCtLb.cjs} +1 -1
  11. package/dist/{emoji_picker-3cVhhlbr.js → emoji_picker-H4Qp2wF5.js} +2 -2
  12. package/dist/{emoji_text_wrapper-45075bUQ.js → emoji_text_wrapper-B6LYaq-4.js} +6 -7
  13. package/dist/emoji_text_wrapper-HXzlY5eZ.cjs +1 -0
  14. package/dist/{index-NG2T0qK1.js → index-ASOzBdZi.js} +1009 -997
  15. package/dist/index-Fi4GXrPf.cjs +1 -0
  16. package/dist/message_input.cjs +1 -1
  17. package/dist/message_input.js +4 -4
  18. package/dist/{rich_text_editor-E7mcsC-J.cjs → rich_text_editor-HGWAxljc.cjs} +2 -2
  19. package/dist/{rich_text_editor-sxTdV897.js → rich_text_editor-hvsobGV1.js} +3 -3
  20. package/dist/style.css +1 -1
  21. package/dist/{tooltip-RmgCyjmY.cjs → tooltip-R7LTeOZf.cjs} +5 -5
  22. package/dist/{tooltip-UOWkfPpb.js → tooltip-vREVnN_1.js} +282 -263
  23. package/dist/types/components/emoji_text_wrapper/emoji_text_wrapper.vue.d.ts.map +1 -1
  24. package/dist/types/components/tooltip/tooltip.vue.d.ts +33 -1
  25. package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  26. package/dist/types/components/tooltip/tooltip_constants.d.ts +2 -0
  27. package/dist/types/components/tooltip/tooltip_constants.d.ts.map +1 -1
  28. package/package.json +4 -4
  29. package/dist/emoji_text_wrapper-dc6a_C0K.cjs +0 -1
  30. package/dist/index-8ytmeBCH.cjs +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"emoji_text_wrapper.vue.d.ts","sourceRoot":"","sources":["../../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAmBH;;;OAGG;yDADU,MAAM,QAAM,MAAM,CAAC;IAgBhC;;;;OAIG;8BADU,SAAO;;IAiBpB;;;;OAIG;mCADU,MAAM,QAAM,MAAM,CAAC,GAAC,MAAM;;IAtEvC;;OAEG;;;;;IAMH;;OAEG"}
1
+ {"version":3,"file":"emoji_text_wrapper.vue.d.ts","sourceRoot":"","sources":["../../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.js"],"names":[],"mappings":";IAkBI;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAmBH;;;OAGG;yDADU,MAAM,QAAM,MAAM,CAAC;IAehC;;;;OAIG;8BADU,SAAO;;IAiBpB;;;;OAIG;mCADU,MAAM,QAAM,MAAM,CAAC,GAAC,MAAM;;IArEvC;;OAEG;;;;;IAMH;;OAEG"}
@@ -6,6 +6,19 @@ declare const _default: import("vue").DefineComponent<{
6
6
  type: StringConstructor;
7
7
  default(): string;
8
8
  };
9
+ /**
10
+ * Sets the element to which the popover is going to append to.
11
+ * 'body' will append to the nearest body (supports shadow DOM).
12
+ * @values 'body', 'parent', HTMLElement,
13
+ */
14
+ appendTo: {
15
+ type: (StringConstructor | {
16
+ new (): HTMLElement;
17
+ prototype: HTMLElement;
18
+ })[];
19
+ default: string;
20
+ validator: (appendTo: unknown) => boolean;
21
+ };
9
22
  /**
10
23
  * If the popover does not fit in the direction described by "placement",
11
24
  * it will attempt to change its direction to the "fallbackPlacements"
@@ -156,16 +169,19 @@ declare const _default: import("vue").DefineComponent<{
156
169
  inTimer: null;
157
170
  isShown: boolean;
158
171
  currentPlacement: any;
172
+ anchor: null;
159
173
  }, {
160
174
  isVisible(): any;
161
175
  tooltipListeners(): {
162
176
  'after-leave': () => void;
163
177
  'after-enter': () => void;
164
178
  };
179
+ appendToElement(): any;
165
180
  tippyProps(): {
166
181
  offset: any;
167
182
  interactive: boolean;
168
183
  trigger: string;
184
+ appendTo: any;
169
185
  placement: any;
170
186
  sticky: any;
171
187
  popperOptions: {
@@ -200,7 +216,6 @@ declare const _default: import("vue").DefineComponent<{
200
216
  })[];
201
217
  };
202
218
  };
203
- anchor(): any;
204
219
  }, {
205
220
  calculateAnchorZindex(): 651 | 400;
206
221
  hasVisibleFocus(): any;
@@ -213,10 +228,12 @@ declare const _default: import("vue").DefineComponent<{
213
228
  onEnterTransitionComplete(): void;
214
229
  setProps(): void;
215
230
  onMount(): void;
231
+ onCreate(instance: any): void;
216
232
  initOptions(): {
217
233
  offset: any;
218
234
  interactive: boolean;
219
235
  trigger: string;
236
+ appendTo: any;
220
237
  placement: any;
221
238
  sticky: any;
222
239
  popperOptions: {
@@ -254,6 +271,7 @@ declare const _default: import("vue").DefineComponent<{
254
271
  allowHTML: boolean;
255
272
  zIndex: number;
256
273
  onMount: () => void;
274
+ onCreate: (instance: any) => void;
257
275
  };
258
276
  addExternalAnchorEventListeners(): void;
259
277
  removeExternalAnchorEventListeners(): void;
@@ -265,6 +283,19 @@ declare const _default: import("vue").DefineComponent<{
265
283
  type: StringConstructor;
266
284
  default(): string;
267
285
  };
286
+ /**
287
+ * Sets the element to which the popover is going to append to.
288
+ * 'body' will append to the nearest body (supports shadow DOM).
289
+ * @values 'body', 'parent', HTMLElement,
290
+ */
291
+ appendTo: {
292
+ type: (StringConstructor | {
293
+ new (): HTMLElement;
294
+ prototype: HTMLElement;
295
+ })[];
296
+ default: string;
297
+ validator: (appendTo: unknown) => boolean;
298
+ };
268
299
  /**
269
300
  * If the popover does not fit in the direction described by "placement",
270
301
  * it will attempt to change its direction to the "fallbackPlacements"
@@ -413,6 +444,7 @@ declare const _default: import("vue").DefineComponent<{
413
444
  transition: string;
414
445
  offset: unknown[];
415
446
  fallbackPlacements: unknown[];
447
+ appendTo: string | HTMLElement;
416
448
  delay: boolean;
417
449
  placement: string;
418
450
  sticky: string | boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue.js"],"names":[],"mappings":";IA6BI;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JH;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
1
+ {"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue.js"],"names":[],"mappings":";IA8BI;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3KH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
@@ -1,4 +1,5 @@
1
1
  export const TOOLTIP_DIRECTIONS: string[];
2
+ export const TOOLTIP_APPEND_TO_VALUES: string[];
2
3
  export const TOOLTIP_DELAY_MS: 300;
3
4
  export namespace TOOLTIP_KIND_MODIFIERS {
4
5
  let hover: string;
@@ -10,6 +11,7 @@ export const TOOLTIP_STICKY_VALUES: (string | boolean)[];
10
11
  export const TOOLTIP_HIDE_ON_CLICK_VARIANTS: (string | boolean)[];
11
12
  declare namespace _default {
12
13
  export { TOOLTIP_DIRECTIONS };
14
+ export { TOOLTIP_APPEND_TO_VALUES };
13
15
  export { TOOLTIP_DELAY_MS };
14
16
  export { TOOLTIP_KIND_MODIFIERS };
15
17
  export { TOOLTIP_STICKY_VALUES };
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip_constants.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip_constants.js"],"names":[],"mappings":"AAKA,0CAEE;AAEF,mCAAoC;;;;;;;AASpC,yDAEE;AAEF,kEAAsE"}
1
+ {"version":3,"file":"tooltip_constants.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip_constants.js"],"names":[],"mappings":"AAKA,0CAEE;AACF,gDAA2D;AAC3D,mCAAoC;;;;;;;AASpC,yDAEE;AAEF,kEAAsE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-vue",
3
- "version": "2.113.0",
3
+ "version": "2.114.0",
4
4
  "description": "Vue component library for Dialpad's design system Dialtone",
5
5
  "files": [
6
6
  "dist",
@@ -84,8 +84,8 @@
84
84
  "vue-tsc": "^1.8.25",
85
85
  "yo": "^4.3.1",
86
86
  "yorkie": "^2.0.0",
87
- "@dialpad/dialtone-css": "^8.24.0",
88
- "@dialpad/dialtone-icons": "^4.7.2"
87
+ "@dialpad/dialtone-css": "^8.24.1",
88
+ "@dialpad/dialtone-icons": "^4.8.1"
89
89
  },
90
90
  "peerDependencies": {
91
91
  "@dialpad/dialtone-css": "^7.30.0 || ^8.21.2",
@@ -197,7 +197,7 @@
197
197
  "build:documentation:functions": "pnpm exec typedoc --plugin typedoc-plugin-markdown",
198
198
  "clean": "rm -rf ./dist",
199
199
  "lint": "run-s lint:code lint:docs",
200
- "lint:code": "eslint . --ext .js,.vue --ignore-path .gitignore",
200
+ "lint:code": "eslint . --ext .js,.vue --ignore-path .eslintignore",
201
201
  "lint:docs": "markdownlint '**/*.mdx'",
202
202
  "pretest": "pnpm run clean",
203
203
  "start": "pnpm run storybook",
@@ -1 +0,0 @@
1
- "use strict";const n=require("./index-8ytmeBCH.cjs"),o=require("./tooltip-RmgCyjmY.cjs"),l={name:"DtEmojiTextWrapper",components:{DtEmoji:n.DtEmoji},inheritAttrs:!1,props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:e=>Object.keys(n.ICON_SIZE_MODIFIERS).includes(e)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(e,t){const s=new RegExp(`(${e.join("|")})`,"g");return t.split(s).map(i=>e.includes(i)?this.$createElement(n.DtEmoji,{attrs:{class:"d-d-inline-block"},props:{code:i,size:this.size,...this.$attrs}}):i)},searchVNodes(e){if(!e.tag&&e.text)return this.searchCodes(e.text);const t=e.children?e.children.map(s=>this.searchVNodes(s)):[];return this.$createElement(e.tag,e.data,t)},replaceVueComponentVNodeContent(e){},searchCodes(e){const t=n.findShortCodes(e),s=n.findEmojis(e),r=[...t,...s];return r.length===0?e:this.replaceDtEmojis(r,e)}},render(e){const t=this.$slots.default||[];return e(this.elementType,this.loadingEmojiJson?t:t.map(s=>this.searchVNodes(s)))}},a=null,c=null;var p=o.normalizeComponent(l,a,c,!1,null,null,null,null);const d=p.exports;exports.DtEmojiTextWrapper=d;