NSW DS updates and fixes from LWR page templates (#348)

* Updates and fixes from LWR page templates

* Typo

sfGpsDs/main/default/lwc/sfGpsDsMarkdown/sfGpsDsMarkdown.js

@@ -15,6 +15,7 @@ import { getFirstChild } from "c/sfGpsDsHelpers";
 import Parser from "./blocks.js";
 import HtmlRenderer from "./htmlRenderer.js";
 import HtmlUnpackFirstPRenderer from "./htmlUnpackFirstPRenderer.js";
+import { decodeHTMLStrict } from "./entitiesDecode.js";
 
 class sfGpsDsMarkdown {
   reader = new Parser();
@@ -176,6 +177,10 @@ class sfGpsDsMarkdown {
 
     return h1s;
   }
+
+  decodeEntities(str) {
+    return decodeHTMLStrict(str);
+  }
 }
 
 const renderer = new sfGpsDsMarkdown();

sfGpsDs/main/default/lwc/sfGpsDsNavigation/sfGpsDsNavigation.js

@@ -5,6 +5,7 @@ import getNavigationItems from "@salesforce/apex/SfGpsDsNavigationORA.getNavigat
 
 import cBasePath from "@salesforce/community/basePath";
 import { NavigationMixin } from "lightning/navigation";
+import mdEngine from "c/sfGpsDsMarkdown";
 
 const MODE_IP = "Integration Procedure";
 const MODE_NAV = "Experience Cloud Navigation";
@@ -133,7 +134,7 @@ export default class SfGpsDsNavigation extends NavigationMixin(SfGpsDsIpLwc) {
     return data.reduce((m, item, index) => {
       let itemKey = `${key}-${index + 1}`;
       let amik = {
-        text: item.label,
+        text: mdEngine.decodeEntities(item.label),
         url: item.actionValue,
         index: itemKey,
         position: index

sfGpsDsAuNsw/main/default/lwc/.osfilegen.json

@@ -551,6 +551,9 @@
   },
   "sfGpsDsAuNswMarkdownElementComm": {
     "target": "!Os",
+    "!.css": {
+      "target": "!Os.css"
+    },
     "!.html": {
       "target": "!Os.html"
     },
@@ -567,6 +570,9 @@
   },
   "sfGpsDsAuNswMarkupElementComm": {
     "target": "!Os",
+    "!.css": {
+      "target": "!Os.css"
+    },
     "!.html": {
       "target": "!Os.html"
     },

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordion/sfGpsDsAuNswAccordion.js

@@ -11,8 +11,11 @@ export default class SfGpsDsAuNswAccordion extends LightningElement {
   static renderMode = "light";
 
   @api header;
+  @api index;
   @api className;
 
+  /* api: closed */
+
   @api get closed() {
     return !this.isOpen;
   }
@@ -23,6 +26,8 @@ export default class SfGpsDsAuNswAccordion extends LightningElement {
 
   @track isOpen = false;
 
+  /* getters */
+
   get computedClassName() {
     return computeClass({
       "nsw-accordion__title": true,
@@ -54,6 +59,8 @@ export default class SfGpsDsAuNswAccordion extends LightningElement {
     return this._controlsId;
   }
 
+  /* event management */
+
   handleClick() {
     this.dispatchEvent(new CustomEvent(this.isOpen ? "collapse" : "expand"));
     this.isOpen = !this.isOpen;

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordionComm/sfGpsDsAuNswAccordionComm.html

@@ -7,6 +7,7 @@
 
   <c-sf-gps-ds-au-nsw-accordion
     lwc:else
+    index={index}
     header={header}
     closed={closed}
     class-name={className}

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordionGroupHead/sfGpsDsAuNswAccordionGroupHead.html

@@ -1,11 +1,11 @@
 <template lwc:render-mode="light">
   <div lwc:if={showButtons} class="nsw-accordion__toggle">
-    <button type="button" disabled={isFullyExpanded} onclick={handleExpandAll}>
+    <button type="button" disabled={_isFullyExpanded} onclick={handleExpandAll}>
       {expandAllLabel}
     </button>
     <button
       type="button"
-      disabled={isFullyCollapsed}
+      disabled={_isFullyCollapsed}
       onclick={handleCollapseAll}
     >
       {collapseAllLabel}

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordionGroupHead/sfGpsDsAuNswAccordionGroupHead.js

@@ -6,16 +6,51 @@
  */
 
 import { LightningElement, api } from "lwc";
+import { normaliseBoolean } from "c/sfGpsDsHelpers";
 
 export default class sfGpsDsAuNswAccordionGroupHead extends LightningElement {
   static renderMode = "light";
 
   @api showButtons;
-  @api isFullyExpanded;
-  @api isFullyCollapsed;
   @api expandAllLabel;
   @api collapseAllLabel;
 
+  /* api: isFullyExpanded */
+
+  _isFullyExpandedOriginal;
+  _isFullyExpanded;
+
+  @api
+  get isFullyExpanded() {
+    return this._isFullyExpandedOriginal;
+  }
+
+  set isFullyExpanded(value) {
+    this._isFullyExpandedOriginal = value;
+    this._isFullyExpanded = normaliseBoolean(value, {
+      acceptString: true,
+      fallbackValue: false
+    });
+  }
+
+  /* api: isFullyCollapsed */
+
+  _isFullyCollapsedOriginal;
+  _isFullyCollapsed;
+
+  @api
+  get isFullyCollapsed() {
+    return this._isFullyCollapsedOriginal;
+  }
+
+  set isFullyCollapsed(value) {
+    this._isFullyCollapsedOriginal = value;
+    this._isFullyCollapsed = normaliseBoolean(value, {
+      acceptString: true,
+      fallbackValue: false
+    });
+  }
+
   /* event management */
 
   handleCollapseAll() {

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordionGroupLwr/sfGpsDsAuNswAccordionGroupLwr.html

@@ -1,4 +1,5 @@
 <template>
+  <span if:false={firstChild}></span>
   <c-sf-gps-ds-configuration-error
     lwc:if={_sfGpsDsErrors}
     errors={_sfGpsDsErrors}

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordionGroupLwr/sfGpsDsAuNswAccordionGroupLwr.js

@@ -18,20 +18,24 @@ import { computeClass } from "c/sfGpsDsHelpers";
  */
 export default class SfGpsDsAuNswAccordionGroupLwr extends SfGpsDsLwc {
   @track items = [
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false },
-    { title: "", closed: false }
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true },
+    { title: "", closed: true }
   ];
 
+  _numberOpen = this.items.filter((item) => !item.closed).length;
+
+  @api firstChild;
+
   @api
   set item1title(value) {
     this.items[0].title = value;
@@ -191,15 +195,13 @@ export default class SfGpsDsAuNswAccordionGroupLwr extends SfGpsDsLwc {
   @api showButtons;
   @api className;
 
-  _numberOpen = 0;
-
   handleExpand(event) {
-    this.items[event.target.index].closed = false;
+    this.items[Number(event.target.index)].closed = false;
     this._numberOpen++;
   }
 
   handleCollapse(event) {
-    this.items[event.target.index].closed = true;
+    this.items[Number(event.target.index)].closed = true;
     this._numberOpen--;
   }
 

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswAccordionGroupLwr/sfGpsDsAuNswAccordionGroupLwr.js-meta.xml

@@ -90,6 +90,13 @@
         label="Show buttons"
         description="Show expand and collapse all buttons."
       />
+      <property
+        name="firstChild"
+        type="Boolean"
+        label="Render as first child"
+        description="Render as first child for margin purposes."
+        default="false"
+      />
       <property
         name="className"
         type="String"

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswBlockLwr/sfGpsDsAuNswBlockLwr.html

@@ -6,8 +6,8 @@
   </c-sf-gps-ds-configuration-error>
 
   <template lwc:else>
+    <span if:false={firstChild}></span>
     <div class={computedClassName}>
-      <span if:false={firstChild}></span>
       <slot name="Block"></slot>
     </div>
   </template>

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswBreadcrumbs/sfGpsDsAuNswBreadcrumbs.html

@@ -1,5 +1,5 @@
 <template lwc:render-mode="light">
-  <div class="nsw-p-bottom-xs nsw-m-bottom-sm">
+  <div class={containerClassName}>
     <nav class={computedClassName} aria-label={label}>
       <ol class="nsw-breadcrumb__list nsw-breadcrumb__list--inline">
         <template for:each={items} for:item="item">

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswBreadcrumbs/sfGpsDsAuNswBreadcrumbs.js

@@ -12,6 +12,7 @@ export default class SfGpsDsAuNswBreadcrumbs extends LightningElement {
   static renderMode = "light";
 
   @api label = "breadcrumbs";
+  @api containerClassName = "nsw-p-bottom-xs nsw-m-bottom-sm";
   @api className = "";
   @api items = [];
 

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswBreadcrumbsLwr/sfGpsDsAuNswBreadcrumbsLwr.html

@@ -0,0 +1,16 @@
+<template>
+  <c-sf-gps-ds-configuration-error
+    lwc:if={_sfGpsDsErrors}
+    errors={_sfGpsDsErrors}
+  >
+  </c-sf-gps-ds-configuration-error>
+
+  <c-sf-gps-ds-au-nsw-breadcrumbs
+    lwc:else
+    label={label}
+    items={_itemsArray}
+    container-class-name={containerClassName}
+    class-name={className}
+  >
+  </c-sf-gps-ds-au-nsw-breadcrumbs>
+</template>

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswBreadcrumbsLwr/sfGpsDsAuNswBreadcrumbsLwr.js

@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2022, Emmanuel Schweitzer and salesforce.com, inc.
+ * All rights reserved.
+ * Licensed under the BSD 3-Clause license.
+ * For full license text, see LICENSE.txt file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+import { api, track } from "lwc";
+import SfGpsDsLwc from "c/sfGpsDsLwc";
+import mdEngine from "c/sfGpsDsMarkdown";
+
+export default class extends SfGpsDsLwc {
+  @api label = "Breadcrumb";
+  @api linkComponent = "a";
+  @api containerClassName = "nsw-container nsw-p-bottom-sm";
+  @api className = "";
+
+  _items;
+  @track _itemsArray = [];
+
+  @api set items(markdown) {
+    this._items = markdown;
+    try {
+      this._itemsArray = mdEngine.extractLinks(markdown);
+    } catch (e) {
+      this.addError("IT-MD", "Issue when parsing Items markdown");
+    }
+  }
+
+  get items() {
+    return this._items;
+  }
+
+  /* lifecycle */
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.classList.add("nsw-scope");
+  }
+}

sfGpsDsAuNsw/main/default/lwc/sfGpsDsAuNswBreadcrumbsLwr/sfGpsDsAuNswBreadcrumbsLwr.js-meta.xml

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+  <apiVersion>60.0</apiVersion>
+  <isExposed>true</isExposed>
+  <masterLabel>NSW DS LWR Breadcrumbs</masterLabel>
+  <targets>
+    <target>lightningCommunity__Page</target>
+    <target>lightningCommunity__Default</target>
+  </targets>
+  <targetConfigs>
+    <targetConfig targets="lightningCommunity__Default">
+      <property
+        name="label"
+        type="String"
+        label="Aria label"
+        description="Label used for accessibility."
+        required="true"
+        default="Breadcrumbs"
+      />
+      <property
+        name="items"
+        type="String"
+        label="Items"
+        description="Links to parent and current pages in Markdown format."
+        default="[Home](#)[Parent](#)[Current page]()"
+      />
+      <property
+        name="linkComponent"
+        type="String"
+        label="Link component"
+        description="Component used to render the link."
+        datasource="a"
+        required="true"
+        default="a"
+      />
+      <property
+        name="containerClassName"
+        type="String"
+        label="Class name"
+        description="Additional CSS class to be applied."
+        default="nsw-container nsw-p-bottom-sm"
+      />
+      <property
+        name="className"
+        type="String"
+        label="Class name"
+        description="Additional CSS class to be applied."
+      />
+    </targetConfig>
+  </targetConfigs>
+</LightningComponentBundle>