feat: upgrade the blueprint core and datetitme.

package-lock.json

@@ -1,6 +1,6 @@
 {
-  "name": "client",
+  "name": "bigcapital-client",
-  "version": "0.1.0",
+  "version": "1.2.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1038,12 +1038,18 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@blueprintjs/colors": {
+      "version": "5.0.0-alpha.0",
+      "resolved": "http://176.58.99.106:4873/@blueprintjs%2fcolors/-/colors-5.0.0-alpha.0.tgz",
+      "integrity": "sha512-TsYKtsT7K+ok14GYWheBfkQxqMRGd6M3cnJ1Ge/nitNzIzmYiydKhOb7KBV0xnRNHlDKGuXSEdnsylAlRgSoIQ=="
+    },
     "@blueprintjs/core": {
-      "version": "3.38.1",
+      "version": "3.50.2",
-      "resolved": "https://registry.npmjs.org/@blueprintjs/core/-/core-3.38.1.tgz",
+      "resolved": "http://176.58.99.106:4873/@blueprintjs%2fcore/-/core-3.50.2.tgz",
-      "integrity": "sha512-ZBqVfMgeIrXiuprsRxBnLM/MPgPSCRf27uckyhMFHRocyEtFS7zrOGmQeJb1Va0nZ/ufNsYk7EiHVxulb1KkSg==",
+      "integrity": "sha512-BLvm7kx46/wfdVJa2dyvpp14nLYb4RwrhR+RtPU8L+UF5O891QY2iE9fOqmUenk/qeTbsPe3wsfLYDA7HszWNQ==",
       "requires": {
-        "@blueprintjs/icons": "^3.24.0",
+        "@blueprintjs/colors": "^5.0.0-alpha.0",
+        "@blueprintjs/icons": "^3.30.1",
         "@types/dom4": "^2.0.1",
         "classnames": "^2.2",
         "dom4": "^2.1.5",
@@ -1058,7 +1064,7 @@
       "dependencies": {
         "dom-helpers": {
           "version": "3.4.0",
-          "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-3.4.0.tgz",
+          "resolved": "http://176.58.99.106:4873/dom-helpers/-/dom-helpers-3.4.0.tgz",
           "integrity": "sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==",
           "requires": {
             "@babel/runtime": "^7.1.2"
@@ -1066,7 +1072,7 @@
         },
         "react-transition-group": {
           "version": "2.9.0",
-          "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
+          "resolved": "http://176.58.99.106:4873/react-transition-group/-/react-transition-group-2.9.0.tgz",
           "integrity": "sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==",
           "requires": {
             "dom-helpers": "^3.4.0",
@@ -1077,33 +1083,34 @@
         },
         "tslib": {
           "version": "1.13.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
+          "resolved": "http://176.58.99.106:4873/tslib/-/tslib-1.13.0.tgz",
           "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
         }
       }
     },
     "@blueprintjs/datetime": {
-      "version": "3.15.2",
+      "version": "3.23.12",
-      "resolved": "https://registry.npmjs.org/@blueprintjs/datetime/-/datetime-3.15.2.tgz",
+      "resolved": "http://176.58.99.106:4873/@blueprintjs%2fdatetime/-/datetime-3.23.12.tgz",
-      "integrity": "sha512-FQw1BqbO9RBKzLWiXHkSVFxyGFRXHaugG5ST4go+p2IibrxuRDjD6YvrFXo+FLEzi+MsftMo6FkPNm2xApfmHw==",
+      "integrity": "sha512-rNYU+ezTOEBWStuUuns0dfrT85mOeApBkb1WwhaF/wgNnl9alvvx98ej4jad7qYtPIXd8cb2tZRmC9G5D9CuaQ==",
       "requires": {
-        "@blueprintjs/core": "^3.23.0",
+        "@blueprintjs/core": "^3.50.2",
         "classnames": "^2.2",
-        "react-day-picker": "7.3.2",
+        "react-day-picker": "7.4.9",
-        "tslib": "~1.9.0"
+        "react-lifecycles-compat": "^3.0.4",
+        "tslib": "~1.13.0"
       },
       "dependencies": {
         "tslib": {
-          "version": "1.9.3",
+          "version": "1.13.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.3.tgz",
+          "resolved": "http://176.58.99.106:4873/tslib/-/tslib-1.13.0.tgz",
-          "integrity": "sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ=="
+          "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
         }
       }
     },
     "@blueprintjs/icons": {
-      "version": "3.24.0",
+      "version": "3.30.1",
-      "resolved": "https://registry.npmjs.org/@blueprintjs/icons/-/icons-3.24.0.tgz",
+      "resolved": "http://176.58.99.106:4873/@blueprintjs%2ficons/-/icons-3.30.1.tgz",
-      "integrity": "sha512-OvDDI5EUueS1Y3t594iS8LAGoHhLhYjC2GuN/01a85n+ASLSp0jf0/+uix2JeCOj41iTdRRCINbWuRwVQNNGPw==",
+      "integrity": "sha512-Y15u+B/+N51oLwOkZg5uQ5tkGCMLXfMhf2iRBIr6t3OBkCGoc9C61a7VeII5EDC8fjKlh9MewVbLuFIIEbUP8g==",
       "requires": {
         "classnames": "^2.2",
         "tslib": "~1.13.0"
@@ -12354,9 +12361,9 @@
       "integrity": "sha512-djJUgGNze7YdWzJA1kYO1eKXAMpP+Z4sMulmEuTVi6vEXzfuQCJs6yD8hhgWj23vvJPZL5b8NyabxteyF8Hq/g=="
     },
     "react-day-picker": {
-      "version": "7.3.2",
+      "version": "7.4.9",
-      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-7.3.2.tgz",
+      "resolved": "http://176.58.99.106:4873/react-day-picker/-/react-day-picker-7.4.9.tgz",
-      "integrity": "sha512-mij2j2Un/v2V2ow+hf/hFBMdl6Eis/C/YhBtlI6Xpbvh3Q6WMix78zEkCdw6i9GldafOrpnupWKofv/h5oSI4g==",
+      "integrity": "sha512-CcXf0p7p6gTYnG0+n/4wNGljZuQDXl4HhgcxsXB0nX+8D4LnRho9EclPA/aLz4WlvvVpfY+AEgj2ylgPj4nm/g==",
       "requires": {
         "prop-types": "^15.6.2"
       }

package.json

@@ -4,8 +4,8 @@
   "private": true,
   "dependencies": {
     "@babel/core": "7.8.4",
-    "@blueprintjs/core": "^3.38.1",
+    "@blueprintjs/core": "^3.50.2",
-    "@blueprintjs/datetime": "^3.15.2",
+    "@blueprintjs/datetime": "^3.23.12",
     "@blueprintjs/popover2": "^0.11.1",
     "@blueprintjs/select": "^3.11.2",
     "@blueprintjs/table": "^3.8.3",

src/components/App.js

@@ -3,18 +3,46 @@ import { Router, Switch, Route } from 'react-router';
 import { createBrowserHistory } from 'history';
 import { QueryClientProvider, QueryClient } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
+import { ConfigProvider } from '@blueprintjs/core';
 
 import 'style/App.scss';
 import 'moment/locale/ar-ly';
-import 'moment/locale/es-us'
+import 'moment/locale/es-us';
 
 import AppIntlLoader from './AppIntlLoader';
 import PrivateRoute from 'components/Guards/PrivateRoute';
 import GlobalErrors from 'containers/GlobalErrors/GlobalErrors';
 import DashboardPrivatePages from 'components/Dashboard/PrivatePages';
 import Authentication from 'components/Authentication';
+
 import { SplashScreen } from '../components';
-import { queryConfig } from '../hooks/query/base'
+import { queryConfig } from '../hooks/query/base';
+
+import { useAppIntlContext } from './AppIntlProvider';
+
+/**
+ * App inner.
+ */
+function AppInsider({ history }) {
+  const { direction } = useAppIntlContext();
+
+  return (
+    <div className="App">
+      <ConfigProvider direction={direction}>
+        <Router history={history}>
+          <Switch>
+            <Route path={'/auth'} component={Authentication} />
+            <Route path={'/'}>
+              <PrivateRoute component={DashboardPrivatePages} />
+            </Route>
+          </Switch>
+        </Router>
+
+        <GlobalErrors />
+      </ConfigProvider>
+    </div>
+  );
+}
 
 /**
  * Core application.
@@ -31,18 +59,7 @@ export default function App() {
       <SplashScreen />
 
       <AppIntlLoader>
-        <div className="App">
+        <AppInsider history={history} />
-          <Router history={history}>
-            <Switch>
-              <Route path={'/auth'} component={Authentication} />
-              <Route path={'/'}>
-                <PrivateRoute component={DashboardPrivatePages} />
-              </Route>
-            </Switch>
-          </Router>
-
-          <GlobalErrors />
-        </div>
       </AppIntlLoader>
 
       <ReactQueryDevtools initialIsOpen />

src/components/AppIntlProvider.js

@@ -10,6 +10,7 @@ function AppIntlProvider({ currentLocale, isRTL, children }) {
     currentLocale,
     isRTL,
     isLTR: !isRTL,
+    direction: isRTL ? 'rtl' : 'ltr',
   };
 
   return (