fix: Update packages

Author: Zenoo

dist/AddressAutocomplete.js

@@ -1,117 +1,94 @@
 "use strict";
 
 require("core-js/modules/es.object.assign.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.string.includes.js");
-
 require("core-js/modules/es.symbol.description.js");
-
 require("core-js/modules/es.array.reduce.js");
-
-var _iconsMaterial = require("@mui/icons-material");
-
+var _LocationOn = _interopRequireDefault(require("@mui/icons-material/LocationOn"));
 var _material = require("@mui/material");
-
 var _parse = _interopRequireDefault(require("autosuggest-highlight/parse"));
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 const _excluded = ["apiKey", "fields", "label", "onChange", "value", "requestOptions"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const autocompleteService = {
   current: null
 };
 const placesService = {
   current: null
 };
 
+/**
+ * AddressAutocomplete Component
+ */
 const AddressAutocomplete = _ref => {
   let {
-    apiKey,
-    fields = ['address_components', 'formatted_address'],
-    label,
-    onChange,
-    value,
-    requestOptions = {}
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const loaded = _react.default.useRef(false);
-
-  const [addressOptions, setAddressOptions] = _react.default.useState([]);
-
-  const [addressValue, setAddressValue] = _react.default.useState(value);
-
-  const [addressInputValue, setAddressInputValue] = _react.default.useState(''); // Update inner value when props value change
-
-
+      apiKey,
+      fields = ['address_components', 'formatted_address'],
+      label,
+      onChange,
+      value,
+      requestOptions = {}
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const loaded = (0, _react.useRef)(false);
+  const [addressOptions, setAddressOptions] = (0, _react.useState)([]);
+  const [addressValue, setAddressValue] = (0, _react.useState)(value);
+  const [addressInputValue, setAddressInputValue] = (0, _react.useState)('');
+
+  // Update inner value when props value change
   (0, _react.useEffect)(() => {
     setAddressValue(value);
-  }, [value]); // Prefill fields if needed
+  }, [value]);
 
+  // Prefill fields if needed
   const actualFields = (0, _react.useMemo)(() => {
     if (!fields.includes('address_components')) {
       fields.push('address_components');
     }
-
     if (!fields.includes('formatted_address')) {
       fields.push('formatted_address');
     }
-
     return fields;
-  }, [fields]); // Options label
+  }, [fields]);
 
-  const getOptionLabel = (0, _react.useCallback)(option => typeof option === 'string' ? option : option.description, []); // Autocomplete equals
+  // Options label
+  const getOptionLabel = option => typeof option === 'string' ? option : option.description;
 
-  const isOptionEqualToValue = (0, _react.useCallback)((option, val) => option.place_id === val.place_id, []); // Empty filter
+  // Autocomplete equals
+  const isOptionEqualToValue = (option, val) => option.place_id === val.place_id;
 
-  const filterOptions = (0, _react.useCallback)(x => x, []); // Address selection
+  // Empty filter
+  const filterOptions = x => x;
 
-  const selectAddress = (0, _react.useCallback)((event, newValue, reason) => {
+  // Address selection
+  const selectAddress = (event, newValue, reason) => {
     if (!placesService.current) {
       return;
     }
-
     setAddressOptions(previous => newValue ? [newValue, ...previous] : previous);
-
     if (newValue && newValue.place_id) {
       placesService.current.getDetails({
         placeId: newValue.place_id,
         fields: actualFields
       }, place => {
         var _place$formatted_addr;
-
         if (!place) {
           return;
         }
-
         const placeWithComponents = _objectSpread(_objectSpread({}, place), {}, {
           structured_formatting: {
             main_text: place.formatted_address || '',
@@ -126,7 +103,6 @@ const AddressAutocomplete = _ref => {
               if (!acc[type]) {
                 acc[type] = [];
               }
-
               acc[type].push({
                 long_name: item.long_name,
                 short_name: item.short_name
@@ -137,39 +113,43 @@ const AddressAutocomplete = _ref => {
           description: newValue.description,
           place_id: newValue.place_id
         });
-
         setAddressValue(placeWithComponents);
         onChange(event, placeWithComponents, reason);
       });
     } else {
       setAddressValue(null);
       onChange(event, null, reason);
     }
-  }, [actualFields, onChange]); // Address input change
+  };
 
-  const searchAddress = (0, _react.useCallback)((_, newInputValue) => {
+  // Address input change
+  const searchAddress = (_, newInputValue) => {
     setAddressInputValue(newInputValue);
-  }, []); // Address input renderer
+  };
 
-  const renderAddressInput = (0, _react.useCallback)(params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
+  // Address input renderer
+  const renderAddressInput = params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
     fullWidth: true,
     label: label
-  })), [label]); // Options renderer
+  }));
 
