@citizenplane/pimp 9.6.2 → 9.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "9.6.2",
+  "version": "9.6.4",
   "scripts": {
     "dev": "storybook dev -p 8080",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpTooltip.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-tooltip :aria-id="ariaId" class="cpTooltip" :distance :container="false">
+  <v-tooltip :aria-id="ariaId" class="cpTooltip" :container="false" :disabled :distance>
     <slot />
     <template #popper>
       <span v-if="content">
@@ -16,6 +16,7 @@ import { useId } from 'vue'
 
 interface Props {
   content?: string
+  disabled?: boolean
   distance?: number
 }
 

package/src/components/icons/IIconFlightOutwardRoute.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M11.3127 7.5942C11.3127 7.67536 11.3536 7.7971 11.4354 7.87826C11.5809 8.02254 11.7909 8.03858 11.9507 7.92636L12.008 7.87826L13.877 5.93043C14.0242 5.78434 14.0389 5.57252 13.9211 5.44287L13.877 5.4029L12.008 3.45466C11.9262 3.37393 11.8444 3.33333 11.7217 3.33333C11.5009 3.33333 11.3463 3.4648 11.3175 3.6686L11.3127 3.73913V5.06733L5.9377 5.06666C5.62943 5.06666 5.37503 5.29556 5.33772 5.5914L5.33301 5.66666C5.33301 5.97254 5.56369 6.22497 5.86185 6.26199L5.9377 6.26666L11.3127 6.26733V7.5942Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.68628 12.2602C4.68628 12.3414 4.64542 12.4631 4.56362 12.5443C4.41815 12.6886 4.20815 12.7046 4.04835 12.5924L3.99102 12.5443L2.12202 10.5964C1.97482 10.4504 1.96008 10.2385 2.07788 10.1089L2.12202 10.0689L3.99102 8.12068C4.07282 8.03995 4.15462 7.99935 4.27728 7.99935C4.49815 7.99935 4.65275 8.13081 4.68148 8.33461L4.68628 8.40515V9.73335L10.0613 9.73268C10.3696 9.73268 10.624 9.96157 10.6613 10.2574L10.666 10.3327C10.666 10.6386 10.4353 10.891 10.1372 10.928L10.0613 10.9327L4.68628 10.9333V12.2602Z"
+      fill="#D8D8DE"
+    />
+  </svg>
+</template>

package/src/components/icons/IconFlightReturnRoute.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M4.68726 8.4058C4.68726 8.32464 4.64639 8.2029 4.56459 8.12174C4.41913 7.97746 4.20913 7.96142 4.04933 8.07364L3.99199 8.12174L2.12299 10.0696C1.97579 10.2157 1.96106 10.4275 2.07886 10.5571L2.12299 10.5971L3.99199 12.5453C4.07379 12.6261 4.15559 12.6667 4.27826 12.6667C4.49913 12.6667 4.65373 12.5352 4.68246 12.3314L4.68726 12.2609V10.9327L10.0623 10.9333C10.3706 10.9333 10.625 10.7044 10.6623 10.4086L10.667 10.3333C10.667 10.0275 10.4363 9.77503 10.1382 9.73801L10.0623 9.73334L4.68726 9.73267V8.4058Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11.3137 3.73978C11.3137 3.65862 11.3546 3.53688 11.4364 3.45573C11.5819 3.31144 11.7919 3.29541 11.9517 3.40763L12.009 3.45573L13.878 5.40355C14.0252 5.54964 14.0399 5.76146 13.9221 5.89111L13.878 5.93109L12.009 7.87932C11.9272 7.96005 11.8454 8.00065 11.7227 8.00065C11.5019 8.00065 11.3473 7.86919 11.3185 7.66539L11.3137 7.59485V6.26665L5.93868 6.26732C5.6304 6.26732 5.37601 6.03843 5.3387 5.74258L5.33398 5.66732C5.33398 5.36144 5.56466 5.10901 5.86282 5.07199L5.93868 5.06732L11.3137 5.06665V3.73978Z"
+      fill="#D8D8DE"
+    />
+  </svg>
+</template>

package/src/constants/CpCustomIcons.ts

@@ -36,6 +36,7 @@ import IconFindConversation from '@/components/icons/IconFindConversation.vue'
 import IconFire from '@/components/icons/IconFire.vue'
 import IconFlight from '@/components/icons/IconFlight.vue'
 import IconFlightReturn from '@/components/icons/IconFlightReturn.vue'
+import IconFlightReturnRoute from '@/components/icons/IconFlightReturnRoute.vue'
 import IconFlightSchedule from '@/components/icons/IconFlightSchedule.vue'
 import IconGroupBy from '@/components/icons/IconGroupBy.vue'
 import IconHandHeart from '@/components/icons/IconHandHeart.vue'
@@ -82,6 +83,7 @@ import IconTimer from '@/components/icons/IconTimer.vue'
 import IconTooltip from '@/components/icons/IconTooltip.vue'
 import IconTrafficControl from '@/components/icons/IconTrafficControl.vue'
 import IconWindowExpand from '@/components/icons/IconWindowExpand.vue'
+import IIconFlightOutwardRoute from '@/components/icons/IIconFlightOutwardRoute.vue'
 
 export const CustomCpIcons = {
   'accompanied-minor-each': IconAccompaniedMinorEach,
@@ -121,7 +123,9 @@ export const CustomCpIcons = {
   'find-conversation': IconFindConversation,
   fire: IconFire,
   flight: IconFlight,
+  'flight-outward-route': IIconFlightOutwardRoute,
   'flight-return': IconFlightReturn,
+  'flight-return-route': IconFlightReturnRoute,
   'flight-schedule': IconFlightSchedule,
   'group-by': IconGroupBy,
   'hand-heart': IconHandHeart,

package/src/stories/CpTooltip.stories.ts

@@ -100,3 +100,22 @@ export const WithHTMLContent: Story = {
     `,
   }),
 }
+
+export const Disabled: Story = {
+  args: {
+    disabled: true,
+  },
+  render: (args) => ({
+    components: { CpTooltip },
+    setup() {
+      return { args }
+    },
+    template: `
+      <div style="padding: 100px; text-align: center;">
+        <CpTooltip v-bind="args" content="You should not see me">
+          <div type="button">Disabled</div>
+        </CpTooltip>
+      </div>
+    `,
+  }),
+}