@dialpad/dialtone-vue 3.78.1 → 3.79.0

package/dist/emoji.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji_text_wrapper-6e51e012.cjs"),o=require("./DtEmojiPicker-fef2c039.cjs");require("vue");exports.DtEmoji=e.DtEmoji;exports.DtEmojiTextWrapper=e._sfc_main;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.CDN_URL=o.CDN_URL;exports.DtEmojiPicker=o._sfc_main;exports.EMOJIS_PER_ROW=o.EMOJIS_PER_ROW;exports.EMOJI_CATEGORIES=o.EMOJI_CATEGORIES;exports.EMOJI_SKIN_TONE_MODIFIERS=o.EMOJI_SKIN_TONE_MODIFIERS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-c87c6eec.cjs"),o=require("./emoji_text_wrapper-8f06f55e.cjs");require("vue");exports.CDN_URL=e.CDN_URL;exports.DtEmoji=e.DtEmoji;exports.DtEmojiPicker=e._sfc_main;exports.EMOJIS_PER_ROW=e.EMOJIS_PER_ROW;exports.EMOJI_CATEGORIES=e.EMOJI_CATEGORIES;exports.EMOJI_SKIN_TONE_MODIFIERS=e.EMOJI_SKIN_TONE_MODIFIERS;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DtEmojiTextWrapper=o._sfc_main;

package/dist/emoji.js

@@ -1,33 +1,33 @@
-import { a as e, _ as i, A as t, l as m, k as r, p as E, n as j, o as l, m as n, q as d, j as S, C as U, E as I, B as g, r as C, v as D, u as _, t as u, s as O, x as T, z as c, y as f, w as p } from "./emoji_text_wrapper-605dbcc4.js";
-import { R as A, Q as J, S as R, W as L, U as M } from "./DtEmojiPicker-4a94558f.js";
+import { a3 as e, r as i, a2 as m, a4 as t, a6 as r, a5 as E, ao as j, a9 as l, a8 as n, ad as d, ab as S, ac as g, aa as I, ae as U, a7 as D, aq as _, ar as c, ap as f, af as C, aj as O, ai as T, ah as p, ag as u, al as J, an as x, am as A, ak as R } from "./emoji-9832f53e.js";
+import { _ as L } from "./emoji_text_wrapper-1b7c7824.js";
 import "vue";
 export {
-  A as CDN_URL,
-  e as DtEmoji,
-  J as DtEmojiPicker,
-  i as DtEmojiTextWrapper,
-  R as EMOJIS_PER_ROW,
-  L as EMOJI_CATEGORIES,
-  M as EMOJI_SKIN_TONE_MODIFIERS,
-  t as codeToEmojiData,
-  m as customEmojiAssetUrl,
-  r as defaultEmojiAssetUrl,
-  E as emojiFileExtensionLarge,
-  j as emojiFileExtensionSmall,
-  l as emojiImageUrlLarge,
-  n as emojiImageUrlSmall,
-  d as emojiJson,
-  S as emojiVersion,
-  U as filterValidShortCodes,
-  I as findEmojis,
-  g as findShortCodes,
+  e as CDN_URL,
+  i as DtEmoji,
+  m as DtEmojiPicker,
+  L as DtEmojiTextWrapper,
+  t as EMOJIS_PER_ROW,
+  r as EMOJI_CATEGORIES,
+  E as EMOJI_SKIN_TONE_MODIFIERS,
+  j as codeToEmojiData,
+  l as customEmojiAssetUrl,
+  n as defaultEmojiAssetUrl,
+  d as emojiFileExtensionLarge,
+  S as emojiFileExtensionSmall,
+  g as emojiImageUrlLarge,
+  I as emojiImageUrlSmall,
+  U as emojiJson,
+  D as emojiVersion,
+  _ as filterValidShortCodes,
+  c as findEmojis,
+  f as findShortCodes,
   C as getEmojiData,
-  D as setCustomEmojiJson,
-  _ as setCustomEmojiUrl,
-  u as setEmojiAssetUrlLarge,
-  O as setEmojiAssetUrlSmall,
-  T as shortcodeToEmojiData,
-  c as stringToUnicode,
-  f as unicodeToString,
-  p as validateCustomEmojiJson
+  O as setCustomEmojiJson,
+  T as setCustomEmojiUrl,
+  p as setEmojiAssetUrlLarge,
+  u as setEmojiAssetUrlSmall,
+  J as shortcodeToEmojiData,
+  x as stringToUnicode,
+  A as unicodeToString,
+  R as validateCustomEmojiJson
 };

