@capillarytech/cap-ui-utils 1.3.6 → 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.6",
+  "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/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,
+};