ADD: PopperV2 has replaced vue-tooltip

kevinfaveri · Feb 16, 2020 · 32b62c5 · 32b62c5
1 parent e345485
commit 32b62c5
Show file tree

Hide file tree

Showing 14 changed files with 573 additions and 176 deletions.
diff --git a/docs/.vuepress/components/ChildBlock.vue b/docs/.vuepress/components/ChildBlock.vue
@@ -53,10 +53,12 @@ export default {
       type: String
     }
   },
-  data: () => ({
-    parsedTitle: null,
-    parsedContent: null
-  }),
+  data() {
+    return {
+      parsedTitle: null,
+      parsedContent: null
+    }
+  },
   mounted() {
     this.parsedTitle = Twemoji.parse(this.title);
     this.parsedContent = Twemoji.parse(this.content);

diff --git a/docs/.vuepress/components/TwemojiPicker.vue b/docs/.vuepress/components/TwemojiPicker.vue
@@ -5,7 +5,6 @@
       :emojiGroups="emojiGroups"
       :skinsSelection="false"
       :searchEmojisFeat="true"
-      :appendToBody="true"
       searchEmojiPlaceholder="Search here."
       searchEmojiNotFound="Emojis not found."
       isLoadingLabel="Loading..."
@@ -14,9 +13,7 @@
 </template>
 
 <script>
-import {
-  TwemojiPicker
-} from '@kevinfaguiar/vue-twemoji-picker';
+import { TwemojiPicker }from '@kevinfaguiar/vue-twemoji-picker';
 import EmojiAllData from '@kevinfaguiar/vue-twemoji-picker/emoji-data/en/emoji-all-groups.json';
 import EmojiDataAnimalsNature from '@kevinfaguiar/vue-twemoji-picker/emoji-data/en/emoji-group-animals-nature.json';
 import EmojiDataFoodDrink from '@kevinfaguiar/vue-twemoji-picker/emoji-data/en/emoji-group-food-drink.json';

diff --git a/docs/.vuepress/components/TwemojiTextarea.vue b/docs/.vuepress/components/TwemojiTextarea.vue
@@ -7,7 +7,7 @@
       :enableSendBtn="true"
       :recentEmojisFeat="true"
       :searchEmojisFeat="true"
-      :appendToBody="true">
+      >
     </twemoji-textarea>
   </div>
 </template>

diff --git a/docs/docs/changelog/index.md b/docs/docs/changelog/index.md
@@ -4,6 +4,10 @@ title: 'Changelog'
 
 # Changelog
 
+## 5.2.0
+
+- The popover dependency has been updated (vue-tooltip -> popper.js v2) for achieving a better bundle size.
+
 ## 5.1.1
 
 - EmojiService and TextareaParser added to the default export.

diff --git a/docs/docs/getting-started/index.md b/docs/docs/getting-started/index.md
@@ -48,7 +48,6 @@ export default {
   :emojiGroups="emojiGroups"
   :skinsSelection="false"
   :searchEmojisFeat="true"
-  :appendToBody="true"
   searchEmojiPlaceholder="Search here."
   searchEmojiNotFound="Emojis not found."
   isLoadingLabel="Loading..."

diff --git a/docs/docs/twemoji-picker-api/index.md b/docs/docs/twemoji-picker-api/index.md
@@ -24,11 +24,18 @@ Define the emoji picker width (in pixels).
 
 Define the emoji picker initial height and max height (in pixels).
 
-### appendToBody
+### pickerPlacement
+- Type: ``string``
+- Default ``top``
+- Valid Props: ``['top-start', 'top', 'top-end', 'bottom-start', 'bottom', 'bottom-right', 'left-start', 'left', 'left-end', 'right-start', 'right', 'right-end']``
+
+Define the emoji picker placement position.
+
+### pickerArrowEnabled
 - Type: ``boolean``
-- Default: ``false``
+- Default ``true``
 
-Define if the emoji picker will bind to body if true; or to parent element if false.
+Define whether the emoji picker should render a reference arrow.
 
 ### triggerType
 - Type: ``string``

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kevinfaguiar/vue-twemoji-picker",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "main": "dist/vue-twemoji-picker.umd.js",
   "module": "dist/vue-twemoji-picker.esm.js",
   "unpkg": "dist/vue-twemoji-picker.min.js",
@@ -30,8 +30,9 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@popperjs/core": "^2.0.6",
     "twemoji": "^12.1.5",
-    "v-tooltip": "^3.0.0-alpha.11"
+    "vue-clickaway": "^2.2.2"
   },
   "devDependencies": {
     "@kevinfaguiar/vue-twemoji-picker": "5.1.1",
@@ -43,6 +44,7 @@
     "@types/jest": "^25.1.2",
     "@types/node": "^13.7.0",
     "@types/twemoji": "^12.1.0",
+    "@types/vue-clickaway": "^2.2.0",
     "@typescript-eslint/eslint-plugin": "^2.19.2",
     "@typescript-eslint/parser": "^2.19.2",
     "@vue/babel-preset-app": "^4.2.2",

diff --git a/public/index.html b/public/index.html
@@ -5,11 +5,11 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Vue Twemoji Picker - Deprecated Docs</title>
+    <title>Vue Twemoji Picker - Sandbox</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but Vue Twemoji Picker - Deprecated Docs doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but Vue Twemoji Picker - Sandbox doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->