@dialpad/dialtone 9.31.1 → 9.33.0

package/dist/vue3/types/common/utils/index.d.ts.map

@@ -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,CAmBlB;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;AArPM;;GAEN;AAEM,8CAIN;AA4BM,oDAFM,MAAM,CAOlB;AAOM,oDAFM,MAAM,CAMlB;AAEM;;EAIN;AA+HD,+BAQE"}
+{"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"}

package/dist/vue3/types/components/notice/notice.vue.d.ts

@@ -82,6 +82,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Truncates the content instead of wrapping.
+     * Used when the notice needs to have a fixed height.
+     * @values true, false
+     */
+    truncateText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, any, any, {
     noticeClass(): any[];
 }, {}, {
@@ -192,6 +201,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Truncates the content instead of wrapping.
+     * Used when the notice needs to have a fixed height.
+     * @values true, false
+     */
+    truncateText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -206,6 +224,7 @@ declare const _default: import("vue").DefineComponent<{
     hideAction: boolean;
     important: boolean;
     hideIcon: boolean;
+    truncateText: boolean;
 }, {}>;
 export default _default;
 //# sourceMappingURL=notice.vue.d.ts.map

package/dist/vue3/types/components/notice/notice.vue.d.ts.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3FH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
+{"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"}

package/dist/vue3/types/components/rich_text_editor/extensions/channels/channel.d.ts

@@ -1,2 +1,3 @@
-export const ChannelPlugin: import("@tiptap/vue-3").Node<import("@tiptap/extension-mention").MentionOptions, any>;
+export const channelRegex: RegExp;
+export const ChannelPlugin: import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions, any>;
 //# sourceMappingURL=channel.d.ts.map

package/dist/vue3/types/components/rich_text_editor/extensions/channels/channel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/channels/channel.js"],"names":[],"mappings":"AAQA,kHA0CG"}
+{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/channels/channel.js"],"names":[],"mappings":"AAQA,kCAAgD;AA6BhD,iHAqEG"}

package/dist/vue3/types/components/rich_text_editor/extensions/emoji/emoji.d.ts

@@ -1,4 +1,5 @@
 export const EmojiPluginKey: PluginKey<any>;
+export const emojiShortCodeRegex: RegExp;
 export const Emoji: Node<any, any>;
 import { PluginKey } from '@tiptap/pm/state';
 import { Node } from '@tiptap/core';

package/dist/vue3/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"names":[],"mappings":"AASA,4CAAqD;AAkCrD,mCAiHG;0BAxJuB,kBAAkB;qBAJwB,cAAc"}
+{"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"}

package/dist/vue3/types/components/rich_text_editor/extensions/mentions/mention.d.ts

@@ -1,2 +1,3 @@
-export const MentionPlugin: import("@tiptap/vue-3").Node<import("@tiptap/extension-mention").MentionOptions, any>;
+export const mentionRegex: RegExp;
+export const MentionPlugin: import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions, any>;
 //# sourceMappingURL=mention.d.ts.map

package/dist/vue3/types/components/rich_text_editor/extensions/mentions/mention.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mention.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/mention.js"],"names":[],"mappings":"AAOA,kHAmCG"}
+{"version":3,"file":"mention.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/mention.js"],"names":[],"mappings":"AAQA,kCAAkD;AA6BlD,iHAkEG"}

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

