@dialpad/dialtone-vue 2.21.0-alpha.2 → 2.22.2-alpha.1

package/dist/emoji.common.js

@@ -694,7 +694,8 @@ function shortcodeToEmojiData(shortcode) {
   return reference;
 } // Takes in an emoji unicode character(s) and converts it to an emoji string in the format the emoji data object expects
 // as a key. There can be multiple unicode characters in an emoji to denote the emoji itself, skin tone, gender
-// and such.
+// and such. Note that this function does NOT return variation selectors (fe0f) or zero width joiners (200d), as these
+// are not included as part of the key in the emoji.json.
 //
 // Example:
 // return value for smile emoji (no skin tone): 1f600
@@ -704,6 +705,10 @@ function unicodeToString(emoji) {
   let key = '';
 
   for (const codePoint of emoji) {
+    const codepoint = codePoint.codePointAt(0).toString(16); // skip 200d and fe0f as these are not included in emoji_strategy.json keys
+
+    if (['200d', 'fe0f'].includes(codepoint)) continue;
+
     if (key !== '') {
       key = key + '-';
     }
@@ -753,8 +758,8 @@ function findEmojis(textContent) {
   const emojis = matches.length ? matches.map(match => match[0]) : [];
   return new Set(emojis);
 }
-;// 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/emoji/emoji.vue?vue&type=template&id=263332ba&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading),expression:"imgLoading"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
+;// 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/emoji/emoji.vue?vue&type=template&id=334ba6aa&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
 var staticRenderFns = []
 
 
@@ -1657,6 +1662,14 @@ var skeleton_component = normalizeComponent(
     ariaLabel: {
       type: String,
       default: null
+    },
+
+    /**
+     * Shows a skeleton loader while the emoji asset is loading.
+     */
+    showSkeleton: {
+      type: Boolean,
+      default: true
     }
   },
 

package/dist/emoji.umd.js

@@ -704,7 +704,8 @@ function shortcodeToEmojiData(shortcode) {
   return reference;
 } // Takes in an emoji unicode character(s) and converts it to an emoji string in the format the emoji data object expects
 // as a key. There can be multiple unicode characters in an emoji to denote the emoji itself, skin tone, gender
-// and such.
+// and such. Note that this function does NOT return variation selectors (fe0f) or zero width joiners (200d), as these
+// are not included as part of the key in the emoji.json.
 //
 // Example:
 // return value for smile emoji (no skin tone): 1f600
@@ -714,6 +715,10 @@ function unicodeToString(emoji) {
   let key = '';
 
   for (const codePoint of emoji) {
+    const codepoint = codePoint.codePointAt(0).toString(16); // skip 200d and fe0f as these are not included in emoji_strategy.json keys
+
+    if (['200d', 'fe0f'].includes(codepoint)) continue;
+
     if (key !== '') {
       key = key + '-';
     }
@@ -763,8 +768,8 @@ function findEmojis(textContent) {
   const emojis = matches.length ? matches.map(match => match[0]) : [];
   return new Set(emojis);
 }
-;// 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/emoji/emoji.vue?vue&type=template&id=263332ba&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading),expression:"imgLoading"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
+;// 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/emoji/emoji.vue?vue&type=template&id=334ba6aa&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
 var staticRenderFns = []
 
 
@@ -1667,6 +1672,14 @@ var skeleton_component = normalizeComponent(
     ariaLabel: {
       type: String,
       default: null
+    },
+
+    /**
+     * Shows a skeleton loader while the emoji asset is loading.
+     */
+    showSkeleton: {
+      type: Boolean,
+      default: true
     }
   },