@worksafevictoria/wcl7.5 1.1.22 → 1.2.0

package/README.md

@@ -44,18 +44,18 @@ This repo is based on Vue 3 in Vite, and Storybook 7.  It contains all the commo
 
 ### Usage Instructions - Yarn - recommended
 
-    yarn add @worksafevictoria/wcl
+    yarn add @worksafevictoria/wcl7.5
 
 ### Usage Instructions - npm
 
-    npm i @worksafevictoria/wcl
+    npm i @worksafevictoria/wcl7.5
 
 ### Nuxt - if you have errors after importing
 
     # nuxt.config.js
 
     build {
-      transpile: ['@worksafevictoria/wcl', 'xxx', 'xxx', 'xxx']
+      transpile: ['@worksafevictoria/wcl7.5', 'xxx', 'xxx', 'xxx']
     }
 
 #### Usage Instructions - environment variables
@@ -83,7 +83,7 @@ This repo is based on Vue 3 in Vite, and Storybook 7.  It contains all the commo
     </template>
 
     <script>
-      import { Container, Column, Row, CtaButton } from '@worksafevictoria/wcl'
+      import { Container, Column, Row, CtaButton } from '@worksafevictoria/wcl7.5'
       export default {
         components: { Container, Column, Row, CtaButton }
       }

package/ci/build/build_validation.yml

@@ -4,7 +4,7 @@
 # Project: Worksafe Public Website - Front End
 # Description: Build Validation for Pull Requests
 ########################################################
-trigger: none 
+trigger: none
 
 pr:
   autoCancel: true
@@ -13,7 +13,7 @@ pr:
     include:
       - master
       - beta
-      
+
 variables:
   - group: Public Websites - Front End
 

package/ci/release/beta.yml

@@ -1,14 +1,15 @@
 #######################################################
-# Author: Yavisht Katgara
-# Email: yavisht_katgara@worksafe.vic.gov.au
+# Original Author: Yavisht Katgara
+# Email: WSV-DigitalOperations@worksafetac.onmicrosoft.com
 # Project: Worksafe Public Website - Front End
 # Description: Publish beta release to NPM
 #######################################################
 
-trigger:
+trigger: 
   branches:
     include:
       - beta
+pr: none
 
 variables:
   - group: Public Websites - Front End

package/ci/release/master.yml

@@ -1,14 +1,15 @@
 #######################################################
-# Author: Yavisht Katgara
-# Email: yavisht_katgara@worksafe.vic.gov.au
+# Original Author: Yavisht Katgara
+# Email: WSV-DigitalOperations@worksafetac.onmicrosoft.com
 # Project: Worksafe Public Website - Front End
 # Description: Publish latest release to NPM
 #######################################################
 
-trigger:
+trigger: 
   branches:
     include:
       - master
+pr: none
 
 variables:
   - group: Public Websites - Front End

package/jest.config.js

@@ -15,7 +15,7 @@ module.exports = {
   },
   transform: {
     '.*\\.vue$': '@vue/vue3-jest',
-    '^.+\\.js$': 'babel-jest',
+    '^.+\\.[t|j]sx?$': 'babel-jest',
     '.+\\.(svg)$': '<rootDir>/src/mock/jest.svgtransformer.js'
   },
   transformIgnorePatterns:  ['!node_modules/'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.22",
+  "version": "1.2.0",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {
@@ -58,7 +58,8 @@
   "devDependencies": {
     "@babel/core": "^7.24.6",
     "@babel/plugin-transform-private-property-in-object": "^7.24.6",
-    "@babel/preset-env": "^7.24.6",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-react": "^7.24.7",
     "@rushstack/eslint-patch": "^1.3.3",
     "@storybook/addon-a11y": "^7.6.3",
     "@storybook/addon-essentials": "^7.5.1",
@@ -72,7 +73,8 @@
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^29.2.6",
-    "babel-jest": "^29.2.6",
+    "babel-jest": "^29.7.0",
+    "babel-preset-vite": "^1.1.3",
     "dotenv-webpack": "^8.1.0",
     "eslint": "^8.49.0",
     "eslint-plugin-storybook": "^0.6.15",

package/src/components/Common/CardGrid/cardgrid.stories.js

@@ -212,5 +212,5 @@ Default.args = {
     cardPadding: 'small',
     borderType: 'thin',
     contentClass: 'Content Class',
-    cardDescription: 'Card description slot. text 123 Sample text. You can also use description prop.',
+    cardDescription: 'Card Description slot. text 123 Sample text. You can also use description prop.',
   }

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

@@ -14,7 +14,7 @@
     class="homepage-header"
   >
     <template v-slot:top>
-      <slot />
+      <slot></slot>
     </template>
 
     <template v-slot:description>

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

@@ -31,7 +31,6 @@ const heroTitle = 'HeroHeader hero example'
 export default {
   title: 'Global/HeroHeader',
   component: HeroHeader,
-  tags: ['autodocs'],
   argTypes: {
     type: {
       control: 'string',
@@ -43,10 +42,9 @@ export default {
     title: 'HeroHeader default example',
     description: '<p class="intro">The page subtitle goes in here... The page subtitle goes in here... The page subtitle goes in here...</p><p><a href="#" class="cta-button">class cta-button</a></p>',
     image:  {
-        url:
-          'https://content-v2.api.worksafe.vic.gov.au/sites/default/files/2020-04/Topic-Coronavirus-COVID-19.jpg',
-        alt: 'Some alt text'
-      },
+      url: process.env.CONTENT_API_URL + '/sites/default/files/2020-04/Topic-Coronavirus-COVID-19.jpg',
+      alt: 'Some alt text'
+    },
     cta: cta_content,
     bgColor: false,
     breadcrumbItems: breadcrumb_content,

package/src/components/Global/HeroHeader/index.vue

@@ -98,7 +98,7 @@
               >
             </column>
           </row>
-          <social-share v-show="showSocial && type !== 'hero'" :rtl="rtl" />
+            <social-share v-show="showSocial && type !== 'hero'" :rtl="rtl" />
         </container>
       </div>
       <!-- Type Default -->

package/src/components/Global/SocialShare/index.vue

@@ -137,7 +137,8 @@ export default {
         }
     },
     mounted() {
-        if (process.client) {
+      let winHref = window.location.href
+          if (winHref.toLowerCase().includes("worksafe")) {
             this.url = window.location.href;
         }
     },