@bigbinary/neeto-commons-frontend 2.0.4 → 2.0.5

package/README.md

@@ -7,7 +7,7 @@ The commons frontend library for Neeto Applications.
 Install from npm:
 
 ```bash
-yarn add "@bigbinary/neeto-commons-frontend@2.0.4"
+yarn add "@bigbinary/neeto-commons-frontend@2.0.5"
 ```
 
 This package relies on the host project's tailwind configuration. So add

package/initializers.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ramda = require('ramda');
 var neetoui = require('@bigbinary/neetoui');
 var axios = require('axios');
 var i18next = require('i18next');
-var mixpanel = require('mixpanel-browser');
+var ramda = require('ramda');
 var reactI18next = require('react-i18next');
+var mixpanel = require('mixpanel-browser');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,6 +25,21 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -161,28 +176,6 @@ var matches = ramda.curry(function (pattern, object) {
   });
 });
 
-function initializeGlobalProps() {
-  var _document$getElements, _document$getElements2;
-
-  window.globalProps = keysToCamelCase(JSON.parse(((_document$getElements = document.getElementsByClassName("root-container")[0]) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements.dataset) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.reactProps) || "{}"));
-  deepFreezeObject(window.globalProps);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 var HEADERS_KEYS = {
   xAuthEmail: "X-Auth-Email",
   xAuthToken: "X-Auth-Token",
@@ -280,6 +273,10 @@ var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(e
 };
 
 var showErrorToastr = function showErrorToastr(error) {
+  var _error$config$showToa = error.config.showToastr,
+      showToastr = _error$config$showToa === void 0 ? true : _error$config$showToa;
+  if (!showToastr) return error;
+
   if (axios__default["default"].isCancel(error)) {
     neetoui.Toastr.error(i18next__default["default"].t("neetoCommons.toastr.error.requestCanceled"));
   } else if (error.message === "Network Error") {
@@ -353,26 +350,11 @@ function initializeAxios(skip) {
   if (shouldNot(skip === null || skip === void 0 ? void 0 : skip.interceptors)) registerIntercepts(skip === null || skip === void 0 ? void 0 : skip.interceptors);
 }
 
-function initializeMixPanel() {
-  var isProduction = process.env.NODE_ENV === "production";
-  var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
-  var isUserLoggedIn = !ramda.either(ramda.isEmpty, ramda.isNil)(globalProps.user);
+function initializeGlobalProps() {
+  var _document$getElements, _document$getElements2;
 
-  if (isProduction && isTokenPresent && isUserLoggedIn) {
-    mixpanel__default["default"].init(process.env.MIXPANEL_TOKEN || "");
-    mixpanel__default["default"].people.set({
-      $email: globalProps.user.email,
-      $fist_name: globalProps.user.firstName,
-      $last_name: globalProps.user.lastName
-    });
-    mixpanel__default["default"].identify(globalProps.user.email);
-  } else {
-    /*
-    We need to initialize mixpanel with a bogus token in development and test environment to
-    prevent mixpanel library from throwing an error when we use mixpanel.track() method in react components.
-    */
-    mixpanel__default["default"].init("TEST_TOKEN");
-  }
+  window.globalProps = keysToCamelCase(JSON.parse(((_document$getElements = document.getElementsByClassName("root-container")[0]) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements.dataset) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.reactProps) || "{}"));
+  deepFreezeObject(window.globalProps);
 }
 
 var neetoCommons = {
@@ -430,6 +412,28 @@ var initializeI18n = function initializeI18n(resources) {
   });
 };
 
+function initializeMixPanel() {
+  var isProduction = process.env.NODE_ENV === "production";
+  var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
+  var isUserLoggedIn = !ramda.either(ramda.isEmpty, ramda.isNil)(globalProps.user);
+
+  if (isProduction && isTokenPresent && isUserLoggedIn) {
+    mixpanel__default["default"].init(process.env.MIXPANEL_TOKEN || "");
+    mixpanel__default["default"].people.set({
+      $email: globalProps.user.email,
+      $fist_name: globalProps.user.firstName,
+      $last_name: globalProps.user.lastName
+    });
+    mixpanel__default["default"].identify(globalProps.user.email);
+  } else {
+    /*
+    We need to initialize mixpanel with a bogus token in development and test environment to
+    prevent mixpanel library from throwing an error when we use mixpanel.track() method in react components.
+    */
+    mixpanel__default["default"].init("TEST_TOKEN");
+  }
+}
+
 exports.globalProps = {};
 function initializeApplication(_ref) {
   var translationResources = _ref.translationResources,

package/initializers.js

@@ -1,9 +1,9 @@
-import { curry, isNil, values, evolve, omit, modify, either, isEmpty, mergeDeepLeft } from 'ramda';
 import { Toastr } from '@bigbinary/neetoui';
 import axios from 'axios';
 import i18next from 'i18next';
-import mixpanel from 'mixpanel-browser';
+import { curry, isNil, values, evolve, omit, modify, mergeDeepLeft, either, isEmpty } from 'ramda';
 import { initReactI18next } from 'react-i18next';
+import mixpanel from 'mixpanel-browser';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -15,6 +15,21 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -151,28 +166,6 @@ var matches = curry(function (pattern, object) {
   });
 });
 
-function initializeGlobalProps() {
-  var _document$getElements, _document$getElements2;
-
-  window.globalProps = keysToCamelCase(JSON.parse(((_document$getElements = document.getElementsByClassName("root-container")[0]) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements.dataset) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.reactProps) || "{}"));
-  deepFreezeObject(window.globalProps);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 var HEADERS_KEYS = {
   xAuthEmail: "X-Auth-Email",
   xAuthToken: "X-Auth-Token",
@@ -270,6 +263,10 @@ var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(e
 };
 
 var showErrorToastr = function showErrorToastr(error) {
+  var _error$config$showToa = error.config.showToastr,
+      showToastr = _error$config$showToa === void 0 ? true : _error$config$showToa;
+  if (!showToastr) return error;
+
   if (axios.isCancel(error)) {
     Toastr.error(i18next.t("neetoCommons.toastr.error.requestCanceled"));
   } else if (error.message === "Network Error") {
@@ -343,26 +340,11 @@ function initializeAxios(skip) {
   if (shouldNot(skip === null || skip === void 0 ? void 0 : skip.interceptors)) registerIntercepts(skip === null || skip === void 0 ? void 0 : skip.interceptors);
 }
 
-function initializeMixPanel() {
-  var isProduction = process.env.NODE_ENV === "production";
-  var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
-  var isUserLoggedIn = !either(isEmpty, isNil)(globalProps.user);
+function initializeGlobalProps() {
+  var _document$getElements, _document$getElements2;
 
-  if (isProduction && isTokenPresent && isUserLoggedIn) {
-    mixpanel.init(process.env.MIXPANEL_TOKEN || "");
-    mixpanel.people.set({
-      $email: globalProps.user.email,
-      $fist_name: globalProps.user.firstName,
-      $last_name: globalProps.user.lastName
-    });
-    mixpanel.identify(globalProps.user.email);
-  } else {
-    /*
-    We need to initialize mixpanel with a bogus token in development and test environment to
-    prevent mixpanel library from throwing an error when we use mixpanel.track() method in react components.
-    */
-    mixpanel.init("TEST_TOKEN");
-  }
+  window.globalProps = keysToCamelCase(JSON.parse(((_document$getElements = document.getElementsByClassName("root-container")[0]) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements.dataset) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.reactProps) || "{}"));
+  deepFreezeObject(window.globalProps);
 }
 
 var neetoCommons = {
@@ -420,6 +402,28 @@ var initializeI18n = function initializeI18n(resources) {
   });
 };
 
+function initializeMixPanel() {
+  var isProduction = process.env.NODE_ENV === "production";
+  var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
+  var isUserLoggedIn = !either(isEmpty, isNil)(globalProps.user);
+
+  if (isProduction && isTokenPresent && isUserLoggedIn) {
+    mixpanel.init(process.env.MIXPANEL_TOKEN || "");
+    mixpanel.people.set({
+      $email: globalProps.user.email,
+      $fist_name: globalProps.user.firstName,
+      $last_name: globalProps.user.lastName
+    });
+    mixpanel.identify(globalProps.user.email);
+  } else {
+    /*
+    We need to initialize mixpanel with a bogus token in development and test environment to
+    prevent mixpanel library from throwing an error when we use mixpanel.track() method in react components.
+    */
+    mixpanel.init("TEST_TOKEN");
+  }
+}
+
 var globalProps$1 = {};
 function initializeApplication(_ref) {
   var translationResources = _ref.translationResources,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/pure.d.ts

@@ -1,23 +1,24 @@
-export type ObjectAndPrimitives =
-  | object
-  | symbol
-  | string
-  | number
-  | boolean
-  | null
-  | undefined;
-
-type MatchPattern<Obj = any, Parent = Obj> = {
-  [key in keyof Partial<Obj>]:
-    | ((object: Obj[key], parent: Parent) => boolean)
-    | MatchPattern<Obj[key], Parent>
-    | ObjectAndPrimitives;
-} & {
-  [key: string | number | symbol]:
-    | ((object: any, parent: Parent) => boolean)
-    | MatchPattern<any, Parent>
-    | ObjectAndPrimitives;
-};
+export type Primitives = symbol | string | number | boolean | null | undefined;
+export type ObjectAndPrimitives = Primitives | object;
+type KeyType = string | number | symbol;
+
+type Matchable<Obj, Parent, key extends keyof Obj> =
+  | ((object: Obj[key], parent: Parent) => boolean)
+  | MatchPattern<Obj[key], Parent>
+  | Primitives;
+
+type MatchPattern<Obj = any, Parent = Obj> = Obj extends any[]
+  ?
+      | Matchable<Obj, Parent, number>[]
+      | { [key: number]: Matchable<Obj, Parent, number> }
+  : Obj extends Primitives
+  ? Obj
+  :
+      | {
+          [key in keyof Partial<Obj>]: Matchable<Obj, Parent, key>;
+        } & {
+          [key: KeyType]: Matchable<any, Parent, KeyType>;
+        };
 
 export function camelToSnakeCase(string: string): string;
 export function capitalize(string: string): string;

package/react-utils.cjs.js

@@ -74,20 +74,6 @@ var SvgFallbackComponent = function SvgFallbackComponent(props) {
   })));
 };
 