package/dist/emoji_text_wrapper-1b7c7824.js

@@ -0,0 +1,86 @@
+import { r as a, a1 as o, ap as p, ar as c } from "./emoji-9832f53e.js";
+import { h as n } from "vue";
+const d = {
+  name: "DtEmojiTextWrapper",
+  components: {
+    DtEmoji: a
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Element type (tag name) to use for the wrapper.
+     */
+    elementType: {
+      type: String,
+      default: "div"
+    },
+    /**
+     * The icon size to render the emojis at: 100 to 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (s) => Object.keys(o).includes(s)
+    }
+  },
+  data() {
+    return {
+      loadingEmojiJson: !0
+    };
+  },
+  async created() {
+    this.loadingEmojiJson = !1;
+  },
+  methods: {
+    /**
+     * Replaces the valid codes from the text content with a DtEmoji component.
+     * @returns {Array<VNode|string>}
+     */
+    replaceDtEmojis(s, e) {
+      const t = new RegExp(`(${s.join("|")})`, "g");
+      return e.split(t).map((i) => s.includes(i) ? n(a, { ...this.$attrs, class: "d-mx4 d-d-inline-block", size: this.size, code: i }) : i);
+    },
+    /**
+     * Recursively search the Vue virtual DOM to find text
+     * @param VNode
+     * @returns {VNode|*}
+     */
+    searchVNodes(s) {
+      var t;
+      if (typeof s == "string")
+        return this.searchCodes(s);
+      if (typeof s.type == "symbol")
+        return this.searchCodes(s.children);
+      if ((t = s.props) != null && t.innerHTML)
+        return this.searchVNodes(s.props.innerHTML);
+      const e = Array.isArray(s.children) ? s.children : [s.children];
+      return n(s.type, s.props, e.map((r) => this.searchVNodes(r)));
+    },
+    // TODO: Find a way to crawl vue components
+    replaceVueComponentVNodeContent(s) {
+    },
+    /**
+     * Find codes in text.
+     * @param textContent string
+     * @returns {Array<VNode|string>|string}
+     */
+    searchCodes(s) {
+      const e = p(s), t = c(s), r = [...e, ...t];
+      return r.length === 0 ? s : this.replaceDtEmojis(r, s);
+    }
+  },
+  render() {
+    const s = this.$slots.default ? this.$slots.default() : [];
+    return n(
+      this.elementType,
+      {
+        "data-qa": "emoji-text-wrapper",
+        class: this.$attrs.class
+      },
+      this.loadingEmojiJson ? s : s.map((e) => this.searchVNodes(e))
+    );
+  }
+};
+export {
+  d as _
+};

package/dist/emoji_text_wrapper-8f06f55e.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./emoji-c87c6eec.cjs"),o=require("vue"),a={name:"DtEmojiTextWrapper",components:{DtEmoji:i.DtEmoji},inheritAttrs:!1,props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:s=>Object.keys(i.ICON_SIZE_MODIFIERS).includes(s)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(s,e){const t=new RegExp(`(${s.join("|")})`,"g");return e.split(t).map(n=>s.includes(n)?o.h(i.DtEmoji,{...this.$attrs,class:"d-mx4 d-d-inline-block",size:this.size,code:n}):n)},searchVNodes(s){var t;if(typeof s=="string")return this.searchCodes(s);if(typeof s.type=="symbol")return this.searchCodes(s.children);if((t=s.props)!=null&&t.innerHTML)return this.searchVNodes(s.props.innerHTML);const e=Array.isArray(s.children)?s.children:[s.children];return o.h(s.type,s.props,e.map(r=>this.searchVNodes(r)))},replaceVueComponentVNodeContent(s){},searchCodes(s){const e=i.findShortCodes(s),t=i.findEmojis(s),r=[...e,...t];return r.length===0?s:this.replaceDtEmojis(r,s)}},render(){const s=this.$slots.default?this.$slots.default():[];return o.h(this.elementType,{"data-qa":"emoji-text-wrapper",class:this.$attrs.class},this.loadingEmojiJson?s:s.map(e=>this.searchVNodes(e)))}};exports._sfc_main=a;