@dialpad/dialtone-vue 3.79.0 → 3.80.0

package/dist/types/recipes/leftbar/group_row/group_row.vue.d.ts

@@ -0,0 +1,116 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
+     */
+    groupCountText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Names of the group members
+     */
+    names: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
+     * the unread count badge.
+     */
+    hasUnreads: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, any, {
+    ariaLabel(): string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
+     */
+    groupCountText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Names of the group members
+     */
+    names: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
+     * the unread count badge.
+     */
+    hasUnreads: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    selected: boolean;
+    hasUnreads: boolean;
+    unreadCount: string;
+    unreadCountTooltip: string;
+    isTyping: boolean;
+    groupCountText: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=group_row.vue.d.ts.map

package/dist/types/recipes/leftbar/group_row/group_row.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row.vue.js"],"names":[],"mappings":";IAkBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;IAnDH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/leftbar/group_row/group_row_constants.d.ts

@@ -0,0 +1,6 @@
+export const DEFAULT_CONSTANTS: null;
+declare namespace _default {
+    export { DEFAULT_CONSTANTS };
+}
+export default _default;
+//# sourceMappingURL=group_row_constants.d.ts.map

package/dist/types/recipes/leftbar/group_row/group_row_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row_constants.js"],"names":[],"mappings":"AAAA,qCAAsC"}

package/dist/types/recipes/leftbar/group_row/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DtRecipeGroupRow } from "./group_row.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/leftbar/group_row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/index.js"],"names":[],"mappings":""}

package/dist/types/recipes/leftbar/unread_pill/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtRecipeUnreadPill } from "./unread_pill.vue";
+export { UNREAD_PILL_KINDS, UNREAD_PILL_DIRECTIONS } from "./unread_pill_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/leftbar/unread_pill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/index.js"],"names":[],"mappings":""}

