@capillarytech/cap-ui-utils 1.3.3 → 1.3.5

package/index.js

@@ -1,4 +1,5 @@
 export { default as Auth } from './auth';
 export { default as GA } from './GA';
 export { default as multipleOrgSwitch } from './utils/multipleOrgSwitch';
-export { default as utilsSessionStorageApi } from './utils/utilsSessionStorageApi';
+export { default as utilsSessionStorageApi } from './utils/utilsSessionStorageApi';
+export { default as dateHelper } from './utils/date/dateHelper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-utils",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "Utility functions shared accross all the modules",
   "main": "index.js",
   "scripts": {
@@ -10,6 +10,8 @@
   "dependencies": {
     "react": "^16.13.0",
     "react-ga": "^2.7.0",
-    "tti-polyfill": "^0.2.2"
+    "tti-polyfill": "^0.2.2",
+    "moment-timezone": "^0.5.25",
+    "react-intl": "2.7.2"
   }
 }

package/utils/date/constants.js

@@ -0,0 +1,5 @@
+export const DATE_FORMAT = "DD/MM/YYYY";
+export const DATE_DISPLAY_FORMAT = "DD MMM YYYY";
+export const TIME_DISPLAY_FORMAT = "hh:mm a";
+
+export const STANDARD_DATE_FORMAT = 'YYYY-MM-DD';

package/utils/date/dateHelper.js

@@ -0,0 +1,157 @@
+import moment from "moment-timezone";
+import range from "lodash/range";
+import messages from "./messages";
+import * as constants from "./constants";
+
+const {
+  DATE_DISPLAY_FORMAT,
+  DATE_FORMAT,
+  TIME_DISPLAY_FORMAT,
+  STANDARD_DATE_FORMAT,
+} = constants;
+
+let _intl = {
+  formatMessage: () => {},
+  formatNumer: () => {},
+};
+
+export const initializeIntl = (intl) => {
+  _intl = intl;
+};
+
+export const isPreviousDate = (current) =>
+  current < moment().subtract(1, "days").endOf("day");
+
+export const getPreviousHours = (date) => {
+  const momentDate = date ? moment(date) : moment();
+  return range(momentDate.hour());
+};
+
+export const getPreviousMinutes = (date) => {
+  const momentDate = date ? moment(date) : moment();
+  return range(momentDate.minute());
+};
+
+export const disableDateRange = (startDate, endDate) => (current) =>
+  moment(endDate).endOf("day") < current ||
+  current < moment(startDate).startOf("day");
+
+export const getRelativeDay = (date) => {
+  const selectedFormat = "Do MMM";
+  const todayDate = moment().format(selectedFormat);
+  const yesterdayDate = moment().subtract(1, "days").format(selectedFormat);
+  const tomorrowDate = moment().add(1, "days").format(selectedFormat);
+
+  return moment(date).calendar(null, {
+    sameDay: `[${_intl.formatMessage(messages.today)}, ${todayDate}]`,
+    nextDay: `[${_intl.formatMessage(messages.tomorrow)}, ${tomorrowDate}]`,
+    lastDay: `[${_intl.formatMessage(messages.yesterday)}, ${yesterdayDate}]`,
+    sameElse: DATE_DISPLAY_FORMAT,
+    nextWeek: DATE_DISPLAY_FORMAT,
+    lastWeek: DATE_DISPLAY_FORMAT,
+  });
+};
+export const getEpochTimeStamp = ({
+  timezone,
+  date,
+  withMilliSeconds = true,
+}) => {
+  let method = "valueOf"; // Unix time in milliseconds: http://momentjs.com/docs/#/displaying/unix-timestamp-milliseconds/
+  if (!withMilliSeconds) {
+    method = "unix"; // unix time in seconds: http://momentjs.com/docs/#/displaying/unix-timestamp/
+  }
+  if (timezone) {
+    return moment(date).tz(timezone)[method](); //eslint-disable-line prettier/prettier
+  } else {
+    return moment(date)[method]();
+  }
+};
+
+/**
+ * Gives ISO day of the week with 1 being Monday and 7 being Sunday in numbers for org settings
+ * Org Monday = 0, Tuesday = 1, Wed = 2, Thur =3, Fri = 4, Sat = 5, Sun = 6
+ * @param weekDay
+ * @returns {number}
+ */
+export function getISOWeekDayNumberForOrgSetting(weekDay) {
+  if (isNaN(Number(weekDay)) || Number(weekDay) > 6 || Number(weekDay) < 0) {
+    return 1;
+  }
+  if (Number(weekDay) === 6) return 0; //to handle Sunday of this week and not next sunday
+  return Number(weekDay) + 1;
+}
+
+/**
+ * base date range for last period
+ * @param lastSyncDate
+ * @param baseFilter
+ * @param periodValue
+ * @param weekStart
+ * @returns {{start, end}}
+ */
+export function getDateRangeForPeriod(
+  lastSyncDate,
+  baseFilter,
+  periodValue,
+  weekStart = 0
+) {
+  const dateRange = {};
+  const now = moment(lastSyncDate);
+  if (baseFilter === "week") {
+    const weekStartDay = getISOWeekDayNumberForOrgSetting(weekStart);
+    const startOfWeek = now.clone().isoWeekday(weekStartDay);
+    if (startOfWeek.isAfter(now)) {
+      startOfWeek.subtract(1, "week");
+    }
+    dateRange.start = startOfWeek.clone().subtract(periodValue, baseFilter);
+    dateRange.end = startOfWeek.clone();
+  } else if (baseFilter === "month") {
+    dateRange.start = now.clone().subtract(periodValue, baseFilter);
+    dateRange.end = now.clone();
+  } else {
+    dateRange.start = moment()
+      .subtract(periodValue, baseFilter)
+      .startOf(baseFilter);
+    dateRange.end = now.clone();
+  }
+  return getFormattedDateRange(dateRange);
+}
+
+/**
+ * Return formatted values for start and end of date range
+ * @param dateRange
+ * @param dateFormat
+ * @returns {{start, end}}
+ */
+export function getFormattedDateRange(
+  dateRange,
+  dateFormat = STANDARD_DATE_FORMAT
+) {
+  return {
+    start: dateRange.start.clone().format(dateFormat),
+    end: dateRange.end.clone().format(dateFormat),
+  };
+}
+export const getDayDifference = (currentDate, compareDate) => {
+  // startDate, endDate can't be epoch time in seconds, as the parsing is different for that
+  const formattedCurrentDate = moment(currentDate).format(DATE_FORMAT);
+  const formattedCompareDate = moment(compareDate).format(DATE_FORMAT);
+  return moment(formattedCompareDate, DATE_FORMAT).diff(
+    moment(formattedCurrentDate, DATE_FORMAT),
+    "day"
+  );
+};
+
+export const msToDateFormat = (date) =>
+  moment(date).format(DATE_DISPLAY_FORMAT);
+
+export const msToTimeFormat = (date) =>
+  moment(date).format(TIME_DISPLAY_FORMAT);
+
+/* unix() function gives number of seconds since epoch time,
+  but for the api need to app number of days since epoch time.
+  so deviding number of seconds since epoch with number of seconds a day to get number of days since epoch
+  */
+
+export const getEpochDays = (date) =>
+  date && Math.floor(moment(date.clone()).unix() / 86400); // 86400 === number of seconds a day

