@worksafevictoria/wcl7.5 1.1.0-beta.72 → 1.1.0-beta.74

package/.storybook/preview.js

@@ -2,6 +2,12 @@
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
 import { setup } from '@storybook/vue3'
 
+import { createBootstrap } from 'bootstrap-vue-next'
+
+// Add the necessary CSS
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue-next/dist/bootstrap-vue-next.css'
+
 //Custom fonts
 import './../src/assets/styles/webfonts.css'
 
@@ -13,37 +19,38 @@ import './../src/assets/styles/storybook.scss'
 import 'bootstrap/dist/css/bootstrap.min.css'
 import './../src/assets/styles/stylesheet.scss'
 
-
 setup((app) => {
   app.component('NuxtLink', {
     props: {
       to: {
         type: String,
-        required: true
-      }
+        required: true,
+      },
     },
-    template: '<a target="_blank" :href="`https://ws-ui.wsvdigital.com.au${this.to}`"><slot></slot></a>'
+    template:
+      '<a target="_blank" :href="`https://ws-ui.wsvdigital.com.au${this.to}`"><slot></slot></a>',
   })
+  app.use(createBootstrap())
 })
 
 const preview = {
   parameters: {
     options: {
       storySort: {
-        method: 'alphabetical'
-      }     
+        method: 'alphabetical',
+      },
     },
     actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,
-        date: /Date$/i
-      }
+        date: /Date$/i,
+      },
     },
     viewport: {
-      viewports: INITIAL_VIEWPORTS
-    }
-  }
+      viewports: INITIAL_VIEWPORTS,
+    },
+  },
 }
 
 export default preview

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.0-beta.72",
+  "version": "1.1.0-beta.74",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
     "@storybook/cli": "^7.6.20",
     "axios": "^1.6.0",
     "bootstrap": "^5.3.2",
-    "bootstrap-vue-next": "^0.25.10",
+    "bootstrap-vue-next": "^0.26.18",
     "date-fns": "^2.30.0",
     "formiojs": "4.13.13",
     "storybook-addon-deep-controls": "^0.6.2",
@@ -97,5 +97,6 @@
     "vite-svg-loader": "^5.1.0",
     "vitest": "^0.34.6",
     "vue-jest": "^3.0.7"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

package/src/components/Common/CardGrid/index.vue

@@ -193,7 +193,7 @@ export default {
       return 6
     },
     uniqueClass() {
-      return `cardGrid-${this.$options._uid}`
+      return `cardGrid-${Math.random().toString(36).slice(2, 11)}`
     }
   },
   watch: {

package/src/components/Common/CardGridItem/card-grid-item-caret.vue

@@ -23,6 +23,7 @@
 </template>
 
 <script>
+import { getCurrentInstance } from 'vue'
 import Icon from './../../SubComponents/Icon/index.vue'
 import ChevUp from './../../../assets/icons/chev-up.svg?raw'
 import CaretUp from './../../../assets/icons/caret-up.svg?url'
@@ -71,11 +72,13 @@ export default {
     },
     //Identify if this is a tabbed card WSV2-374
     isTabbedCard() {
-      const TabCardClassList = this.$parent.$el.classList
-      if (TabCardClassList.contains('tabbed-card')) {
-        return true
+      const instance = getCurrentInstance();
+      const parentEl = instance?.parent?.proxy?.$el.parentNode;
+
+      if (parentEl && parentEl.classList.contains('tabbed-card')) {
+        return true;
       } else {
-        return false
+        return false;
       }
     },
     //If isTabbedCard, then supportive text must be displayed for up and down carets. WSV2-374

package/src/components/Containers/SectionGroup/index.vue

@@ -50,7 +50,7 @@
             <slot name="preContent"></slot>
           </column>
         </row>
-
+        
         <div
           class="section-group__content section-group__row"
           :class="{
@@ -261,9 +261,9 @@ export default {
     padding-bottom: 0px;
   }
 
-  // &__row {
-    // padding-top: $basePadding;
-  // }
+  &__row {
+    padding-top: $basePadding;
+  }
 
   &.rtl {
     @include makeRTL;
@@ -274,7 +274,7 @@ export default {
   }
 
   &__content {
-    // padding-bottom: $basePadding;
+    padding-bottom: $basePadding;
     > :deep(.row) {
       row-gap: calc(#{$basePadding} / 2);
     }

package/src/components/Global/Cookies/index.stories.js

@@ -4,31 +4,37 @@ const defaultValue = {
   header: 'field_cookie_heading',
   content: {
     default: 'field_cookie_content',
-    small: 'field_cookie_content_small'
+    small: 'field_cookie_content_small',
   },
   modal: {
     heading: 'field_modal_heading',
     functional: {
       heading: 'field_functional_heading',
-      description: 'field_functional_description'
+      description: 'field_functional_description',
     },
     analytics: {
       heading: 'field_analytics_heading',
-      description: 'field_analytics_description'
+      description: 'field_analytics_description',
     },
     marketing: {
       heading: 'field_marketing_heading',
-      description: 'field_marketing_description'
-    }
-  }
+      description: 'field_marketing_description',
+    },
+  },
 }
 export default {
   title: 'Global/Cookies',
   component: Cookies,
   args: {
     cookieHeader: 'Accept and Reject Cookies',
-    cookieContent: defaultValue
-    }
-  }
+    cookieContent: defaultValue,
+  },
+}
 
-export const Default = {}
+export const Default = {
+  loaders: [
+    () => {
+      window.localStorage.removeItem('cookieBannerDisplayed')
+    },
+  ],
+}