package/dist/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The kind of unread pill which determines the styling
+     * @values 'mentions', 'messages'
+     **/
+    kind: {
+        type: StringConstructor;
+        required: true;
+        validator: (kind: unknown) => boolean;
+    };
+    /**
+     * The direction of the arrow icon
+     * @values 'up', 'down'
+     **/
+    direction: {
+        type: StringConstructor;
+        required: true;
+        validator: (dir: unknown) => boolean;
+    };
+}, any, any, {
+    unreadChipListeners(): {
+        click: (event: any) => any;
+    };
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The kind of unread pill which determines the styling
+     * @values 'mentions', 'messages'
+     **/
+    kind: {
+        type: StringConstructor;
+        required: true;
+        validator: (kind: unknown) => boolean;
+    };
+    /**
+     * The direction of the arrow icon
+     * @values 'up', 'down'
+     **/
+    direction: {
+        type: StringConstructor;
+        required: true;
+        validator: (dir: unknown) => boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=unread_pill.vue.d.ts.map

package/dist/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue.js"],"names":[],"mappings":";IAYI;;;QAGI;;;;;;IAOJ;;;QAGI;;;;;;;;;;;IAbJ;;;QAGI;;;;;;IAOJ;;;QAGI"}

package/dist/types/recipes/leftbar/unread_pill/unread_pill_constants.d.ts

@@ -0,0 +1,8 @@
+export const UNREAD_PILL_DIRECTIONS: string[];
+export const UNREAD_PILL_KINDS: string[];
+declare namespace _default {
+    export { UNREAD_PILL_DIRECTIONS };
+    export { UNREAD_PILL_KINDS };
+}
+export default _default;
+//# sourceMappingURL=unread_pill_constants.d.ts.map

package/dist/types/recipes/leftbar/unread_pill/unread_pill_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread_pill_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill_constants.js"],"names":[],"mappings":"AAAA,8CAAqD;AACrD,yCAA0D"}

package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts

@@ -0,0 +1,182 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Id for the item.
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * String to use for the item's role.
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Display avatar if `showAvatar` property is true.
+     */
+    showAvatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optional avatar image url.
+     */
+    avatarSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Avatar's full name, used as alt attribute for image and
+     * to extract initials to display in avatar if `avatarSrc` and `avatarIcon` are empty.
+     */
+    avatarFullName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Avatar icon to display if `avatarSrc` is empty.
+     */
+    avatarIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * The size of the avatar
+     * @values xs, sm, md, lg, xl
+     */
+    avatarSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines whether to show the presence indicator for
+     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
+     * or 'active'. By default, it's null and nothing is shown.
+     * @values null, busy, away, offline, active
+     */
+    presence: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Showing multiple avatars in contact info.
+     * The props of array items are: <br>
+     * `src` - avatar image url (optional) <br>
+     * `fullName` - full name, used as alt attribute for image and extract initials to display in avatar<br>
+     *  if `avatarSrc` and `avatarIcon` are empty<br>
+     * `seed` - determines uniqueness of avatar background <br>
+     * `text` - text that overlays the avatar (optional) <br>
+     * `icon` - icon that overlays the avatar (optional) <br>
+     * `halo` - halo highlight around the avatar. boolean true/false
+     */
+    avatarList: {
+        type: ArrayConstructor;
+        default: null;
+    };
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Id for the item.
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * String to use for the item's role.
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Display avatar if `showAvatar` property is true.
+     */
+    showAvatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optional avatar image url.
+     */
+    avatarSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Avatar's full name, used as alt attribute for image and
+     * to extract initials to display in avatar if `avatarSrc` and `avatarIcon` are empty.
+     */
+    avatarFullName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Avatar icon to display if `avatarSrc` is empty.
+     */
+    avatarIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * The size of the avatar
+     * @values xs, sm, md, lg, xl
+     */
+    avatarSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines whether to show the presence indicator for
+     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
+     * or 'active'. By default, it's null and nothing is shown.
+     * @values null, busy, away, offline, active
+     */
+    presence: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Showing multiple avatars in contact info.
+     * The props of array items are: <br>
+     * `src` - avatar image url (optional) <br>
+     * `fullName` - full name, used as alt attribute for image and extract initials to display in avatar<br>
+     *  if `avatarSrc` and `avatarIcon` are empty<br>
+     * `seed` - determines uniqueness of avatar background <br>
+     * `text` - text that overlays the avatar (optional) <br>
+     * `icon` - icon that overlays the avatar (optional) <br>
+     * `halo` - halo highlight around the avatar. boolean true/false
+     */
+    avatarList: {
+        type: ArrayConstructor;
+        default: null;
+    };
+}>>, {
+    presence: string;
+    id: string;
+    role: string;
+    avatarSeed: string;
+    avatarSrc: string;
+    showAvatar: boolean;
+    avatarFullName: string;
+    avatarIcon: string;
+    avatarSize: string;
+    avatarList: unknown[];
+}, {}>;
+export default _default;
+//# sourceMappingURL=contact_info.vue.d.ts.map

package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/list_items/contact_info/contact_info.vue.js"],"names":[],"mappings":";IAqBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAvFH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG"}

package/dist/types/recipes/list_items/contact_info/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DtRecipeContactInfo } from "./contact_info.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/list_items/contact_info/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../recipes/list_items/contact_info/index.js"],"names":[],"mappings":""}

package/dist/types/recipes/notices/top_banner_info/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtRecipeTopBannerInfo } from "./top_banner_info.vue";
+export { COLOR_CODES } from "./top_banner_info_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/notices/top_banner_info/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/index.js"],"names":[],"mappings":""}

package/dist/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * color of the banner background
+     */
+    colorCode: {
+        type: StringConstructor;
+        default: string;
+        validator: (kind: unknown) => boolean;
+    };
+}, any, any, {
+    bannerInfoClass(): any[];
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * color of the banner background
+     */
+    colorCode: {
+        type: StringConstructor;
+        default: string;
+        validator: (kind: unknown) => boolean;
+    };
+}>>, {
+    colorCode: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=top_banner_info.vue.d.ts.map

package/dist/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/top_banner_info.vue.js"],"names":[],"mappings":";IAQI;;OAEG;;;;;;;;;IAFH;;OAEG"}

package/dist/types/recipes/notices/top_banner_info/top_banner_info_constants.d.ts

@@ -0,0 +1,6 @@
+export const COLOR_CODES: string[];
+declare namespace _default {
+    export { COLOR_CODES };
+}
+export default _default;
+//# sourceMappingURL=top_banner_info_constants.d.ts.map

package/dist/types/recipes/notices/top_banner_info/top_banner_info_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"names":[],"mappings":"AAAA,mCACkC"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.79.0",
+  "version": "3.80.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
-    "build": "npm run clean && npm run build:main && npm run build:documentation",
+    "build": "run-s clean build:main build:typescript build:documentation",
+    "build:typescript": "vue-tsc",
     "build:main": "vite build",
     "lint": "run-s lint:code lint:docs",
     "build:documentation": "node scripts/build-docs.js",
@@ -28,6 +29,7 @@
   },
   "files": [
     "dist",
+    "types",
     "CHANGELOG.md",
     "CHANGELOG.json"
   ],
