@salesforcedevs/dx-components 1.3.53-alpha → 1.3.53

package/src/modules/dx/treeItem/treeItem.ts

@@ -1,7 +1,6 @@
 import { LightningElement, api } from "lwc";
 import { InternalTreeNode } from "typings/custom";
 import { track } from "dxUtils/analytics";
-import { SidebarGtmAction } from "typings/custom";
 import { isInViewport } from "dxUtils/browser";
 
 const DEFAULT_TARGET = "_self";
@@ -9,6 +8,7 @@ const DEFAULT_TARGET = "_self";
 export default class TreeItem extends LightningElement {
     @api selectedKey?: string;
     @api isRoot: boolean = false;
+    @api parentName?: string = "";
 
     @api
     public get treeNode() {
@@ -94,20 +94,28 @@ export default class TreeItem extends LightningElement {
     private onIconClick(event: CustomEvent): void {
         const isSelectAction = false;
         this.doExpand(isSelectAction);
-        this.sendGtm(event, this.isExpanded ? "expand" : "collapse");
+        this.sendGtm(event);
     }
 
-    private onLinkClick(event: Event): void {
-        if (!(this._treeNode.link && this._treeNode.link.href)) {
+    private preventDefaultLinkBehavior(event: Event) {
+        // prevent page refresh if href isn't present or link is already active
+        if (
+            !this._treeNode.link?.href ||
+            this._treeNode.link?.href === window.location.pathname
+        ) {
             event.preventDefault();
         }
+    }
+
+    private onLinkClick(event: Event): void {
+        this.preventDefaultLinkBehavior(event);
 
         if (this.isParent) {
             const isSelectAction = true;
             this.doExpand(isSelectAction);
         }
 
-        this.sendGtm(event, "click");
+        this.sendGtm(event);
         this.fireEvent("tileselected", { name: this._treeNode.name });
     }
 
@@ -137,10 +145,12 @@ export default class TreeItem extends LightningElement {
         this.isExpanded = value;
     }
 
-    private sendGtm(event: Event, sideNavAction: SidebarGtmAction) {
-        track(event.currentTarget!, "custEv_leftNavLinkClick", {
+    private sendGtm(event: Event) {
+        track(event.currentTarget!, "custEv_leftNavClick", {
+            navType: "left nav bar",
             clickText: this._treeNode.label,
-            sideNavAction
+            clickUrl: this.href,
+            navItem: this.parentName
         });
     }
 }

package/src/modules/dx/typeBadge/typeBadge.ts

@@ -149,8 +149,8 @@ export default class TypeBadge extends LightningElement {
     private get style(): string {
         if (this.dark) {
             return buildStyleColorVariables({
-                background: `--dx-g-${this.variantColorScope}-${this.variant}-color`,
-                color: `--dx-g-brand-default-color-background`
+                background: "--dx-g-purple-vibrant-40",
+                color: "--dx-g-brand-default-color-background"
             });
         }
         if (this.variantColorScope) {

package/src/modules/dxBaseElements/headerBase/headerBase.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { Brand, OptionWithLink, OptionWithNested } from "typings/custom";
-import { toJson } from "dxUtils/normalizers";
+import { toJson, normalizeBoolean } from "dxUtils/normalizers";
 import { track } from "dxUtils/analytics";
 
 const VALID_BRANDS = [
@@ -21,11 +21,11 @@ const VALID_BRANDS = [
 ];
 
 export const ANALYTICS_INFO = {
-    clickText: "Sign Up",
-    itemTitle: "Sign Up Header Button",
+    click_text: "Sign Up",
+    element_title: "Sign Up Header Button",
     elementType: "button",
-    destinationType: "internal",
-    ctaClick: true
+    element_type: "internal",
+    content_category: "cta"
 };
 
 export abstract class HeaderBase extends LightningElement {
@@ -42,7 +42,7 @@ export abstract class HeaderBase extends LightningElement {
     @api title: string = "Salesforce";
     @api version?: string | null = null;
     @api bannerMarkup =
-        'Thank you for visiting the Salesforce Developers website! <span><a href="https://forms.gle/oWYTbH9RvGyt9uxx7" target="blank">We value your feedback</a></span>';
+        '<span><a href="https://forms.gle/oWYTbH9RvGyt9uxx7" target="blank">Share your feedback</a>about our new site.</span>';
 
     @api
     get navItems() {
@@ -61,6 +61,15 @@ export abstract class HeaderBase extends LightningElement {
         this._versions = toJson(value);
     }
 
+    @api
+    get showBanner() {
+        return this._showBanner && this.bannerMarkup;
+    }
+
+    set showBanner(value) {
+        this._showBanner = normalizeBoolean(value);
+    }
+
     private _navItems!: OptionWithNested[];
     private _versions!: OptionWithLink[];
     private matchMedia!: MediaQueryList;
@@ -69,6 +78,7 @@ export abstract class HeaderBase extends LightningElement {
     private showMobileNavMenu: boolean = false;
     private showNavScrollShadow: boolean = false;
     protected isSearchOpen: boolean = false;
+    private _showBanner?: boolean = false;
 
     get url() {
         return this.href ? new URL(this.href!) : window.location;
@@ -191,9 +201,9 @@ export abstract class HeaderBase extends LightningElement {
     };
 
     private handleSignUpClick(e: PointerEvent) {
-        track(e.currentTarget!, "custEv_signupStart", {
+        track(e.currentTarget!, "custEv_browseTrialsClick", {
             ...ANALYTICS_INFO,
-            clickUrl: this.signupLink
+            click_url: this.signupLink
         });
     }
 

package/src/modules/dxHelpers/card/card.css

@@ -12,6 +12,10 @@
     --dx-c-body-max-lines: 6;
 }
 
+span {
+    word-break: break-word;
+}
+
 .dx-card-base {
     height: 100%;
 }

package/src/modules/dxHelpers/table/table.css

@@ -28,17 +28,13 @@ th {
     border-bottom: 3px solid var(--dx-g-indigo-vibrant-30);
 }
 
-td {
-    vertical-align: top;
-}
-
 tr th,
 tr td {
     text-align: left;
+    vertical-align: top;
 }
 
 table tbody tr td {
-    vertical-align: middle;
     border-bottom: 1px solid var(--dx-g-gray-90);
 }
 
@@ -96,11 +92,6 @@ td :is(.li, p, .p, dd) {
     font-size: var(--table-cell-text-base);
 }
 
-td :is(ul) {
-    font-size: var(--table-cell-text-base) !important;
-    margin-left: 0 !important;
-}
-
 td doc-content-callout :is(.li, p, .p, dd) {
     /* Override/reset for callouts -- see https://gus.lightning.force.com/lightning/r/ADM_Work__c/a07EE0000081MGTYA2/view */
     font-size: var(--dx-g-text-base);

package/src/modules/dxUtils/dates/dates.ts

@@ -1,3 +1,5 @@
+import { DateTime } from "luxon";
+
 const MONTHS = {
     January: 0,
     February: 1,
@@ -20,7 +22,6 @@ const MONTHS = {
         "January 2022": [ *array of dates for this month* ],
     }
 */
-
 export function sortSplittedPostsByMonth(postsByMonth: any) {
     const sortedPostsByMonth: { [key: string]: Array<{}> } = {};
 
@@ -58,3 +59,23 @@ export function sortSplittedPostsByMonth(postsByMonth: any) {
 
     return sortedPostsByMonth;
 }
+
+export function convertForDaylightSavings(
+    date: string,
+    zone: string = "local"
+) {
+    if (!hasDST(zone)) {
+        return DateTime.fromISO(date).setZone(zone);
+    }
+
+    return DateTime.fromISO(date).setZone(zone).isInDST
+        ? DateTime.fromISO(date).setZone(zone)
+        : DateTime.fromISO(date).setZone(zone).plus({ hour: 1 });
+}
+
+export function hasDST(zone: string = "local") {
+    return (
+        DateTime.fromISO("2022-01-01").setZone(zone).isInDST !==
+        DateTime.fromISO("2022-06-01").setZone(zone).isInDST
+    );
+}

package/src/modules/dxUtils/normalizers/normalizers.ts

@@ -58,9 +58,7 @@ export const normalizePost = ({
     body: description,
     datetime: date,
     href: url,
-    authorHref: get(authors, "[0].link"),
-    authorImgSrc: get(authors, "[0].avatar_urls.48"),
-    authorName: get(authors, "[0].name"),
+    authors: authors,
     imgAlt: "Blogpost image",
     imgSrc: featuredImage,
     id,

package/src/modules/dxUtils/prismjs/prismjs.ts

@@ -1,4 +1,5 @@
 /* eslint-disable */
+/* prettier-ignore */
 var commonjsGlobal =
     typeof globalThis !== "undefined"
         ? globalThis
@@ -32,11 +33,10 @@ function commonjsRequire() {
         "Dynamic requires are not currently supported by @rollup/plugin-commonjs"
     );
 }
-/* eslint-disable */
 //Start autogenerated code
 var prism = createCommonjsModule(function (module) {
-    /* PrismJS 1.28.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+apex+aspnet+bash+basic+c+csharp+cpp+css-extras+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+kotlin+markdown+markup-templating+php+phpdoc+php-extras+plsql+python+regex+sql+swift+typescript+typoscript+uri+vbnet+yaml&plugins=line-numbers+unescaped-markup+match-braces */
+    /* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+apex+aspnet+bash+basic+c+csharp+cpp+css-extras+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+kotlin+markdown+markup-templating+php+phpdoc+php-extras+plsql+python+jsx+regex+sql+swift+typescript+typoscript+uri+vbnet+yaml&plugins=line-numbers+unescaped-markup+match-braces */
     var _self =
             "undefined" != typeof window
                 ? window
@@ -1332,14 +1332,14 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
     !(function (e) {
         var t =
                 "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",
-            n = {
+            a = {
                 pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
                 lookbehind: !0,
                 alias: "punctuation",
                 inside: null
             },
-            a = {
-                bash: n,
+            n = {
+                bash: a,
                 environment: { pattern: RegExp("\\$" + t), alias: "constant" },
                 variable: [
                     {
@@ -1419,31 +1419,31 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                     pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: a
+                    inside: n
                 },
                 {
                     pattern:
                         /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: { bash: n }
+                    inside: { bash: a }
                 },
                 {
                     pattern:
                         /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: a
+                    inside: n
                 },
                 { pattern: /(^|[^$\\])'[^']*'/, lookbehind: !0, greedy: !0 },
                 {
                     pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                     greedy: !0,
-                    inside: { entity: a.entity }
+                    inside: { entity: n.entity }
                 }
             ],
             environment: { pattern: RegExp("\\$?" + t), alias: "constant" },
-            variable: a.variable,
+            variable: n.variable,
             function: {
                 pattern:
                     /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
@@ -1478,7 +1478,7 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                 lookbehind: !0
             }
         }),
-            (n.inside = e.languages.bash);
+            (a.inside = e.languages.bash);
         for (
             var s = [
                     "comment",
@@ -1497,13 +1497,14 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                     "punctuation",
                     "number"
                 ],
-                o = a.variable[1].inside,
+                o = n.variable[1].inside,
                 i = 0;
             i < s.length;
             i++
         )
             o[s[i]] = e.languages.bash[s[i]];
-        e.languages.shell = e.languages.bash;
+        (e.languages.sh = e.languages.bash),
+            (e.languages.shell = e.languages.bash);
     })(Prism);
     Prism.languages.basic = {
         comment: { pattern: /(?:!|REM\b).+/i, inside: { keyword: /^REM/i } },
@@ -3205,6 +3206,123 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
             "string-interpolation"
         ].inside.interpolation.inside.rest = Prism.languages.python),
         (Prism.languages.py = Prism.languages.python);
+    !(function (t) {
+        var n = t.util.clone(t.languages.javascript),
+            e = "(?:\\{<S>*\\.{3}(?:[^{}]|<BRACES>)*\\})";
+        function a(t, n) {
+            return (
+                (t = t
+                    .replace(/<S>/g, function () {
+                        return "(?:\\s|//.*(?!.)|/\\*(?:[^*]|\\*(?!/))\\*/)";
+                    })
+                    .replace(/<BRACES>/g, function () {
+                        return "(?:\\{(?:\\{(?:\\{[^{}]*\\}|[^{}])*\\}|[^{}])*\\})";
+                    })
+                    .replace(/<SPREAD>/g, function () {
+                        return e;
+                    })),
+                RegExp(t, n)
+            );
+        }
+        (e = a(e).source),
+            (t.languages.jsx = t.languages.extend("markup", n)),
+            (t.languages.jsx.tag.pattern = a(
+                "</?(?:[\\w.:-]+(?:<S>+(?:[\\w.:$-]+(?:=(?:\"(?:\\\\[^]|[^\\\\\"])*\"|'(?:\\\\[^]|[^\\\\'])*'|[^\\s{'\"/>=]+|<BRACES>))?|<SPREAD>))*<S>*/?)?>"
+            )),
+            (t.languages.jsx.tag.inside.tag.pattern = /^<\/?[^\s>\/]*/),
+            (t.languages.jsx.tag.inside["attr-value"].pattern =
+                /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/),
+            (t.languages.jsx.tag.inside.tag.inside["class-name"] =
+                /^[A-Z]\w*(?:\.[A-Z]\w*)*$/),
+            (t.languages.jsx.tag.inside.comment = n.comment),
+            t.languages.insertBefore(
+                "inside",
+                "attr-name",
+                { spread: { pattern: a("<SPREAD>"), inside: t.languages.jsx } },
+                t.languages.jsx.tag
+            ),
+            t.languages.insertBefore(
+                "inside",
+                "special-attr",
+                {
+                    script: {
+                        pattern: a("=<BRACES>"),
+                        alias: "language-javascript",
+                        inside: {
+                            "script-punctuation": {
+                                pattern: /^=(?=\{)/,
+                                alias: "punctuation"
+                            },
+                            rest: t.languages.jsx
+                        }
+                    }
+                },
+                t.languages.jsx.tag
+            );
+        var s = function (t) {
+                return t
+                    ? "string" == typeof t
+                        ? t
+                        : "string" == typeof t.content
+                        ? t.content
+                        : t.content.map(s).join("")
+                    : "";
+            },
+            g = function (n) {
+                for (var e = [], a = 0; a < n.length; a++) {
+                    var o = n[a],
+                        i = !1;
+                    if (
+                        ("string" != typeof o &&
+                            ("tag" === o.type &&
+                            o.content[0] &&
+                            "tag" === o.content[0].type
+                                ? "</" === o.content[0].content[0].content
+                                    ? e.length > 0 &&
+                                      e[e.length - 1].tagName ===
+                                          s(o.content[0].content[1]) &&
+                                      e.pop()
+                                    : "/>" ===
+                                          o.content[o.content.length - 1]
+                                              .content ||
+                                      e.push({
+                                          tagName: s(o.content[0].content[1]),
+                                          openedBraces: 0
+                                      })
+                                : e.length > 0 &&
+                                  "punctuation" === o.type &&
+                                  "{" === o.content
+                                ? e[e.length - 1].openedBraces++
+                                : e.length > 0 &&
+                                  e[e.length - 1].openedBraces > 0 &&
+                                  "punctuation" === o.type &&
+                                  "}" === o.content
+                                ? e[e.length - 1].openedBraces--
+                                : (i = !0)),
+                        (i || "string" == typeof o) &&
+                            e.length > 0 &&
+                            0 === e[e.length - 1].openedBraces)
+                    ) {
+                        var r = s(o);
+                        a < n.length - 1 &&
+                            ("string" == typeof n[a + 1] ||
+                                "plain-text" === n[a + 1].type) &&
+                            ((r += s(n[a + 1])), n.splice(a + 1, 1)),
+                            a > 0 &&
+                                ("string" == typeof n[a - 1] ||
+                                    "plain-text" === n[a - 1].type) &&
+                                ((r = s(n[a - 1]) + r),
+                                n.splice(a - 1, 1),
+                                a--),
+                            (n[a] = new t.Token("plain-text", r, null, r));
+                    }
+                    o.content && "string" != typeof o.content && g(o.content);
+                }
+            };
+        t.hooks.add("after-tokenize", function (t) {
+            ("jsx" !== t.language && "tsx" !== t.language) || g(t.tokens);
+        });
+    })(Prism);
     !(function (a) {
         var e = { pattern: /\\[\\(){}[\]^$+*?|.]/, alias: "escape" },
             n =