-  const renderAddressOption = (0, _react.useCallback)((props, option) => {
+  // Options renderer
+  const renderAddressOption = (props, option) => {
     const {
       structured_formatting: {
         main_text_matched_substrings: matches
       }
     } = option;
     const parts = (0, _parse.default)(option.structured_formatting.main_text, matches.map(match => [match.offset, match.offset + match.length]));
-    return /*#__PURE__*/_react.default.createElement("li", props, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    return /*#__PURE__*/_react.default.createElement(_material.Box, _extends({
+      component: "li"
+    }, props), /*#__PURE__*/_react.default.createElement(_material.Grid, {
       alignItems: "center",
       container: true
     }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
       item: true
     }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-      component: _iconsMaterial.LocationOn,
+      component: _LocationOn.default,
       sx: {
         mr: 2
       }
@@ -185,81 +165,83 @@ const AddressAutocomplete = _ref => {
     }, part.text)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
       variant: "body2"
     }, option.structured_formatting.secondary_text))));
-  }, []); // Load Google Maps API script if not already loaded
+  };
 
-  if (typeof window !== 'undefined' && !loaded.current) {
-    if (!document.querySelector('#google-maps')) {
-      var _document$querySelect;
-
-      const script = document.createElement('script');
-      script.setAttribute('async', '');
-      script.setAttribute('id', 'google-maps');
-      script.src = "https://maps.googleapis.com/maps/api/js?key=".concat(apiKey, "&libraries=places");
-      (_document$querySelect = document.querySelector('head')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.appendChild(script);
+  // Load Google Maps API script if not already loaded
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined' && !loaded.current) {
+      if (!document.querySelector('#google-maps')) {
+        var _document$querySelect;
+        const script = document.createElement('script');
+        if (!apiKey) {
+          console.error('You need to provide an API key to use this component');
+        }
+        script.setAttribute('async', '');
+        script.setAttribute('id', 'google-maps');
+        script.src = "https://maps.googleapis.com/maps/api/js?key=".concat(apiKey, "&libraries=places");
+        (_document$querySelect = document.querySelector('head')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.appendChild(script);
+      }
+      loaded.current = true;
     }
+  }, [apiKey, loaded]);
 
-    loaded.current = true;
-  } // Autocomplete predictions fetcher
-
-
+  // Autocomplete predictions fetcher
   const fetch = (0, _react.useMemo)(() => (0, _lodash.default)((request, callback) => {
     if (autocompleteService.current) {
       autocompleteService.current.getPlacePredictions(request, callback);
     }
-  }, 200), []); // Runs on input change
+  }, 200), []);
 
+  // Runs on input change
   (0, _react.useEffect)(() => {
     // Lock worker
-    let active = true; // Initialize Google Maps Autocomplete Service
+    let active = true;
 
+    // Initialize Google Maps Autocomplete Service
     if (!autocompleteService.current && window.google) {
       autocompleteService.current = new window.google.maps.places.AutocompleteService();
-    } // Initialize Google Maps Places Service
-
-
+    }
+    // Initialize Google Maps Places Service
     if (!placesService.current && window.google) {
       placesService.current = new window.google.maps.places.PlacesService(document.createElement('div'));
-    } // Stop execution if the service is not available
-
-
+    }
+    // Stop execution if the service is not available
     if (!autocompleteService.current || !placesService.current) {
       return undefined;
-    } // Hide options when input is empty
-
+    }
 
+    // Hide options when input is empty
     if (addressInputValue === '') {
       setAddressOptions(prev => {
         if (addressValue && !prev.find(o => o.place_id === addressValue.place_id)) {
           return [addressValue];
         }
-
         return [];
       });
       return undefined;
-    } // Fetch autocomplete predictions
-
+    }
 
+    // Fetch autocomplete predictions
     fetch(_objectSpread(_objectSpread({}, requestOptions), {}, {
       input: addressInputValue
     }), results => {
       if (active) {
-        let newOptions = []; // Include fetched predictions
+        let newOptions = [];
 
+        // Include fetched predictions
         if (results) {
           newOptions = results;
         }
-
         if (addressValue) {
-          const fetchedAddressValueIndex = newOptions.findIndex(o => o.place_id === addressValue.place_id); // Include selected address if it is not in the predictions
-
+          const fetchedAddressValueIndex = newOptions.findIndex(o => o.place_id === addressValue.place_id);
+          // Include selected address if it is not in the predictions
           if (fetchedAddressValueIndex === -1) {
             newOptions = [addressValue, ...newOptions];
           } else {
             // Place selected addres at the top if it is in the predictions
             newOptions = [newOptions[fetchedAddressValueIndex], ...newOptions.slice(0, fetchedAddressValueIndex), ...newOptions.slice(fetchedAddressValueIndex + 1)];
           }
         }
-
         setAddressOptions(newOptions);
       }
     });
@@ -284,6 +266,5 @@ const AddressAutocomplete = _ref => {
     value: addressValue
   }, rest));
 };
-
 var _default = AddressAutocomplete;
 exports.default = _default;