@@ -51,25 +53,25 @@
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
     "@dialpad/conventional-changelog-angular": "^1.1.1",
-    "@dialpad/dialtone": "^7.30.0",
+    "@dialpad/dialtone": "^8.12.0",
     "@dialpad/semantic-release-changelog-json": "^1.0.0",
     "@percy/cli": "^1.26.2",
     "@percy/storybook": "^4.3.6",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^7.1.0",
-    "@storybook/addon-essentials": "^7.1.0",
-    "@storybook/addon-links": "^7.1.0",
-    "@storybook/addon-styling": "^1.3.4",
-    "@storybook/blocks": "^7.1.0",
-    "@storybook/manager-api": "^7.1.0",
-    "@storybook/test-runner": "^0.11.0",
+    "@storybook/addon-a11y": "^7.2.0",
+    "@storybook/addon-essentials": "^7.2.0",
+    "@storybook/addon-links": "^7.2.0",
+    "@storybook/blocks": "^7.2.0",
+    "@storybook/manager-api": "^7.2.0",
+    "@storybook/test-runner": "^0.12.0",
     "@storybook/testing-library": "^0.2.0",
-    "@storybook/theming": "^7.1.0",
-    "@storybook/vue3": "^7.1.0",
-    "@storybook/vue3-vite": "^7.1.0",
+    "@storybook/theming": "^7.2.0",
+    "@storybook/vue3": "^7.2.0",
+    "@storybook/vue3-vite": "^7.2.0",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/test-utils": "^2.4.0",
+    "@vue/tsconfig": "^0.4.0",
     "axe-core": "^4.7.2",
     "axe-playwright": "^1.2.3",
     "c8": "^8.0.0",
@@ -80,7 +82,7 @@
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.6.13",
     "eslint-plugin-vitest": "^0.2.6",
     "eslint-plugin-vitest-globals": "^1.3.1",
     "eslint-plugin-vue": "^9.15.1",
@@ -98,17 +100,19 @@
     "semantic-release": "^21.0.6",
     "sinon": "^15.2.0",
     "source-map-support": "^0.5.21",
-    "storybook": "^7.1.0",
+    "storybook": "^7.2.0",
+    "storybook-dark-mode": "^3.0.0",
     "vite": "^4.3.9",
     "vitest": "^0.32.4",
     "vue": "^3.3.4",
     "vue-cli-plugin-webpack-bundle-analyzer": "~4.0.0",
     "vue-docgen-api": "^4.73.0",
+    "vue-tsc": "^1.8.8",
     "yo": "^4.3.1",
     "yorkie": "^2.0.0"
   },
   "peerDependencies": {
-    "@dialpad/dialtone": ">=7.27",
+    "@dialpad/dialtone": ">=8.12",
     "vue": ">=3.2"
   },
   "bugs": {
@@ -142,19 +146,38 @@
   },
   "type": "module",
   "main": "./dist/dialtone-vue.cjs",
+  "types": "./dist/types/index.d.ts",
   "module": "./dist/dialtone-vue.js",
   "exports": {
     ".": {
-      "import": "./dist/dialtone-vue.js",
-      "require": "./dist/dialtone-vue.cjs"
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/dialtone-vue.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/dialtone-vue.cjs"
+      }
     },
     "./emoji": {
-      "import": "./dist/emoji.js",
-      "require": "./dist/emoji.cjs"
+      "import": {
+        "types": "./dist/types/emoji.d.ts",
+        "default": "./dist/emoji.js"
+      },
+      "require": {
+        "types": "./dist/types/emoji.d.ts",
+        "default": "./dist/emoji.cjs"
+      }
     },
     "./message_input": {
-      "import": "./dist/message_input.js",
-      "require": "./dist/message_input.cjs"
+      "import": {
+        "types": "./dist/types/message_input.d.ts",
+        "default": "./dist/message_input.js"
+      },
+      "require": {
+        "types": "./dist/types/message_input.d.ts",
+        "default": "./dist/message_input.cjs"
+      }
     },
     "./css": "./dist/style.css"
   },