@capillarytech/cap-ui-utils 1.3.5 → 1.3.7

package/index.js

@@ -1,5 +1,7 @@
-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 dateHelper } from './utils/date/dateHelper';
+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 dateHelper } from "./utils/date/dateHelper";
+export { default as formatter } from "./utils/formatter";
+export { default as validationHelper } from "./utils/validationHelper";

package/package.json

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

package/utils/date/dateHelper.js

@@ -15,28 +15,28 @@ let _intl = {
   formatNumer: () => {},
 };
 
-export const initializeIntl = (intl) => {
+const initializeIntl = (intl) => {
   _intl = intl;
 };
 
-export const isPreviousDate = (current) =>
+const isPreviousDate = (current) =>
   current < moment().subtract(1, "days").endOf("day");
 
-export const getPreviousHours = (date) => {
+const getPreviousHours = (date) => {
   const momentDate = date ? moment(date) : moment();
   return range(momentDate.hour());
 };
 
-export const getPreviousMinutes = (date) => {
+const getPreviousMinutes = (date) => {
   const momentDate = date ? moment(date) : moment();
   return range(momentDate.minute());
 };
 
-export const disableDateRange = (startDate, endDate) => (current) =>
+const disableDateRange = (startDate, endDate) => (current) =>
   moment(endDate).endOf("day") < current ||
   current < moment(startDate).startOf("day");
 
-export const getRelativeDay = (date) => {
+const getRelativeDay = (date) => {
   const selectedFormat = "Do MMM";
   const todayDate = moment().format(selectedFormat);
   const yesterdayDate = moment().subtract(1, "days").format(selectedFormat);
@@ -51,11 +51,8 @@ export const getRelativeDay = (date) => {
     lastWeek: DATE_DISPLAY_FORMAT,
   });
 };
-export const getEpochTimeStamp = ({
-  timezone,
-  date,
-  withMilliSeconds = true,
-}) => {
+
+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/
@@ -73,7 +70,7 @@ export const getEpochTimeStamp = ({
  * @param weekDay
  * @returns {number}
  */
-export function getISOWeekDayNumberForOrgSetting(weekDay) {
+function getISOWeekDayNumberForOrgSetting(weekDay) {
   if (isNaN(Number(weekDay)) || Number(weekDay) > 6 || Number(weekDay) < 0) {
     return 1;
   }
@@ -89,7 +86,7 @@ export function getISOWeekDayNumberForOrgSetting(weekDay) {
  * @param weekStart
  * @returns {{start, end}}
  */
-export function getDateRangeForPeriod(
+function getDateRangeForPeriod(
   lastSyncDate,
   baseFilter,
   periodValue,
@@ -123,16 +120,14 @@ export function getDateRangeForPeriod(
  * @param dateFormat
  * @returns {{start, end}}
  */
-export function getFormattedDateRange(
-  dateRange,
-  dateFormat = STANDARD_DATE_FORMAT
-) {
+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) => {
+
+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);
@@ -142,16 +137,31 @@ export const getDayDifference = (currentDate, compareDate) => {
   );
 };
 
-export const msToDateFormat = (date) =>
-  moment(date).format(DATE_DISPLAY_FORMAT);
+const msToDateFormat = (date) => moment(date).format(DATE_DISPLAY_FORMAT);
 
-export const msToTimeFormat = (date) =>
-  moment(date).format(TIME_DISPLAY_FORMAT);
+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) =>
+const getEpochDays = (date) =>
   date && Math.floor(moment(date.clone()).unix() / 86400); // 86400 === number of seconds a day
+
+export default {
+  initializeIntl,
+  isPreviousDate,
+  getPreviousHours,
+  getPreviousMinutes,
+  disableDateRange,
+  getRelativeDay,
+  getEpochTimeStamp,
+  getISOWeekDayNumberForOrgSetting,
+  getDateRangeForPeriod,
+  getFormattedDateRange,
+  getDayDifference,
+  msToDateFormat,
+  msToTimeFormat,
+  getEpochDays,
+};

package/utils/date/messages.js

@@ -6,7 +6,7 @@
 
 import { defineMessages } from "react-intl";
 
-export const scope = "uiUtils.utils.date.dateHelper";
+export const scope = "uiCommonUtils.utils.date.dateHelper";
 
 export default defineMessages({
   today: {

package/utils/formatter.js

@@ -0,0 +1,122 @@
+import { isEmpty } from "lodash";
+import { isNegativeNumber } from "./validationHelper";
+
+const snakeCaseToCamelCase = (string) => {
+  const regex = /(\_\w)/g; //eslint-disable-line
+  const camelCaseString = string.replace(regex, (matches) =>
+    matches[1].toUpperCase()
+  );
+
+  return camelCaseString;
+};
+
+const camelize = (string = "") => {
+  const updatedString = string.replace(/[-_\s.]+(.)?/g, (_, c) =>
+    c ? c.toUpperCase() : ""
+  );
+  return updatedString.substr(0, 1).toLowerCase() + updatedString.substr(1);
+};
+
+function formatNumberWithSymbol(d, settings, currencySymbol, currencySettings) {
+  const applyDecimals =
+    settings && settings.decimals >= 0 ? settings.decimals : 2;
+  const type = (settings && settings.units) || "";
+  const isNegative = isNegativeNumber(d);
+  const numberSettings = getNumberRepresentation(currencySettings);
+  let num = d;
+  let formattedNumber = d;
+  if (isNegative) {
+    num = Math.abs(d);
+  }
+  let formatted = false;
+  const symbol = !isEmpty(currencySymbol) ? currencySymbol : "";
+  switch (type) {
+    case "currency":
+      for (let i = 0; i < numberSettings.length; i += 1) {
+        if (num >= numberSettings[i].value) {
+          const value = num / numberSettings[i].value;
+          formattedNumber = isNegative
+            ? truncateNumber(value, 2) * -1
+            : truncateNumber(value, 2);
+          formattedNumber = new Intl.NumberFormat().format(formattedNumber);
+          formattedNumber = `${symbol}${formattedNumber}${numberSettings[i].symbol}`;
+          formatted = true;
+          break;
+        }
+      }
+      if (!formatted) {
+        formattedNumber = isNegative
+          ? truncateNumber(num, applyDecimals) * -1
+          : truncateNumber(num, applyDecimals);
+        formattedNumber = new Intl.NumberFormat().format(formattedNumber);
+        formattedNumber = `${symbol}${formattedNumber}`;
+      }
+      break;
+    default:
+    case "number":
+      for (let i = 0; i < numberSettings.length; i += 1) {
+        if (num >= numberSettings[i].value) {
+          const value = num / numberSettings[i].value;
+          formattedNumber = isNegative
+            ? truncateNumber(value, 2) * -1
+            : truncateNumber(value, 2);
+          formattedNumber = new Intl.NumberFormat().format(formattedNumber);
+          formattedNumber = `${formattedNumber}${numberSettings[i].symbol}`;
+          formatted = true;
+          break;
+        }
+      }
+      if (!formatted) {
+        formattedNumber = isNegative
+          ? truncateNumber(num, applyDecimals) * -1
+          : truncateNumber(num, applyDecimals);
+        formattedNumber = new Intl.NumberFormat().format(formattedNumber);
+      }
+      break;
+    case "percent":
+      formattedNumber = new Intl.NumberFormat([], {
+        style: "percent",
+        minimumFractionDigits: 0,
+        maximumFractionDigits: applyDecimals,
+      }).format(formattedNumber / 100);
+      break;
+  }
+  return formattedNumber;
+}
+
+function getNumberRepresentation(currencySettings) {
+  const numberScaleType =
+    currencySettings && currencySettings.label ? currencySettings.label : "";
+  if (numberScaleType && numberScaleType.toUpperCase() === "INR") {
+    return numberScaleINR;
+  }
+  return numberScale;
+}
+
+const numberScale = [
+  { value: 1e12, symbol: "T" },
+  { value: 1e9, symbol: "B" },
+  { value: 1e6, symbol: "M" },
+  { value: 1e3, symbol: "K" },
+];
+
+const numberScaleINR = [
+  { value: 1e7, symbol: "Cr" },
+  { value: 1e5, symbol: "L" },
+  { value: 1e3, symbol: "K" },
+];
+
+function truncateNumber(num, places) {
+  const numPower = 10 ** places;
+  return Math.trunc(num * numPower) / numPower;
+}
+
+export default {
+  truncateNumber,
+  numberScaleINR,
+  numberScale,
+  getNumberRepresentation,
+  formatNumberWithSymbol,
+  camelize,
+  snakeCaseToCamelCase,
+};

package/utils/validationHelper.js

@@ -0,0 +1,52 @@
+import { isEmpty, isEqual, isString } from "lodash";
+
+const reduceValidators = ({ value, validatorFuncs, errorsMsgs }) => {
+  const validate = validatorFuncs.reduce(
+    (acc, func, index) => {
+      if (acc.isValid) {
+        const values = Array.isArray(value) ? value : [value];
+        const isValid = func.apply(null, values);
+        if (!isValid) {
+          return {
+            isValid: false,
+            errorMsg: errorsMsgs[index],
+          };
+        } else {
+          return acc;
+        }
+      } else {
+        // doing AND operation
+        return acc;
+      }
+    },
+    { errorMsg: "", isValid: true }
+  );
+  return validate;
+};
+const isFieldNotEmpty = (value) =>
+  typeof value === "number" ? value : !isEmpty(value);
+
+const areValuesNotEqual = (value1, value2) => !isEqual(value1, value2);
+
+const isPhoneNumber = (value) => {
+  const digitsRegex = new RegExp(/^\d+$/gi); //eslint-disable-line
+  return digitsRegex.test(value);
+};
+const isEmail = (value) => {
+  const emailRegex = new RegExp(
+    /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/ //eslint-disable-line
+  );
+  return emailRegex.test(value);
+};
+const isNegativeNumber = (value) => value < 0;
+const getBoolean = (value) => (isString(value) ? value === "true" : value);
+
+export default {
+  reduceValidators,
+  isFieldNotEmpty,
+  areValuesNotEqual,
+  isPhoneNumber,
+  isEmail,
+  isNegativeNumber,
+  getBoolean,
+};