@salesforcedevs/dx-components 1.3.23 → 1.3.26

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.23",
+    "version": "1.3.26",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -38,5 +38,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "aa941f14d31057be79ae39dff3c20af85881853a"
+    "gitHead": "31be8a973c75cec3678c6ec7308fb6099b29d055"
 }

package/src/modules/dx/formattedDateTime/formattedDateTime.ts

@@ -1,4 +1,5 @@
 import { LightningElement, api } from "lwc";
+import { convertForDaylightSavings } from "dxUtils/dates";
 import {
     formattedDateDay,
     formattedDateHour,
@@ -11,8 +12,6 @@ import {
     formattedDateYear
 } from "typings/custom";
 
-import { DateTime } from "luxon";
-
 export default class FormattedDateTime extends LightningElement {
     @api weekday: formattedDateWeekday;
     @api year: formattedDateYear;
@@ -29,11 +28,7 @@ export default class FormattedDateTime extends LightningElement {
             return;
         }
 
-        this._unformattedDate = DateTime.fromISO(value)
-            .plus({
-                hour: 1
-            })
-            .toJSDate();
+        this._unformattedDate = convertForDaylightSavings(value).toJSDate();
 
         if (this._unformattedDate.toString() === "Invalid Date") {
             // this is a fix for Safari since it doesn't support date strings with 'yyyy/mm/dd' patterns

package/src/modules/dx/hr/hr.css

@@ -9,7 +9,6 @@ p,
 h2 {
     display: flex;
     flex-direction: row;
-    padding: 0 var(--dx-c-hr-padding-horizontal);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-sm);
     color: var(--dx-g-blue-vibrant-20);
@@ -42,7 +41,6 @@ dx-button {
     display: flex;
     width: 100%;
     text-transform: capitalize;
-    padding: 0 var(--dx-c-hr-padding-horizontal);
 }
 
 dx-button::before {

package/src/modules/dx/hr/hr.ts

@@ -7,6 +7,7 @@ export default class Hr extends LightningElement {
     @api href?: string | null;
     @api target: string | null = "_top";
     @api spacing: string | null = "2xl";
+    @api noPadding: boolean = false;
     @api variant: HrVariant | null = null;
 
     private get ariaRole() {
@@ -14,9 +15,14 @@ export default class Hr extends LightningElement {
     }
 
     private get style() {
-        return this.spacing
+        const spacing = this.spacing
             ? `margin: var(--dx-g-spacing-${this.spacing}) 0;`
             : "";
+        const padding = this.noPadding
+            ? ""
+            : "padding: 0 var(--dx-c-hr-padding-horizontal);";
+
+        return `${spacing}${padding}`;
     }
 
     private get isButtonVariant() {

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
+    );
+}