@dialpad/dialtone-vue 2.59.2 → 2.60.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.60.0](https://github.com/dialpad/dialtone-vue/compare/v2.59.2...v2.60.0) (2023-02-28)
+
+
+### Features
+
+* **Leftbar:** add group row recipe ([#778](https://github.com/dialpad/dialtone-vue/issues/778)) ([ce1e487](https://github.com/dialpad/dialtone-vue/commit/ce1e487c8624e48a36cf85b9ed856a41e2c7d861))
+
 ## [2.59.2](https://github.com/dialpad/dialtone-vue/compare/v2.59.1...v2.59.2) (2023-02-24)
 
 

package/dist/dialtone-vue.common.js

@@ -1560,7 +1560,7 @@ if ( true && module.exports) {
 
 /***/ }),
 
-/***/ 627:
+/***/ 559:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
@@ -2280,6 +2280,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
   "DtRecipeGeneralRow": () => (/* reexport */ general_row),
+  "DtRecipeGroupRow": () => (/* reexport */ group_row),
   "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
   "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
@@ -2372,7 +2373,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ const setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=39b70ea2&
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=8bf1cd1a&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):(_vm.showInitials)?_c('span',{class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({class:[
       'd-avatar__presence',
       _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
@@ -3000,7 +3001,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
 
   computed: {
     avatarClasses() {
-      return ['d-avatar', AVATAR_SIZE_MODIFIERS[this.size], this.avatarClass, {
+      return ['d-avatar', AVATAR_SIZE_MODIFIERS[this.validatedSize], this.avatarClass, {
         'd-avatar--no-gradient': !this.gradient,
         'd-avatar--group': this.showGroup
       }];
@@ -3030,6 +3031,11 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
 
     formattedGroup() {
       return this.group > 99 ? '99+' : this.group;
+    },
+
+    validatedSize() {
+      // TODO: Group only supports xs size for now. Remove this when we support other sizes.
+      return this.group ? 'xs' : this.size;
     }
 
   },
@@ -3090,9 +3096,9 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
     formatInitials(initials) {
       if (!initials) return;
 
-      if (this.size === 'xs') {
+      if (this.validatedSize === 'xs') {
         this.formattedInitials = '';
-      } else if (this.size === 'sm') {
+      } else if (this.validatedSize === 'sm') {
         this.formattedInitials = initials.trim()[0];
       } else {
         this.formattedInitials = initials.trim().slice(0, 2);
@@ -7693,7 +7699,7 @@ var collapsible_lazy_showvue_type_template_id_3ceeeccc_staticRenderFns = []
 ;// CONCATENATED MODULE: ./components/collapsible/collapsible_lazy_show.vue?vue&type=script&lang=js&
  /* harmony default export */ const collapsible_collapsible_lazy_showvue_type_script_lang_js_ = (collapsible_lazy_showvue_type_script_lang_js_); 
 // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=style&index=0&lang=css&
-var collapsible_lazy_showvue_type_style_index_0_lang_css_ = __webpack_require__(627);
+var collapsible_lazy_showvue_type_style_index_0_lang_css_ = __webpack_require__(559);
 ;// CONCATENATED MODULE: ./components/collapsible/collapsible_lazy_show.vue?vue&type=style&index=0&lang=css&
 
 ;// CONCATENATED MODULE: ./components/collapsible/collapsible_lazy_show.vue
@@ -23309,9 +23315,9 @@ var grouped_chip_component = normalizeComponent(
 /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
 ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/general_row.vue?vue&type=template&id=1c56d473&
-var general_rowvue_type_template_id_1c56d473_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.leftbarGeneralRowClasses,attrs:{"data-qa":"dt-leftbar-row"}},[_c('button',_vm._g(_vm._b({staticClass:"dt-leftbar-row__primary",attrs:{"data-qa":"dt-leftbar-row-link"}},'button',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"dt-leftbar-row__alpha"},[_c('dt-recipe-leftbar-general-row-icon',{attrs:{"type":_vm.getIcon,"color":_vm.color,"data-qa":"dt-leftbar-row-icon"}})],1),_c('div',{staticClass:"dt-leftbar-row__label"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_c('div',{staticClass:"dt-leftbar-row__omega"},[(_vm.hasUnreadMessages)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)])])}
-var general_rowvue_type_template_id_1c56d473_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/general_row.vue?vue&type=template&id=40a77fb7&
+var general_rowvue_type_template_id_40a77fb7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.leftbarGeneralRowClasses,attrs:{"data-qa":"dt-leftbar-row"}},[_c('button',_vm._g(_vm._b({staticClass:"dt-leftbar-row__primary",attrs:{"data-qa":"dt-leftbar-row-link"}},'button',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"dt-leftbar-row__alpha"},[_vm._t("left",function(){return [_c('dt-recipe-leftbar-general-row-icon',{attrs:{"type":_vm.getIcon,"color":_vm.color,"data-qa":"dt-leftbar-row-icon"}})]})],2),_c('div',{staticClass:"dt-leftbar-row__label"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_c('div',{staticClass:"dt-leftbar-row__omega"},[(_vm.hasUnreadMessages)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)])])}
+var general_rowvue_type_template_id_40a77fb7_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
@@ -24024,6 +24030,8 @@ var leftbar_general_row_icon_component = normalizeComponent(
 //
 //
 //
+//
+//
 
 
 
@@ -24148,8 +24156,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(641);
 
 var general_row_component = normalizeComponent(
   general_row_general_rowvue_type_script_lang_js_,
-  general_rowvue_type_template_id_1c56d473_render,
-  general_rowvue_type_template_id_1c56d473_staticRenderFns,
+  general_rowvue_type_template_id_40a77fb7_render,
+  general_rowvue_type_template_id_40a77fb7_staticRenderFns,
   false,
   null,
   null,
@@ -24161,6 +24169,120 @@ var general_row_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
 
 
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=8a338828&
+var group_rowvue_type_template_id_8a338828_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"unread-count":_vm.unreadCount,"selected":_vm.selected},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})])]},proxy:true}])},_vm.$listeners))}
+var group_rowvue_type_template_id_8a338828_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
+  name: 'DtRecipeGroupRow',
+  components: {
+    DtAvatar: avatar,
+    DtRecipeGeneralRow: general_row
+  },
+  props: {
+    /**
+     * Optional avatar image url.
+     * if provided, it's also required to provide a value in the `avatarInitials` prop to use
+     * in the alt attribute of the avatar.
+     */
+    avatarSrc: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Initials to display on the avatar if avatarSrc is not provided or
+     * alt attr if avatarSrc is provided.
+     */
+    avatarInitials: {
+      type: String,
+      default: '',
+      required: true
+    },
+
+    /**
+     * Number displayed in avatar to count group members
+     */
+    groupCount: {
+      type: Number,
+      required: true
+    },
+
+    /**
+     * Names of the group members
+     */
+    names: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    }
+  }
+});
+;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
+ /* harmony default export */ const group_row_group_rowvue_type_script_lang_js_ = (group_rowvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue
+
+
+
+
+
+/* normalize component */
+;
+var group_row_component = normalizeComponent(
+  group_row_group_rowvue_type_script_lang_js_,
+  group_rowvue_type_template_id_8a338828_render,
+  group_rowvue_type_template_id_8a338828_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const group_row = (group_row_component.exports);
+;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -24214,6 +24336,7 @@ var general_row_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants

package/dist/dialtone-vue.umd.js

@@ -2290,6 +2290,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
   "DtRecipeGeneralRow": () => (/* reexport */ general_row),
+  "DtRecipeGroupRow": () => (/* reexport */ group_row),
   "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
   "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
@@ -2382,7 +2383,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ const setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=39b70ea2&
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=8bf1cd1a&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):(_vm.showInitials)?_c('span',{class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({class:[
       'd-avatar__presence',
       _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
@@ -3010,7 +3011,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
 
   computed: {
     avatarClasses() {
-      return ['d-avatar', AVATAR_SIZE_MODIFIERS[this.size], this.avatarClass, {
+      return ['d-avatar', AVATAR_SIZE_MODIFIERS[this.validatedSize], this.avatarClass, {
         'd-avatar--no-gradient': !this.gradient,
         'd-avatar--group': this.showGroup
       }];
@@ -3040,6 +3041,11 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
 
     formattedGroup() {
       return this.group > 99 ? '99+' : this.group;
+    },
+
+    validatedSize() {
+      // TODO: Group only supports xs size for now. Remove this when we support other sizes.
+      return this.group ? 'xs' : this.size;
     }
 
   },
@@ -3100,9 +3106,9 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
     formatInitials(initials) {
       if (!initials) return;
 
-      if (this.size === 'xs') {
+      if (this.validatedSize === 'xs') {
         this.formattedInitials = '';
-      } else if (this.size === 'sm') {
+      } else if (this.validatedSize === 'sm') {
         this.formattedInitials = initials.trim()[0];
       } else {
         this.formattedInitials = initials.trim().slice(0, 2);
@@ -23319,9 +23325,9 @@ var grouped_chip_component = normalizeComponent(
 /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
 ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/general_row.vue?vue&type=template&id=1c56d473&
-var general_rowvue_type_template_id_1c56d473_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.leftbarGeneralRowClasses,attrs:{"data-qa":"dt-leftbar-row"}},[_c('button',_vm._g(_vm._b({staticClass:"dt-leftbar-row__primary",attrs:{"data-qa":"dt-leftbar-row-link"}},'button',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"dt-leftbar-row__alpha"},[_c('dt-recipe-leftbar-general-row-icon',{attrs:{"type":_vm.getIcon,"color":_vm.color,"data-qa":"dt-leftbar-row-icon"}})],1),_c('div',{staticClass:"dt-leftbar-row__label"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_c('div',{staticClass:"dt-leftbar-row__omega"},[(_vm.hasUnreadMessages)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)])])}
-var general_rowvue_type_template_id_1c56d473_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/general_row.vue?vue&type=template&id=40a77fb7&
+var general_rowvue_type_template_id_40a77fb7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.leftbarGeneralRowClasses,attrs:{"data-qa":"dt-leftbar-row"}},[_c('button',_vm._g(_vm._b({staticClass:"dt-leftbar-row__primary",attrs:{"data-qa":"dt-leftbar-row-link"}},'button',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"dt-leftbar-row__alpha"},[_vm._t("left",function(){return [_c('dt-recipe-leftbar-general-row-icon',{attrs:{"type":_vm.getIcon,"color":_vm.color,"data-qa":"dt-leftbar-row-icon"}})]})],2),_c('div',{staticClass:"dt-leftbar-row__label"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_c('div',{staticClass:"dt-leftbar-row__omega"},[(_vm.hasUnreadMessages)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)])])}
+var general_rowvue_type_template_id_40a77fb7_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
@@ -24034,6 +24040,8 @@ var leftbar_general_row_icon_component = normalizeComponent(
 //
 //
 //
+//
+//
 
 
 
@@ -24158,8 +24166,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(745);
 
 var general_row_component = normalizeComponent(
   general_row_general_rowvue_type_script_lang_js_,
-  general_rowvue_type_template_id_1c56d473_render,
-  general_rowvue_type_template_id_1c56d473_staticRenderFns,
+  general_rowvue_type_template_id_40a77fb7_render,
+  general_rowvue_type_template_id_40a77fb7_staticRenderFns,
   false,
   null,
   null,
@@ -24171,6 +24179,120 @@ var general_row_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
 
 
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=8a338828&
+var group_rowvue_type_template_id_8a338828_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"unread-count":_vm.unreadCount,"selected":_vm.selected},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})])]},proxy:true}])},_vm.$listeners))}
+var group_rowvue_type_template_id_8a338828_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
+  name: 'DtRecipeGroupRow',
+  components: {
+    DtAvatar: avatar,
+    DtRecipeGeneralRow: general_row
+  },
+  props: {
+    /**
+     * Optional avatar image url.
+     * if provided, it's also required to provide a value in the `avatarInitials` prop to use
+     * in the alt attribute of the avatar.
+     */
+    avatarSrc: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Initials to display on the avatar if avatarSrc is not provided or
+     * alt attr if avatarSrc is provided.
+     */
+    avatarInitials: {
+      type: String,
+      default: '',
+      required: true
+    },
+
+    /**
+     * Number displayed in avatar to count group members
+     */
+    groupCount: {
+      type: Number,
+      required: true
+    },
+
+    /**
+     * Names of the group members
+     */
+    names: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    }
+  }
+});
+;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
+ /* harmony default export */ const group_row_group_rowvue_type_script_lang_js_ = (group_rowvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./recipes/leftbar/group_row/group_row.vue
+
+
+
+
+
+/* normalize component */
+;
+var group_row_component = normalizeComponent(
+  group_row_group_rowvue_type_script_lang_js_,
+  group_rowvue_type_template_id_8a338828_render,
+  group_rowvue_type_template_id_8a338828_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const group_row = (group_row_component.exports);
+;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -24224,6 +24346,7 @@ var general_row_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants