fix: lodash depedency for autocomplete

Author: LeoFerrara

package-lock.json

@@ -74,11 +74,13 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.1.9",
     "@types/jest": "^26.0.24",
+    "@types/lodash": "^4.14.172",
     "@types/node": "^16.0.1",
     "@types/react": "^17.0.14",
     "@types/react-dom": "^17.0.9",
     "@types/styled-components": "^5.1.11",
     "babel-loader": "^8.2.2",
+    "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

package.json

@@ -13,6 +13,9 @@ export default [
             dir: './',
             entryFileNames: 'lib/cjs/index.js',
             format: 'cjs',
+            globals:{
+                'lodash': '_'
+            }
         },
         plugins: [
             del({ targets: 'lib/*' }),
@@ -26,6 +29,7 @@ export default [
             peerDepsExternal(),
             resolve(),
             svgr()
-        ]
+        ],
+        external: ['lodash']
     },
 ]

rollup.config.js

@@ -11,7 +11,7 @@ import {
   TextFieldProps,
 } from "@material-ui/core";
 import styled from "styled-components";
-import { debounce } from "lodash";
+import _ from "lodash";
 import { useRef } from "react";
 
 const BootstrapTextField = styled(TextField)`
@@ -110,7 +110,7 @@ function AutocompleteInner<
   );
 
   var debouncedSearch = useRef(
-    debounce(search, waitingTime, {
+    _.debounce(search, waitingTime, {
       leading: true,
     })
   );
@@ -135,7 +135,7 @@ function AutocompleteInner<
           setLoading(false);
           if (firstloading) {
             setFirstLoading(false);
-            debouncedSearch.current = debounce(search, waitingTime, {
+            debouncedSearch.current = _.debounce(search, waitingTime, {
               leading: false,
             });
           }