@salesforcedevs/dw-components 1.3.195 → 1.3.196

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.195",
+    "version": "1.3.196",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -24,5 +24,5 @@
         "@types/setimmediate": "^1.0.2",
         "setimmediate": "^1.0.5"
     },
-    "gitHead": "340bec89716f643664e18b660ed169bb8cb25ee3"
+    "gitHead": "3ca1796a050dd87c8083f73e41d8cb0cfb15328d"
 }

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.css

@@ -83,7 +83,6 @@ dx-section {
 
 .pagination-container {
     max-width: fit-content;
-    max-width: -moz-fit-content;
     margin: 50px auto;
 }
 
@@ -158,13 +157,13 @@ dx-section {
 }
 
 @media screen and (min-width: 1025px) {
-    .item-container:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
+    .item-container:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
         margin-top: 70px;
     }
 }
 
 @media screen and (max-width: 1024px) and (min-width: 768px) {
-    .item-container:not(:nth-child(1)):not(:nth-child(2)) {
+    .item-container:not(:nth-child(1), :nth-child(2)) {
         margin-top: 51px;
     }
 }

package/src/modules/dw/contentArchive/contentArchive.css

@@ -182,13 +182,13 @@ dx-filter-menu {
 
 .chip-title {
     font-weight: bold;
-    color: rgb(24, 24, 24);
+    color: rgb(24 24 24);
 }
 
 .chip-item {
-    border: 2px solid rgb(92, 92, 92);
+    border: 2px solid rgb(92 92 92);
     border-radius: 4px;
-    color: rgb(92, 92, 92);
+    color: rgb(92 92 92);
     font-weight: 600;
     padding: 2px 4px;
 }

package/src/modules/dw/docsGrid/docsGrid.css

@@ -33,7 +33,6 @@
 
 .pagination-container {
     max-width: fit-content;
-    max-width: -moz-fit-content;
     margin: var(--dx-g-spacing-lg) auto;
 }
 

package/src/modules/dw/eventsList/eventsList.css

@@ -23,7 +23,7 @@ dx-section.events-action-bar::part(container) {
 
 dx-section.upcoming-events::part(container)::before {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud1.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud1.svg");
     width: 146px;
     height: 106px;
     position: absolute;
@@ -34,7 +34,7 @@ dx-section.upcoming-events::part(container)::before {
 
 dx-section.upcoming-events::part(container)::after {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud2.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud2.svg");
     width: 152px;
     height: 111px;
     position: absolute;
@@ -45,7 +45,7 @@ dx-section.upcoming-events::part(container)::after {
 
 dx-section.past-events::part(container)::before {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-gradient-elipse.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-gradient-elipse.svg");
     width: 2991px;
     height: 839px;
     position: absolute;
@@ -56,7 +56,7 @@ dx-section.past-events::part(container)::before {
 
 dx-section:not(:nth-child(2)).past-events::part(container)::after {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud3.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud3.svg");
     width: 655px;
     height: 270px;
     position: absolute;

package/src/modules/dw/j2sCardSequence/j2sCardSequence.ts

@@ -141,8 +141,8 @@ export default class J2sCardSequence extends LightningElement {
             Company__c: this.tbidUserInfo.custom_attributes?.CompanyName,
             MailingCountry: this.tbidUserInfo.custom_attributes?.Country,
             MailingState: this.tbidUserInfo.address?.region,
-            RelationshipToSalesforce:
-                this.tbidUserInfo.custom_attributes?.RelationshipToSalesforce
+            RelationshipToSalesforce: this.tbidUserInfo.custom_attributes
+                ?.RelationshipToSalesforce
         };
 
         // Return above object but only with keys that have a truthy value, and with any URI-encoded values decoded
@@ -219,20 +219,18 @@ export default class J2sCardSequence extends LightningElement {
 
     renderedCallback() {
         if (!this.isLoading) {
-            (
-                this.template.querySelector(
-                    "dx-step-sequence"
-                ) as unknown as StepSequence
-            )?.remeasureSteps();
+            ((this.template.querySelector(
+                "dx-step-sequence"
+            ) as unknown) as StepSequence)?.remeasureSteps();
         }
 
         if (
             this.formSubmissionFailureState &&
             this.stepsData[this.currentSequenceStep].formData
         ) {
-            const j2sCardStep = this.template.querySelectorAll(
+            const j2sCardStep = (this.template.querySelectorAll(
                 "dw-j2s-card-sequence-step"
-            ) as unknown as J2sCardSequenceStep[];
+            ) as unknown) as J2sCardSequenceStep[];
             j2sCardStep[this.currentSequenceStep]?.notifyFormSubmitFailure(
                 this.formSubmissionFailureState
             );
@@ -376,11 +374,9 @@ export default class J2sCardSequence extends LightningElement {
         if (andStoreIndex) {
             this.initialStepIndex = stepIndex; // update sessionStorage value
         }
-        (
-            this.template.querySelector(
-                "dx-step-sequence"
-            ) as unknown as StepSequence
-        )?.jumpToStep(stepIndex);
+        ((this.template.querySelector(
+            "dx-step-sequence"
+        ) as unknown) as StepSequence)?.jumpToStep(stepIndex);
     }
 
     private async getCountryList() {

package/src/modules/dw/j2sCardSequenceStep/j2sCardSequenceStep.css

@@ -6,7 +6,7 @@
 dx-card-step.final-card-with-action::part(footer-container) {
     background-color: var(--dx-g-indigo-vibrant-95);
     border-radius: 8px;
-    margin: 0 30px 30px 30px;
+    margin: 0 30px 30px;
 }
 
 [slot="secondary-action-section"] {
@@ -71,6 +71,6 @@ dx-card-step.final-card-with-action::part(footer-container) {
 @media screen and (max-width: 320px) {
     /* Special styling for the final step's actions if they are shown */
     dx-card-step.final-card-with-action::part(footer-container) {
-        margin: 0 20px 30px 20px;
+        margin: 0 20px 30px;
     }
 }

package/src/modules/dw/j2sCardSequenceStep/j2sCardSequenceStep.ts

@@ -16,9 +16,9 @@ export default class J2sCardSequenceStep extends LightningElement {
 
     @api
     public notifyFormSubmitFailure(formFailureData: Partial<DrmFormData>) {
-        (
-            this.template.querySelector("dw-j2s-form") as unknown as J2sForm
-        )?.notifySubmitFailure(formFailureData);
+        ((this.template.querySelector(
+            "dw-j2s-form"
+        ) as unknown) as J2sForm)?.notifySubmitFailure(formFailureData);
     }
 
     private isJ2sFormInvalid = false;
@@ -86,9 +86,9 @@ export default class J2sCardSequenceStep extends LightningElement {
         if (this.stepIndex === 0) {
             this.dispatchEvent(new CustomEvent("getstarted"));
         } else if (this.stepIndex === 1) {
-            const j2sFormEl = this.template.querySelector(
+            const j2sFormEl = (this.template.querySelector(
                 "dw-j2s-form"
-            ) as unknown as J2sForm;
+            ) as unknown) as J2sForm;
             const formData = j2sFormEl.formDataForDrm;
 
             // For some countries, explicit approvals will be present; for others, it is implicitly assumed
@@ -109,8 +109,9 @@ export default class J2sCardSequenceStep extends LightningElement {
 
     private updateStaticInnerHtml() {
         const { bodyHtml, secondaryActionHtml } = this.stepDatum;
-        const bodyMarkupContainer =
-            this.template.querySelector("span.body-markup");
+        const bodyMarkupContainer = this.template.querySelector(
+            "span.body-markup"
+        );
         const secondaryActionMarkupContainer = this.template.querySelector(
             "span.secondary-action-markup"
         );

package/src/modules/dw/j2sForm/j2sForm.ts

@@ -253,8 +253,10 @@ export default class J2sForm extends LightningElementWithState<J2sFormState> {
     handleFormFieldChange = (evt: CustomEvent) => {
         // Event target information must be read prior to debouncing; the target is gone after the debounce.
         const { target = {}, detail } = evt;
-        const { name: targetName, required: isRequiredField } =
-            target as HTMLInputElement;
+        const {
+            name: targetName,
+            required: isRequiredField
+        } = target as HTMLInputElement;
         const value =
             typeof detail === "string"
                 ? detail

package/src/modules/dw/j2sForm/mockProps.ts

@@ -3049,21 +3049,28 @@ const tbidUserInfo = {
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/Soap/m/42.0/herherwe0823",
         partner:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/Soap/u/42.0/herherwe0823",
-        rest: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/",
+        rest:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/",
         sobjects:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/sobjects/",
-        search: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/search/",
-        query: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/query/",
-        recent: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/recent/",
+        search:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/search/",
+        query:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/query/",
+        recent:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/recent/",
         tooling_soap:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/Soap/T/42.0/herherwe0823",
         tooling_rest:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/tooling/",
         profile:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/oooooo",
-        feeds: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/feeds",
-        groups: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/groups",
-        users: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/users",
+        feeds:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/feeds",
+        groups:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/groups",
+        users:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/users",
         feed_items:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/feed-elements",
         feed_elements:
@@ -3079,7 +3086,8 @@ export const formMetadata = {
         'I agree to the Journey to Salesforce Program Terms, subject to the <a href="http://www.google.com">Salesforce Program Agreement</a>.',
     notAvailableAlertInfo: {
         title: "Not Available",
-        body: 'The Journey to Salesforce program is not currently available in your country. See the <a href="https://www.google.com/">program FAQs</a> for a list of participating countries.'
+        body:
+            'The Journey to Salesforce program is not currently available in your country. See the <a href="https://www.google.com/">program FAQs</a> for a list of participating countries.'
     },
     participatingCountryCodes: ["US", "CA", "IN"]
 };

package/src/modules/dw/newsletterForm/newsletterForm.css

@@ -11,7 +11,7 @@
 
 h4 {
     font-size: 20px;
-    margin: 0 0 28px 0;
+    margin: 0 0 28px;
     text-align: center;
 }
 
@@ -55,7 +55,7 @@ dx-checkbox:last-of-type {
 .marketing-text,
 .legal-text {
     font-size: 14px;
-    margin: 0 0 16px 0;
+    margin: 0 0 16px;
 }
 
 @media screen and (max-width: 360px) {

package/src/modules/dw/podcastSubscription/podcastSubscription.css

@@ -5,8 +5,7 @@
     background-repeat: no-repeat;
     background-position: center;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     align-items: center;
     justify-content: center;
     text-align: center;
@@ -24,7 +23,7 @@
     }
 
     .badges {
-        margin: 8px auto 6px auto;
+        margin: 8px auto 6px;
         text-align: center;
     }
 
@@ -59,7 +58,7 @@
 
     .badges a {
         display: inline-block;
-        margin: 22px 13px 8px 13px;
+        margin: 22px 13px 8px;
     }
 
     .badges img {

package/src/modules/dw/slackCta/slackCta.css

@@ -4,8 +4,7 @@
 .container {
     background-repeat: no-repeat;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     align-items: center;
     justify-content: center;
     text-align: center;