feat: bump bundled dependencies

add to bundled dependenceis:
* updated react-select
* add loadash

package.json

@@ -98,15 +98,15 @@
     "lodash": "^4.17.11",
     "ora": "^4.0.2",
     "prop-types": "^15.7.2",
-    "react": ">= 16.13.1",
-    "react-dom": ">= 16.13.1",
+    "react": "=16.13.1",
+    "react-dom": "=16.13.1",
     "react-i18next": "^11.3.1",
-    "react-is": "^16.13.1",
-    "react-redux": "^7.2.0",
-    "react-router": "^5.2.0",
-    "react-router-dom": "^5.2.0",
-    "react-select": "^2.4.2",
-    "redux": "^4.0.5",
+    "react-is": "=16.13.1",
+    "react-redux": "=7.2.0",
+    "react-router": "=5.2.0",
+    "react-router-dom": "=5.2.0",
+    "react-select": "=3.1.0",
+    "redux": "=4.0.5",
     "rollup": "^2.32.1",
     "rollup-plugin-terser": "^6.1.0",
     "slash": "^3.0.0",

src/backend/bundler/config.js

@@ -9,6 +9,7 @@ const { terser } = require('rollup-plugin-terser')
 
 
 const external = [
+  'lodash',
   'react',
   'react-dom',
   'redux',
@@ -27,18 +28,23 @@ const external = [
   'axios',
   'recharts',
   '@carbon/icons-react',
-  'react-select/lib/Async',
+  'react-select',
+  'react-select/async',
+  'react-select/creatable',
   'i18next',
   'react-i18next',
 ]
 
 const globals = {
+  lodash: 'Lodash',
   react: 'React',
   redux: 'Redux',
   axios: 'axios',
   flat: 'flat',
   recharts: 'Recharts',
-  'react-select/lib/Async': 'ReactSelect',
+  'react-select': 'ReactSelect',
+  'react-select/async': 'ReactSelectAsync',
+  'react-select/creatable': 'ReactSelectCreatable',
   '@carbon/icons-react': 'CarbonIcons',
   'react-datepicker': 'ReactDatepicker',
   'styled-components': 'styled',

src/frontend/components/app/records-table/no-records.tsx

@@ -18,7 +18,7 @@ const NoRecordsOriginal: React.FC<NoRecordsProps> = (props) => {
 
   return (
     <InfoBox title={translateMessage('noRecords', resource.id)}>
-      <Text>
+      <Text mb="xxl">
         {translateMessage('noRecordsInResource', resource.id)}
       </Text>
       {canCreate ? (

src/frontend/components/property-type/reference/edit.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useState, useEffect } from 'react'
-import Select from 'react-select/lib/Async'
+import Select from 'react-select/async'
 import { withTheme, DefaultTheme } from 'styled-components'
 import { FormGroup, FormMessage, selectStyles } from '@admin-bro/design-system'
 

src/frontend/components/property-type/reference/filter.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import Select from 'react-select/lib/Async'
+import Select from 'react-select/async'
 import { ThemeProps, DefaultTheme, withTheme } from 'styled-components'
 import { FormGroup, Label, filterStyles } from '@admin-bro/design-system'
 

src/frontend/global-entry.js

@@ -3,6 +3,7 @@
 
 window.global = {}
 
+import * as Lodash from 'lodash'
 import React from 'react'
 import Redux from 'redux'
 import axios from 'axios'
@@ -15,10 +16,13 @@ import * as styled from 'styled-components'
 import Recharts from 'recharts'
 import flat from 'flat'
 import ReactDatepicker from 'react-datepicker'
-import ReactSelect from 'react-select/lib/Async'
+import ReactSelectAsync from 'react-select/async'
+import ReactSelectCreatable from 'react-select/creatable'
+import ReactSelect from 'react-select'
 import i18n from 'i18next'
 import ReactI18Next from 'react-i18next'
 
+window.Lodash = Lodash
 window.React = React
 window.ReactDOM = ReactDOM
 window.Redux = Redux
@@ -32,6 +36,8 @@ window.PropTypes = PropTypes
 window.axios = axios
 window.Recharts = Recharts
 window.ReactSelect = ReactSelect
+window.ReactSelectAsync = ReactSelectAsync
+window.ReactSelectCreatable = ReactSelectCreatable
 window.i18n = i18n
 window.ReactI18Next = ReactI18Next