@dialpad/dialtone-vue 2.108.0 → 2.109.1

package/dist/emoji_text_wrapper-KU3Kyfko.js

@@ -0,0 +1,91 @@
+import { D as o, I as i, p as a, r as l } from "./emoji-k30EufQP.js";
+import { n as c } from "./tooltip-PDBwUvGD.js";
+const p = {
+  name: "DtEmojiTextWrapper",
+  components: {
+    DtEmoji: o
+  },
+  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: (e) => Object.keys(i).includes(e)
+    }
+  },
+  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(e, t) {
+      const s = new RegExp(`(${e.join("|")})`, "g");
+      return t.split(s).map((r) => e.includes(r) ? this.$createElement(o, {
+        attrs: { class: "d-d-inline-block" },
+        props: { code: r, size: this.size, ...this.$attrs }
+      }) : r);
+    },
+    /**
+     * Recursively search the Vue virtual DOM to find text
+     * @param VNode
+     * @returns {VNode|*}
+     */
+    searchVNodes(e) {
+      if (!e.tag && e.text)
+        return this.searchCodes(e.text);
+      const t = e.children ? e.children.map((s) => this.searchVNodes(s)) : [];
+      return this.$createElement(e.tag, e.data, t);
+    },
+    // TODO: Find a way to crawl vue components
+    replaceVueComponentVNodeContent(e) {
+    },
+    /**
+     * Find codes in text.
+     * @param textContent string
+     * @returns {Array<VNode|string>|string}
+     */
+    searchCodes(e) {
+      const t = a(e), s = l(e), n = [...t, ...s];
+      return n.length === 0 ? e : this.replaceDtEmojis(n, e);
+    }
+  },
+  render(e) {
+    const t = this.$slots.default || [];
+    return e(
+      this.elementType,
+      this.loadingEmojiJson ? t : t.map((s) => this.searchVNodes(s))
+    );
+  }
+}, d = null, m = null;
+var h = /* @__PURE__ */ c(
+  p,
+  d,
+  m,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const E = h.exports;
+export {
+  E as D
+};

package/dist/emoji_text_wrapper-KiKRUPpa.cjs

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