feat: optimize sale estimate form performance.

feat: optimize sale receipt form performance.
feat: optimize sale invoice form performance.
feat: optimize bill form performance.

client/src/components/AccountsSelectList.js

@@ -2,6 +2,7 @@ import React, { useCallback, useState, useEffect, useMemo } from 'react';
 import { MenuItem, Button } from '@blueprintjs/core';
 import { Select } from '@blueprintjs/select';
 import { FormattedMessage as T } from 'react-intl';
+import classNames from 'classnames';
 import { isEmpty } from 'lodash';
 
 export default function AccountsSelectList({
@@ -103,6 +104,7 @@ export default function AccountsSelectList({
       filterable={true}
       onItemSelect={onAccountSelect}
       disabled={disabled}
+      className={classNames('form-group--select-list')}
     >
       <Button
         disabled={disabled}

client/src/components/App.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IntlProvider } from 'react-intl';
+import { RawIntlProvider } from 'react-intl';
 import { Router, Switch, Route } from 'react-router';
 import { createBrowserHistory } from 'history';
 import { ReactQueryConfigProvider } from 'react-query';
@@ -9,8 +9,8 @@ import PrivateRoute from 'components/Guards/PrivateRoute';
 import Authentication from 'components/Authentication';
 import DashboardPrivatePages from 'components/Dashboard/PrivatePages';
 import GlobalErrors from 'containers/GlobalErrors/GlobalErrors';
+import intl from 'services/intl';
 
-import messages from 'lang/en';
 import 'style/App.scss';
 
 function App({ locale }) {
@@ -22,7 +22,7 @@ function App({ locale }) {
     },
   };
   return (
-    <IntlProvider locale={locale} messages={messages}>
+    <RawIntlProvider value={intl}>
       <div className="App">
         <ReactQueryConfigProvider config={queryConfig}>
           <Router history={history}>
@@ -41,7 +41,7 @@ function App({ locale }) {
           <ReactQueryDevtools />
         </ReactQueryConfigProvider>
       </div>
-    </IntlProvider>
+    </RawIntlProvider>
   );
 }
 

client/src/components/ContactSelecetList.js

@@ -57,6 +57,7 @@ export default function ContactSelecetList({
       itemPredicate={FilterContacts}
       itemRenderer={handleContactRenderer}
       popoverProps={{ minimal: true }}
+      className={'form-group--select-list'}
       {...restProps}
     />
   );

client/src/components/index.js

@@ -35,6 +35,7 @@ import CurrencySelectList from './CurrencySelectList'
 import SalutationList from './SalutationList';
 import DisplayNameList from './DisplayNameList';
 import MoneyInputGroup from './MoneyInputGroup';
+import Dragzone from './Dragzone';
 
 const Hint = FieldHint;
 
@@ -77,4 +78,5 @@ export {
   DisplayNameList,
   SalutationList,
   MoneyInputGroup,
+  Dragzone,
 };