@salesforcedevs/dx-components 1.3.321 → 1.3.322

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.321",
+    "version": "1.3.322",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -46,5 +46,5 @@
     "volta": {
         "node": "16.19.1"
     },
-    "gitHead": "284f6c7c36422426de5d8167dcf1f4d88742c9ff"
+    "gitHead": "489fc5c1b1cc01080269de7a82f462e12fca8966"
 }

package/src/modules/dx/relativeDateTime/relativeDateTime.ts

@@ -1,12 +1,6 @@
 import { LightningElement, api } from "lwc";
 
 export default class RelativeDateTime extends LightningElement {
-    @api messageWhenHoursPast: String = "";
-    @api messageWhenDaysPast: String = "";
-    @api messageWhenWeeksPast: String = "";
-    @api messageWhenMonthsPast: String = "";
-    @api messageWhenYearsPast: String = "";
-
     @api
     set value(value) {
         if (!value) {
@@ -14,102 +8,35 @@ export default class RelativeDateTime extends LightningElement {
             return;
         }
 
-        this._selectedDateTime = new Date(value);
+        this._inputDateTime = new Date(value);
     }
     get value() {
-        const relativeDateTimeInHours = this.formatDate(
-            this._selectedDateTime!
-        );
-        this._relativeDateTime = this.getRelativeDateTimeAsString(
-            this._selectedDateTime!,
-            relativeDateTimeInHours
+        this._relativeDateTime = this.getFormattedDateTime(
+            this._inputDateTime!
         );
         return this._relativeDateTime;
     }
     get original() {
-        return this._selectedDateTime;
+        return this._inputDateTime?.toLocaleString();
     }
 
+    private _inputDateTime?: Date;
     private _relativeDateTime?: string;
-    private _selectedDateTime?: Date;
-
-    formatDate(selectedDateTime: Date) {
-        const currentDateTime = new Date();
-        const relativeDateTimeInHours = this.getDifferenceInHours(
-            selectedDateTime,
-            currentDateTime
-        );
-        return relativeDateTimeInHours;
-    }
-
-    getDifferenceInHours(selectedDateTime: Date, currentDateTime: Date) {
-        const milliseconds = Math.abs(+selectedDateTime - +currentDateTime);
-        const hours = Math.floor(milliseconds / 36e5);
-        return hours;
-    }
-
-    getRelativeDateTimeAsString(
-        selectedDateTime: Date,
-        relativeDateTimeInHours: number
-    ) {
-        const daysPast = Math.floor(+relativeDateTimeInHours / 24);
-        const weeksPast = Math.floor(+daysPast / 7);
-        const monthsPast = Math.floor(+daysPast / 30);
-        const yearsPast = Math.floor(+monthsPast / 12);
-        if (yearsPast >= 1) {
-            return this.timeLabel("year", yearsPast);
-        } else if (monthsPast <= 11 && monthsPast >= 1) {
-            return this.timeLabel("month", monthsPast);
-        } else if (monthsPast < 1 && daysPast >= 7) {
-            return this.timeLabel("week", weeksPast);
-        } else if (daysPast <= 7 && daysPast >= 1) {
-            return this.timeLabel("day", daysPast);
-        } else if (relativeDateTimeInHours < 24) {
-            return this.timeLabel("hour", relativeDateTimeInHours);
-        }
-        return "";
-    }
 
-    timeLabel(type: String, number: Number) {
-        let suffix: String = "";
-        switch (type) {
-            case "hour": {
-                suffix =
-                    this.messageWhenHoursPast ||
-                    `${this.pluralize(type, number)} ago`;
-                break;
-            }
-            case "day": {
-                suffix =
-                    this.messageWhenDaysPast ||
-                    `${this.pluralize(type, number)} ago`;
-                break;
-            }
-            case "week": {
-                suffix =
-                    this.messageWhenWeeksPast ||
-                    `${this.pluralize(type, number)} ago`;
-                break;
-            }
-            case "month": {
-                suffix =
-                    this.messageWhenMonthsPast ||
-                    `${this.pluralize(type, number)} ago`;
-                break;
-            }
-            case "year": {
-                suffix =
-                    this.messageWhenYearsPast ||
-                    `${this.pluralize(type, number)} ago`;
-                break;
-            }
-            default:
-                suffix = "";
+    getFormattedDateTime(inputDateTime: Date) {
+        const now = new Date();
+        const yesterday = new Date(
+            now.getTime() - 24 * 60 * 60 * 1000
+        ).toLocaleDateString();
+        const twoDaysAgo = new Date(
+            now.getTime() - 48 * 60 * 60 * 1000
+        ).toLocaleDateString();
+        const dateStringFromInput = inputDateTime?.toLocaleDateString();
+        if (dateStringFromInput === yesterday) {
+            return "1 day ago";
+        } else if (dateStringFromInput === twoDaysAgo) {
+            return "2 days ago";
         }
-        return suffix ? `${number} ${suffix}` : "";
-    }
-
-    pluralize(type: String, number: Number) {
-        return `${type}${number !== 1 ? "s" : ""}`;
+        return dateStringFromInput;
     }
 }