@citizenplane/pimp 18.9.8 → 18.9.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "18.9.8",
+  "version": "18.9.10",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",
@@ -10,7 +10,6 @@
     "lint:style": "stylelint \"**/*.{css,scss,vue}\"",
     "lint:style:fix": "stylelint \"**/*.{css,scss,vue}\" --fix",
     "format": "biome format --write .",
-    "test": "jest tests",
     "types": "vue-tsc --noEmit",
     "commitlint": "commitlint --edit",
     "prepare": "husky"
@@ -47,58 +46,51 @@
     "unplugin-vue-components": ">=0.26.0"
   },
   "dependencies": {
-    "@douxcode/vue-spring-bottom-sheet": "^3.2.0",
-    "@vueuse/core": "^14.3.0",
-    "feather-icons": "^4.29.2",
-    "floating-vue": "^5.2.2",
-    "luxon": "^3.7.2",
-    "maska": "^3.2.0",
-    "modern-normalize": "^3.0.1",
-    "primevue": "^4.5.5",
-    "vue": "^3.5.39",
-    "vue-bind-once": "^0.2.1",
-    "vue-tel-input": "^9.5.0",
-    "web-haptics": "^0.0.6"
+    "@douxcode/vue-spring-bottom-sheet": "3.2.0",
+    "@vueuse/core": "14.3.0",
+    "feather-icons": "4.29.2",
+    "floating-vue": "5.2.2",
+    "luxon": "3.7.2",
+    "maska": "3.2.0",
+    "modern-normalize": "3.0.1",
+    "primevue": "4.5.5",
+    "vue": "3.5.39",
+    "vue-bind-once": "0.2.1",
+    "vue-tel-input": "9.5.0",
+    "web-haptics": "0.0.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
     "@biomejs/biome": "2.5.1",
     "@commitlint/cli": "21.1.0",
-    "@storybook/addon-docs": "^10.4.6",
-    "@storybook/addon-onboarding": "^10.4.6",
-    "@storybook/addon-vitest": "^10.4.6",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/vue3-vite": "^10.4.6",
-    "@types/feather-icons": "^4.29.4",
-    "@types/vue-tel-input": "^9.7.91",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vitest/browser": "^4.1.9",
-    "@vitest/coverage-v8": "^4.1.9",
-    "@vue/babel-preset-app": "^5.0.9",
-    "@vue/test-utils": "^2.4.11",
-    "@vue/vue3-jest": "^29.2.6",
-    "babel-core": "^7.0.0-bridge.0",
+    "@storybook/addon-docs": "10.4.6",
+    "@storybook/addon-onboarding": "10.4.6",
+    "@storybook/addon-vitest": "10.4.6",
+    "@storybook/preset-scss": "1.0.3",
+    "@storybook/vue3-vite": "10.4.6",
+    "@types/feather-icons": "4.29.4",
+    "@types/vue-tel-input": "9.7.91",
+    "@vitejs/plugin-vue": "6.0.7",
+    "@vitest/browser": "4.1.9",
+    "@vitest/coverage-v8": "4.1.9",
+    "@vue/test-utils": "2.4.11",
     "commitlint-config-gitmoji": "2.3.1",
-    "husky": "^9.1.7",
-    "jest": "~29.7.0",
-    "jest-environment-jsdom": "^30.4.1",
-    "lint-staged": "^17.0.8",
-    "playwright": "^1.61.0",
-    "sass": "~1.101.0",
-    "sass-loader": "^16.0.8",
-    "storybook": "^10.4.6",
-    "stylelint": "17.13.0",
+    "husky": "9.1.7",
+    "lint-staged": "17.0.8",
+    "playwright": "1.61.0",
+    "sass": "1.101.0",
+    "sass-loader": "17.0.0",
+    "storybook": "10.4.6",
+    "stylelint": "17.14.0",
     "stylelint-config-html": "1.1.0",
     "stylelint-config-idiomatic-order": "10.0.0",
     "stylelint-config-recommended-scss": " 17.0.1",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard-scss": "17.0.0",
     "stylelint-order": "8.1.1",
-    "ts-jest": "^29.4.11",
-    "unplugin-vue-components": "^32.1.0",
-    "vite": "^7.3.2",
-    "vite-plugin-dts": "^5.0.2",
-    "vitest": "^4.1.9",
+    "unplugin-vue-components": "32.1.0",
+    "vite": "8.1.0",
+    "vite-plugin-dts": "5.0.2",
+    "vitest": "4.1.9",
     "vue-tsc": "3.3.5"
   },
   "engines": {

package/src/components/CpDynamicDialog.vue

@@ -30,10 +30,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, resolveComponent, useTemplateRef, watch } from 'vue'
+import { computed, nextTick, useTemplateRef, watch } from 'vue'
 
 import { useIsBreakpoint } from '@/composables/useIsBreakpoint'
 
+import CpBottomSheet from '@/components/CpBottomSheet.vue'
+import CpDialog from '@/components/CpDialog.vue'
+import CpTransitionDialog from '@/components/CpTransitionDialog.vue'
+
+
 interface Props {
   class?: string
   isClosableOnClickOutside?: boolean
@@ -53,10 +58,6 @@ const dynamicComponentRef = useTemplateRef('dynamicComponentRef')
 
 const isVisibleModel = defineModel<boolean>('isVisible', { default: false })
 
-const CpTransitionDialog = resolveComponent('cp-transition-dialog')
-const CpBottomSheet = resolveComponent('cp-bottom-sheet')
-const CpDialog = resolveComponent('cp-dialog')
-
 const dynamicWrapperComponent = computed(() => {
   if (isMobile.value) return 'div'
   return CpTransitionDialog

package/src/components/CpMenu.vue

@@ -188,7 +188,7 @@ defineExpose({ show, hide, toggle })
 
   &__drawerOverlay {
     position: fixed;
-    z-index: 0;
+    z-index: 100;
     display: flex;
     align-items: flex-end;
     justify-content: center;
@@ -205,6 +205,7 @@ defineExpose({ show, hide, toggle })
 
   &__drawer {
     position: relative;
+    z-index: 101;
     display: flex;
     width: 100%;
     max-height: 85vh;

package/src/components/CpTableFooter.vue

@@ -100,6 +100,7 @@ const pageLastResultIndex = computed(() => {
   position: sticky;
   z-index: 3;
   bottom: var(--cp-spacing-md);
+  padding: 0 var(--cp-spacing-xl);
 
   &__loader {
     display: inline-flex;

package/src/types/vue-tel-input.d.ts

@@ -0,0 +1 @@
+declare module 'vue-tel-input'

package/vite.config.js

@@ -46,11 +46,7 @@ export default defineConfig({
       // into your library
       external: ['vue'],
       output: {
-        // Avoid emitting a separate chunk for dynamic imports (e.g. libphonenumber).
-        // A sibling chunk can declare top-level `var h` while the main entry imports
-        // `openBlock as h` from Vue; some downstream bundlers merge those scopes and
-        // hit "Identifier 'h' has already been declared".
-        inlineDynamicImports: true,
+        codeSplitting: false,
         // Provide global variables to use in the UMD build
         // for externalized deps
         globals: {