@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1 lines • 5.19 kB
Source Map (JSON)
{"version":3,"file":"emoji-row.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n :reaction=\"reaction\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"200\">\n {{ reaction.tooltip }}\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reaction.ariaLabel\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n size=\"200\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '../../../components/button';\nimport { DtTooltip } from '../../../components/tooltip';\nimport { DtEmoji } from '../../../components/emoji';\nimport { DtEmojiTextWrapper } from '../../../components/emoji_text_wrapper';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n mixins: [],\n\n props: {\n /**\n * Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined ?? false);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","state","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_Fragment","_renderList","$props","_createVNode","_component_dt_tooltip","shown","$options","_withCtx","attrs","_component_dt_button","_normalizeClass","$event","_createElementVNode","_component_dt_emoji","_toDisplayString","_component_dt_emoji_text_wrapper","_createTextVNode","_renderSlot","_ctx"],"mappings":"oYAwDKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,mBAEN,WAAY,CAAA,UAAEC,EAAS,QAAA,SAAEC,UAAUC,QAAAA,EAAAA,QAASC,mBAAAA,EAAAA,OAAoB,EAEhE,OAAQ,CAAE,EAEV,MAAO,CAIL,UAAW,CACT,KAAM,MACN,QAAS,IAAM,CAAE,EACjB,UAAYC,GAAc,CACxB,UAAWC,KAAYD,EAErB,GAAI,CADeE,uBAAqB,MAAOC,GAAcF,EAASE,CAAS,IAAM,MAAkB,EACtF,MAAO,GAE1B,MAAO,EACR,CACF,CACF,EAED,MAAO,CACL,gBACA,eACD,EAED,QAAS,CACP,aAAcF,EAAU,CACtB,KAAK,MAAM,gBAAiBA,EAAS,uBAAuB,CAC7D,EAED,aAAcA,EAAUG,EAAO,CAC7B,KAAK,MAAM,gBAAiB,CAC1B,SAAUH,EAAS,wBACnB,MAAAG,CACF,CAAC,CACF,CACF,CACH,EAjGQC,EAAA,CAAA,MAAM,oBAAoB,EADlCC,EAAA,CAAA,UAAA,EAacC,EAAA,CAAA,cAAY,MAAM,EAkBdC,EAAA,CAAA,MAAM,2BAA2B,EAMjCC,EAAA,CAAA,MAAM,qCAAqC,oLApC3D,OAAAC,YAAA,EAAAC,qBA6CO,OA7CPN,EA6CO,EA5CLK,YAAA,EAAA,EAAAC,EAAAA,mBAyCOC,EA3CX,SAAA,KAAAC,EAAAA,WAGyBC,EAAS,UAArBb,kBADTU,EAyCO,mBAAA,OAAA,CAvCJ,IAAKV,EAAS,cACd,SAAUA,IAEXc,EAAAA,YAmCaC,EAAA,CAlCX,MAAM,8BACN,gBAAc,sCACd,OAAO,SACN,QAAQC,GAAUC,eAAajB,EAAUgB,CAAK,IAOpC,OAAME,EAAA,QACf,CAqBY,CAtBO,MAAAC,KAAK,CACxBL,EAAAA,YAqBYM,EAAA,CApBV,WAAW,QACX,KAAK,KACL,UAAQ,4BACP,MAvBbC,EAAAA,eAAA,gCAuBkFrB,EAAS,WAAU,yCAAA,KAIxF,aAAYA,EAAS,UACrB,MAAOmB,EACP,QAAKG,GAAEL,EAAY,aAACjB,CAAQ,IA7BzC,QAAAkB,EAAA,QA+BY,IAKO,CALPK,EAAA,mBAKO,OALPhB,EAKO,CAJLO,EAAAA,YAGEU,EAAA,CAFA,KAAK,MACJ,KAAMxB,EAAS,4CAGpBuB,EAAA,mBAEO,OAFPf,EACKiB,EAAAA,gBAAAzB,EAAS,GAAG,EAAA,CAAA,IAtC7B,EAAA,oDAAA,QAAAkB,EAAA,QAaQ,IAIO,CAJPK,EAAA,mBAIO,OAJPjB,EAIO,CAHLQ,EAAAA,YAEwBY,EAAA,CAFD,KAAK,KAAK,EAAA,CAd3C,QAAAR,EAAA,QAeY,IAAsB,CAflCS,EAAAA,gBAeeF,EAAAA,gBAAAzB,EAAS,OAAO,EAAA,CAAA,IAf/B,EAAA,aAAA,EAAA,oBAAA,EAAA,EAAAK,CAAA,UA6CIuB,aAAsBC,EAAA,OAAA,QAAA"}