Use default value for libraries, add string type to libraries type

Author: ErrorPro

lib/usePlacesAutocompleteService.d.ts

@@ -1,5 +1,6 @@
 interface usePlacesAutocompleteServiceConfig {
   apiKey?: string;
+  libraries?: string[];
   googleMapsScriptBaseUrl?: string;
   debounce?: number;
   options?: google.maps.places.AutocompletionRequest;

lib/usePlacesAutocompleteService.js

@@ -35,7 +35,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function usePlacesAutocompleteService(_ref) {
   var apiKey = _ref.apiKey,
-      libraries = _ref.libraries,
+      _ref$libraries = _ref.libraries,
+      libraries = _ref$libraries === void 0 ? "places" : _ref$libraries,
       _ref$googleMapsScript = _ref.googleMapsScriptBaseUrl,
       googleMapsScriptBaseUrl = _ref$googleMapsScript === void 0 ? _constants.GOOGLE_MAP_SCRIPT_BASE_URL : _ref$googleMapsScript,
       _ref$debounce = _ref.debounce,
@@ -45,8 +46,7 @@ function usePlacesAutocompleteService(_ref) {
       sessionToken = _ref.sessionToken,
       language = _ref.language;
   var languageQueryParam = language ? "&language=".concat(language) : "";
-  var librariesDefault = libraries ? "".concat(libraries.toString()) : "places";
-  var googleMapsScriptUrl = "".concat(googleMapsScriptBaseUrl, "?key=").concat(apiKey, "&libraries=").concat(librariesDefault).concat(languageQueryParam);
+  var googleMapsScriptUrl = "".concat(googleMapsScriptBaseUrl, "?key=").concat(apiKey, "&libraries=").concat(libraries).concat(languageQueryParam);
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),

lib/usePlacesWidget.js

@@ -25,7 +25,8 @@ function usePlacesWidget(props) {
   var ref = props.ref,
       onPlaceSelected = props.onPlaceSelected,
       apiKey = props.apiKey,
-      libraries = props.libraries,
+      _props$libraries = props.libraries,
+      libraries = _props$libraries === void 0 ? "places" : _props$libraries,
       _props$inputAutocompl = props.inputAutocompleteValue,
       inputAutocompleteValue = _props$inputAutocompl === void 0 ? "new-password" : _props$inputAutocompl,
       _props$options = props.options;
@@ -47,8 +48,7 @@ function usePlacesWidget(props) {
   var autocompleteRef = (0, _react.useRef)(null);
   var observerHack = (0, _react.useRef)(null);
   var languageQueryParam = language ? "&language=".concat(language) : "";
-  var librariesDefault = libraries ? "".concat(libraries.toString()) : "places";
-  var googleMapsScriptUrl = "".concat(googleMapsScriptBaseUrl, "?libraries=").concat(librariesDefault, "&key=").concat(apiKey).concat(languageQueryParam);
+  var googleMapsScriptUrl = "".concat(googleMapsScriptBaseUrl, "?libraries=").concat(libraries, "&key=").concat(apiKey).concat(languageQueryParam);
   var handleLoadScript = (0, _react.useCallback)(function () {
     return (0, _utils.loadGoogleMapScript)(googleMapsScriptBaseUrl, googleMapsScriptUrl);
   }, [googleMapsScriptBaseUrl, googleMapsScriptUrl]);

src/usePlacesAutocompleteService.js

@@ -6,16 +6,15 @@ import { GOOGLE_MAP_SCRIPT_BASE_URL } from "./constants";
 
 export default function usePlacesAutocompleteService({
   apiKey,
-  libraries,
+  libraries = "places",
   googleMapsScriptBaseUrl = GOOGLE_MAP_SCRIPT_BASE_URL,
   debounce = 300,
   options = {},
   sessionToken,
   language,
 }) {
   const languageQueryParam = language ? `&language=${language}` : "";
-  const librariesDefault = libraries ? `${libraries.toString()}` : "places";
-  const googleMapsScriptUrl = `${googleMapsScriptBaseUrl}?key=${apiKey}&libraries=${librariesDefault}${languageQueryParam}`;
+  const googleMapsScriptUrl = `${googleMapsScriptBaseUrl}?key=${apiKey}&libraries=${libraries}${languageQueryParam}`;
   const [placePredictions, setPlacePredictions] = useState([]);
   const [isPlacePredsLoading, setIsPlacePredsLoading] = useState(false);
   const [placeInputValue, setPlaceInputValue] = useState(null);

src/usePlacesWidget.js

@@ -8,7 +8,7 @@ export default function usePlacesWidget(props) {
     ref,
     onPlaceSelected,
     apiKey,
-    libraries,
+    libraries = "places",
     inputAutocompleteValue = "new-password",
     options: {
       types = ["(cities)"],
@@ -30,8 +30,7 @@ export default function usePlacesWidget(props) {
   const autocompleteRef = useRef(null);
   const observerHack = useRef(null);
   const languageQueryParam = language ? `&language=${language}` : "";
-  const librariesDefault = libraries ? `${libraries.toString()}` : "places";
-  const googleMapsScriptUrl = `${googleMapsScriptBaseUrl}?libraries=${librariesDefault}&key=${apiKey}${languageQueryParam}`;
+  const googleMapsScriptUrl = `${googleMapsScriptBaseUrl}?libraries=${libraries}&key=${apiKey}${languageQueryParam}`;
 
   const handleLoadScript = useCallback(
     () => loadGoogleMapScript(googleMapsScriptBaseUrl, googleMapsScriptUrl),