-react.Honeybadger.beforeNotify(function (notice) {
-  return !/ResizeObserver/.test(notice.message);
-});
-var honeybadger = react.Honeybadger.configure({
-  apiKey: globalProps.honeybadgerApiKey,
-  environment: globalProps.nodeEnv,
-  revision: globalProps.honeybadgerRevision,
-  developmentEnvironments: ["development", "test"],
-  enableUncaught: true,
-  async: true,
-  breadcrumbsEnabled: true,
-  projectRoot: "webpack:///./"
-});
-
 var FallbackComponent = function FallbackComponent() {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
@@ -114,7 +100,7 @@ var FallbackComponent = function FallbackComponent() {
     style: "primary",
     size: "large",
     onClick: function onClick() {
-      return window.location.reload(false);
+      return window.location.reload();
     },
     label: t("neetoCommons.fallbackComponent.reload")
   }))));
@@ -124,6 +110,19 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
       _ref$ErrorComponent = _ref.ErrorComponent,
       ErrorComponent = _ref$ErrorComponent === void 0 ? FallbackComponent : _ref$ErrorComponent;
+  react.Honeybadger.beforeNotify(function (notice) {
+    return !/ResizeObserver/.test(notice.message);
+  });
+  var honeybadger = react.Honeybadger.configure({
+    apiKey: globalProps.honeybadgerApiKey,
+    environment: globalProps.nodeEnv,
+    revision: globalProps.honeybadgerRevision,
+    developmentEnvironments: ["development", "test"],
+    enableUncaught: true,
+    async: true,
+    breadcrumbsEnabled: true,
+    projectRoot: "webpack:///./"
+  });
   return /*#__PURE__*/React__default["default"].createElement(react.HoneybadgerErrorBoundary, {
     honeybadger: honeybadger,
     ErrorComponent: ErrorComponent

package/react-utils.d.ts

@@ -1,22 +1,17 @@
 import { AvatarProps } from "@bigbinary/neetoui";
-import {
-  LinkType,
-  NavLinkItemType,
-  SidebarProps,
-} from "@bigbinary/neetoui/layouts";
+import { LinkType, NavLinkItemType } from "@bigbinary/neetoui/layouts";
 import React from "react";
+import { RouteProps } from "react-router-dom";
 import { ObjectAndPrimitives } from "./pure";
 
 export const HoneybadgerErrorBoundary: React.FC<{
-  ErrorComponent?: React.ReactNode;
+  ErrorComponent?: React.ReactNode | React.ComponentType<any>;
 }>;
-export function PrivateRoute<Component extends JSX.Element>(
+export function PrivateRoute(
   props: {
-    component: Component;
     condition: boolean;
-    path: string;
     redirectRoute: string;
-  } & { [key in keyof Component]: Component[key] }
+  } & RouteProps
 ): JSX.Element;
 export const Sidebar: React.FC<{
   navLinks: NavLinkItemType[];

package/react-utils.js

@@ -45,20 +45,6 @@ var SvgFallbackComponent = function SvgFallbackComponent(props) {
   })));
 };
 