@@ -153,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
 }, any, {
     editor: null;
     popoverOpened: boolean;
+    internalValue: string | Record<string, any>;
 }, {
     extensions(): import("@tiptap/vue-3").Node<any, any>[];
     inputAttrs(): {
@@ -162,6 +163,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     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
@@ -334,12 +345,12 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: string | Record<string, any>;
     inputClass: string;
     placeholder: string;
+    mentionSuggestion: Record<string, any>;
     channelSuggestion: 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/vue3/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":";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"}

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

@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus(event: any): void;
     onBlur(event: any): void;
     onInput(event: any): void;
-}, 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<{
+}, 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<{
     /**
      * Value of the input. The object format should match TipTap's JSON
      * document structure: https://tiptap.dev/guide/output#option-1-json
@@ -479,6 +479,7 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     "onSelected-emoji"?: ((...args: any[]) => any) | undefined;
     "onSkin-tone"?: ((...args: any[]) => any) | undefined;
@@ -491,12 +492,12 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: string | Record<string, any>;
     inputClass: string;
     placeholder: string;
+    mentionSuggestion: Record<string, any>;
     channelSuggestion: Record<string, any>;
     editable: boolean;
     inputAriaLabel: string;
     autoFocus: string | number | boolean;
     outputFormat: string;
-    mentionSuggestion: Record<string, any>;
     allowBlockquote: boolean;
     allowBold: boolean;
     allowBulletList: boolean;

package/package.json

@@ -1,7 +1,70 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.31.1",
+  "version": "9.33.0",
   "description": "Dialpad's Dialtone design system monorepo",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./CHANGELOG.json": "./CHANGELOG.json",
+    "./css": "./dist/css/dialtone.min.css",
+    "./tokens/*.css": "./dist/tokens/css/*.css",
+    "./tokens/*.less": "./dist/tokens/less/*.less",
+    "./vue2": {
+      "types": "./dist/vue2/types/index.d.ts",
+      "import": "./dist/vue2/dialtone-vue.js",
+      "require": "./dist/vue2/dialtone-vue.cjs"
+    },
+    "./vue2/css": "./dist/vue2/style.css",
+    "./vue2/*": {
+      "types": "./dist/vue2/types/index.d.ts",
+      "import": "./dist/vue2/*.js",
+      "require": "./dist/vue2/*.cjs"
+    },
+    "./vue3": {
+      "types": "./dist/vue3/types/index.d.ts",
+      "import": "./dist/vue3/dialtone-vue.js",
+      "require": "./dist/vue3/dialtone-vue.cjs"
+    },
+    "./vue3/css": "./dist/vue3/style.css",
+    "./vue3/*": {
+      "types": "./dist/vue3/types/index.d.ts",
+      "import": "./dist/vue3/*.js",
+      "require": "./dist/vue3/*.cjs"
+    },
+    "./*": "./dist/*"
+  },
+  "dependencies": {
+    "@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",
+    "date-fns": "2.30.0",
+    "docopt": "0.6.2",
+    "emoji-regex": "10.3.0",
+    "emoji-toolkit": "8.0.0",
+    "requireindex": "1.2.0",
+    "stylelint": "15.11.0",
+    "tippy.js": "6.3.7",
+    "@dialpad/dialtone-emojis": "1.0.2",
+    "@dialpad/dialtone-icons": "4.14.0"
+  },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^17.6.6",
@@ -45,75 +108,11 @@
     "vue-docgen-api": "^4.75.0",
     "wait-on": "^7.2.0"
   },
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    "./CHANGELOG.json": "./CHANGELOG.json",
-    "./css": "./dist/css/dialtone.min.css",
-    "./tokens/*.css": "./dist/tokens/css/*.css",
-    "./tokens/*.less": "./dist/tokens/less/*.less",
-    "./vue2": {
-      "types": "./dist/vue2/types/index.d.ts",
-      "import": "./dist/vue2/dialtone-vue.js",
-      "require": "./dist/vue2/dialtone-vue.cjs"
-    },
-    "./vue2/css": "./dist/vue2/style.css",
-    "./vue2/*": {
-      "types": "./dist/vue2/types/index.d.ts",
-      "import": "./dist/vue2/*.js",
-      "require": "./dist/vue2/*.cjs"
-    },
-    "./vue3": {
-      "types": "./dist/vue3/types/index.d.ts",
-      "import": "./dist/vue3/dialtone-vue.js",
-      "require": "./dist/vue3/dialtone-vue.cjs"
-    },
-    "./vue3/css": "./dist/vue3/style.css",
-    "./vue3/*": {
-      "types": "./dist/vue3/types/index.d.ts",
-      "import": "./dist/vue3/*.js",
-      "require": "./dist/vue3/*.cjs"
-    },
-    "./*": "./dist/*"
-  },
-  "resolutions": {
-    "@dialpad/dialtone-css>postcss-preset-env": "^7.0.0",
-    "@dialpad/dialtone-css>stylelint": "^15.10.1"
-  },
   "peerDependencies": {
     "@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.2.6",
-    "@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/vue-3": "2.2.6",
-    "date-fns": "2.30.0",
-    "docopt": "0.6.2",
-    "emoji-regex": "10.3.0",
-    "emoji-toolkit": "8.0.0",
-    "requireindex": "1.2.0",
-    "stylelint": "15.11.0",
-    "tippy.js": "6.3.7",
-    "@dialpad/dialtone-emojis": "1.0.2",
-    "@dialpad/dialtone-icons": "4.13.1"
+    "@tiptap/vue-2": "2.3.0",
+    "@tiptap/vue-3": "2.3.0",
+    "vue": "^2 || ^3"
   },
   "peerDependenciesMeta": {
     "@linusborg/vue-simple-portal": {
@@ -142,6 +141,9 @@
     "type": "git",
     "url": "git+ssh://git@github.com/dialpad/dialtone.git"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "test:all": "nx run-many --target=test",
     "build:all": "nx run-many --target=build",