@avakhula/ui 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/App.vue

@@ -1,23 +1,36 @@
 <template>
-  <div class="test">
-    <limit-selector />
+  <div class="page">
+
+    <sorting view="table-sorting" toggle-tip-title="hello" :table-name="'table'" :title="'test'">
+
+      <!-- <template #toggleTipBody>
+        <p>
+          test
+        </p>
+      </template>
+
+      <template #toggleTipButtons>
+        <p>
+          test
+        </p>
+      </template> -->
+
+
+    </sorting>
   </div>
 </template>
 
 <script>
-import LimitSelector from "./components/Pagination/LimitSelector.vue"
+import Sorting from './components/Sorting/Sorting.vue';
 export default {
   components: {
-    LimitSelector
-  } 
+    Sorting
+  }
 }
 </script>
 
-
 <style lang="scss">
-.test {
-  height: 100vh;
-  display: flex;
-  align-items: end;
+.page {
+  padding: 200px;
 }
-</style>
+</style>

package/src/components/Sorting/Sorting.stories.js

@@ -18,6 +18,10 @@ export default {
       control: { type: "select" },
       options: Object.keys(popoverPosition),
     },
+    tooltipIconPosition: {
+      control: { type: "select" },
+      options: Object.keys(popoverPosition),
+    },
   },
 };
 

package/src/components/Sorting/Sorting.vue

@@ -38,7 +38,7 @@
 
       <ib-icon-button
         v-if="!hideSortingButton"
-        v-tooltip="tooltipIconText"
+        v-tooltip:[tooltipIconPosition]="tooltipIconText"
         kind="white"
         size="s"
         @click="clickHandler"
@@ -88,6 +88,9 @@ export default {
     tooltipPosition: {
       type: String,
     },
+    tooltipIconPosition: {
+      type: String,
+    },
     tooltipIconSorting: {
       type: String,
     },