package/utils/date/messages.js

@@ -0,0 +1,24 @@
+/*
+ * dateHelper Messages
+ *
+ * This contains all the text for the dateHelper.
+ */
+
+import { defineMessages } from "react-intl";
+
+export const scope = "uiUtils.utils.date.dateHelper";
+
+export default defineMessages({
+  today: {
+    id: `${scope}.today`,
+    defaultMessage: "Today",
+  },
+  tomorrow: {
+    id: `${scope}.tomorrow`,
+    defaultMessage: "Tomorrow",
+  },
+  yesterday: {
+    id: `${scope}.yesterday`,
+    defaultMessage: "Yesterday",
+  },
+});

package/utils/multipleOrgSwitch.js

@@ -11,7 +11,7 @@ const logNewTab = () => {
     saveItem(`tab_${hash}`, true);
 };
 
-const removeTabsFromStorage = (tabs) => {
+const removeTabsFromStorage = (tabs = {}) => {
     for (const key in tabs) {
       if (tabs.hasOwnProperty(key)) {
         clearItem(key);
@@ -32,7 +32,7 @@ const filterObjectByKeyName = (substring, object) => {
     return filteredObject;
 };
 
-const utilsGetOrgNameFromId = (orgId, proxyOrgList, defaultOrgID, defaultOrgName) => {
+const utilsGetOrgNameFromId = (orgId, proxyOrgList = [], defaultOrgID, defaultOrgName) => {
   const orgObj = proxyOrgList.find(proxyOrg => proxyOrg['orgID'] == orgId);
   const orgName = (orgObj && orgObj.orgName) || orgId;
   if (orgName === defaultOrgID){