@citizenplane/pimp 18.9.34 → 18.9.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "18.9.34",
+  "version": "18.9.36",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpTableFooter.vue

@@ -73,9 +73,9 @@ const emit = defineEmits<Emits>()
 const numberOfPages = computed(() => Math.ceil(props.numberOfResults / props.rowsPerPageLimit))
 const activePage = computed(() => (props.isServerSidePagination ? props.serverActivePage + 1 : props.pageNumber + 1))
 const hasRemainingPages = computed(() => numberOfPages.value > activePage.value)
-const hasPreviousPages = computed(() =>
-  props.isServerSidePagination ? props.serverActivePage > 0 : props.pageNumber > 0,
-)
+const hasPreviousPages = computed(() => {
+  return props.isServerSidePagination ? props.serverActivePage > 0 : props.pageNumber > 0
+})
 
 const isNextEnabled = computed(() => hasRemainingPages.value && !props.isLoading)
 const isPreviousEnabled = computed(() => hasPreviousPages.value && !props.isLoading)
@@ -85,9 +85,9 @@ const pagesEndIndex = computed(() => props.rowsPerPageLimit * (1 + props.pageNum
 const serverPagesStartIndex = computed(() => props.serverActivePage * props.rowsPerPageLimit + 1)
 const serverPagesEndIndex = computed(() => props.rowsPerPageLimit * (1 + props.serverActivePage))
 
-const pageFirstResultIndex = computed(() =>
-  props.isServerSidePagination ? serverPagesStartIndex.value : pagesStartIndex.value + 1,
-)
+const pageFirstResultIndex = computed(() => {
+  return props.isServerSidePagination ? serverPagesStartIndex.value : pagesStartIndex.value + 1
+})
 
 const pageLastResultIndex = computed(() => {
   const endIndex = props.isServerSidePagination ? serverPagesEndIndex.value : pagesEndIndex.value

package/src/components/CpTableFooterDesktop.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="cpTableFooterDesktop">
     <div class="cpTableFooterDesktop__details">
-      <p class="cpTableFooterDesktop__results">
+      <div class="cpTableFooterDesktop__results">
         <slot name="footer-details" />
-      </p>
+      </div>
     </div>
     <div class="cpTableFooterDesktop__pagination">
       <cp-button

package/src/components/CpTableFooterMobile.vue

@@ -12,9 +12,9 @@
         <cp-icon size="16" type="arrow-left" />
       </template>
     </cp-button>
-    <p class="cpTableFooterMobile__results">
+    <div class="cpTableFooterMobile__results">
       <slot name="footer-details" />
-    </p>
+    </div>
     <cp-button
       appearance="tertiary"
       color="neutral"

package/src/components/index.ts

@@ -5,7 +5,7 @@ import '@douxcode/vue-spring-bottom-sheet/dist/style.css'
 
 import '@/assets/main.css'
 
-import { vTooltip } from 'floating-vue'
+import FloatingVue from 'floating-vue'
 import { vMaska } from 'maska/vue'
 import PrimeVue from 'primevue/config'
 import ToastService from 'primevue/toastservice'
@@ -139,6 +139,7 @@ const Pimp: Plugin = {
     app.use(PrimeVue, { unstyled: true })
     app.use(VueTelInput)
     app.use(ToastService)
+    app.use(FloatingVue)
 
     Object.keys(Components).forEach((name) => {
       app.component(name, Components[name as keyof typeof Components])
@@ -148,7 +149,6 @@ const Pimp: Plugin = {
     app.directive('click-outside', ClickOutside)
     app.directive('bind-once', BindOnceDirective)
     app.directive('maska', vMaska)
-    app.directive('tooltip', vTooltip)
   },
 }