@worksafevictoria/wcl7.5 1.8.0-beta.12 → 1.8.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.8.0-beta.12",
+  "version": "1.8.0-beta.14",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {

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

@@ -11,13 +11,11 @@
     :is-selectable="true"
     :row-spacing="isSingleColumn && !singleLineCards ? 'large' : 'small'"
     @selected="selectedCard"
-    @gridColumnSize="
-      (gridColumnSize) => (isSingleColumn = gridColumnSize === 1)
-    "
+    @gridColumnSize="(gridColumnSize) => (isSingleColumn = gridColumnSize === 1)"
   >
     <template v-slot:cardItem="{ card }">
       <card-grid-item
-        v-if="card.description || card.title"
+        v-if="card.description"
         :show-divider="!singleLineCards"
         :card-header-title="singleLineCards ? null : card.title"
         :header-size="card.titleSize"
@@ -39,10 +37,7 @@
               [`w-100 text-left`]: alignLeft,
             }"
           >
-            <strong
-              v-if="singleLineCards && card.title"
-              v-html="card.title + ': '"
-            >
+            <strong v-if="singleLineCards && card.title" v-html="card.title + ': '">
             </strong>
             <span v-html="card.description"></span>
           </div>
@@ -52,12 +47,12 @@
   </card-grid>
 </template>
 <script>
-import { navigateToPath, isGovSite } from '../../../../lib/utility'
-import CardGrid from '../../Common/CardGrid/index.vue'
-import CardGridItem from '../../Common/CardGridItem/index.vue'
+import { navigateToPath, isGovSite } from "../../../../lib/utility";
+import CardGrid from "../../Common/CardGrid/index.vue";
+import CardGridItem from "../../Common/CardGridItem/index.vue";
 
 export default {
-  name: 'Subheader',
+  name: "Subheader",
   components: { CardGrid, CardGridItem },
   props: {
     itemList: {
@@ -73,11 +68,11 @@ export default {
     },
     background: {
       type: String,
-      default: 'none',
+      default: "none",
     },
     heading: {
       type: String,
-      default: '',
+      default: "",
     },
     alignLeft: {
       type: Boolean,
@@ -92,56 +87,50 @@ export default {
     },
     type: {
       type: String,
-      default: '',
+      default: "",
     },
   },
   data() {
     return {
       isSingleColumn: false,
-    }
+    };
   },
   methods: {
     selectedCard(card) {
       // Some custom logic for gov caretaker logic
       if (
-        (this.$config
-          ? this.$config.public.caretaker
-          : process.env.CARETAKER) === 'true'
+        (this.$config ? this.$config.public.caretaker : process.env.CARETAKER) === "true"
       ) {
         if (!isGovSite(card?.selectedCard?.linkHref)) {
           // this.$store.commit('page/SET_CARETAKER_REF', 'subheader')
           // this.$root.$emit('caretaker-open', card?.selectedCard?.linkHref)
           if (this.$pageStore) {
-            this.$pageStore.caretaker.referrer = 'subheader'
+            this.$pageStore.caretaker.referrer = "subheader";
           }
           if (this.$bus) {
-            this.$bus.$emit('caretaker-open', card?.selectedCard?.linkHref)
+            this.$bus.$emit("caretaker-open", card?.selectedCard?.linkHref);
           }
         } else {
           navigateToPath.call(
             this,
             card?.selectedCard?.linkHref,
-            card?.ev?.ctrlKey === true || card?.ev?.metaKey === true,
-          )
+            card?.ev?.ctrlKey === true || card?.ev?.metaKey === true
+          );
         }
       } else {
         navigateToPath.call(
           this,
           card?.selectedCard?.linkHref,
-          card?.ev?.ctrlKey === true || card?.ev?.metaKey === true,
-        )
+          card?.ev?.ctrlKey === true || card?.ev?.metaKey === true
+        );
       }
     },
   },
-}
+};
 </script>
 <style lang="scss" scoped>
 .subheader {
-
   &--resource {
-    :deep(.card-grid__column) {
-      width: auto;
-    }
     :deep(.card-grid-item__description--withIcon) {
       align-items: center;
     }

package/src/components/SubComponents/ResourceGroup/index.vue

@@ -284,7 +284,8 @@ export default {
           this.type === "paragraph--resource_group" ||
           this.type === "paragraph--resource_list"
         ) {
-          allCards.cards = this.sortByDate(allCards.cards);
+          // allCards.cards = this.sortByDate(allCards.cards);
+          allCards.cards = allCards.cards;
         }
       }
       return allCards;