-Honeybadger.beforeNotify(function (notice) {
-  return !/ResizeObserver/.test(notice.message);
-});
-var honeybadger = Honeybadger.configure({
-  apiKey: globalProps.honeybadgerApiKey,
-  environment: globalProps.nodeEnv,
-  revision: globalProps.honeybadgerRevision,
-  developmentEnvironments: ["development", "test"],
-  enableUncaught: true,
-  async: true,
-  breadcrumbsEnabled: true,
-  projectRoot: "webpack:///./"
-});
-
 var FallbackComponent = function FallbackComponent() {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -85,7 +71,7 @@ var FallbackComponent = function FallbackComponent() {
     style: "primary",
     size: "large",
     onClick: function onClick() {
-      return window.location.reload(false);
+      return window.location.reload();
     },
     label: t("neetoCommons.fallbackComponent.reload")
   }))));
@@ -95,6 +81,19 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
       _ref$ErrorComponent = _ref.ErrorComponent,
       ErrorComponent = _ref$ErrorComponent === void 0 ? FallbackComponent : _ref$ErrorComponent;
+  Honeybadger.beforeNotify(function (notice) {
+    return !/ResizeObserver/.test(notice.message);
+  });
+  var honeybadger = Honeybadger.configure({
+    apiKey: globalProps.honeybadgerApiKey,
+    environment: globalProps.nodeEnv,
+    revision: globalProps.honeybadgerRevision,
+    developmentEnvironments: ["development", "test"],
+    enableUncaught: true,
+    async: true,
+    breadcrumbsEnabled: true,
+    projectRoot: "webpack:///./"
+  });
   return /*#__PURE__*/React__default.createElement(HoneybadgerErrorBoundary$1, {
     honeybadger: honeybadger,
     ErrorComponent: ErrorComponent