@salesforcedevs/dx-components 0.0.0

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

@@ -0,0 +1,113 @@
+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) {
+            console.error("Value provided to RelativeDateTime is invalid");
+            return;
+        }
+
+        this._selectedDateTime = new Date(value);
+    }
+    get value() {
+        const relativeDateTimeInHours = this.formatDate(this._selectedDateTime);
+        this._relativeDateTime = this.getRelativeDateTimeAsString(
+            this._selectedDateTime,
+            relativeDateTimeInHours
+        );
+        return this._relativeDateTime;
+    }
+    get original() {
+        return this._selectedDateTime;
+    }
+
+    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 = "";
+        }
+        return suffix ? `${number} ${suffix}` : "";
+    }
+
+    pluralize(type: String, number: Number) {
+        return `${type}${number !== 1 ? "s" : ""}`;
+    }
+}