Merge pull request #62 from ubilabs/chore/prettier

Chore/prettier

Author: plumdumpling

.pretiierrc renamed to .prettierrc

@@ -6,7 +6,7 @@
   "singleQuote": true,
   "trailingComma": "none",
   "bracketSpacing": false,
-  "jsxBracketSameLine": true,
+  "bracketSameLine": true,
   "arrowParens": "avoid",
   "parser": "typescript"
-}
+}

examples/google-map-with-markers/components/map-markers/map-markers.tsx

@@ -58,7 +58,7 @@ const MapMarkers: VoidFunctionComponent = (): null => {
     if (map) {
       const initialBounds = new google.maps.LatLngBounds();
 
-      const museumMarkers: Array<google.maps.Marker> = museums.map((museum) => {
+      const museumMarkers: Array<google.maps.Marker> = museums.map(museum => {
         const {position, name} = museum;
 
         const markerOptions: google.maps.MarkerOptions = {

src/google-map.ts

@@ -54,9 +54,7 @@ export default class GoogleMap {
         language || defaultLanguage
       }&region=${region || defaultRegion}${
         libraries ? `&libraries=${libraries.join(',')}` : ''
-      }${
-        version ? `&v=${version}` : ''
-      }${
+      }${version ? `&v=${version}` : ''}${
         authReferrerPolicy ? `&auth_referrer_policy=${authReferrerPolicy}` : ''
       }`
     );
@@ -97,7 +95,7 @@ export default class GoogleMap {
     if (this.map) {
       document
         .querySelectorAll('script[src^="https://maps.googleapis.com"]')
-        .forEach((script) => {
+        .forEach(script => {
           script.remove();
         });
       if (window.google && window.google.maps) {

src/hooks/autocomplete.ts

@@ -19,10 +19,8 @@ const useAutocomplete = (
   const placeChangedHandler = useRef(onPlaceChanged);
   const {map} = useGoogleMap();
 
-  const [
-    autocomplete,
-    setAutocomplete
-  ] = useState<google.maps.places.Autocomplete | null>(null);
+  const [autocomplete, setAutocomplete] =
+    useState<google.maps.places.Autocomplete | null>(null);
 
   // Initializes the Google Maps Places Autocomplete
   useEffect(() => {

src/hooks/directions.ts

@@ -30,27 +30,29 @@ const useDirections = (props: DirectionsProps = {}): DirectionsHookReturns => {
   const {map, loading} = useGoogleMap();
 
   // Creates a Directions Service instance
-  const directionsService = useMemo<google.maps.DirectionsService | null>(() => {
-    // Wait for map to be initialized
-    if (!map || loading) {
-      return null;
-    }
+  const directionsService =
+    useMemo<google.maps.DirectionsService | null>(() => {
+      // Wait for map to be initialized
+      if (!map || loading) {
+        return null;
+      }
 
-    return new google.maps.DirectionsService();
-  }, [map, loading]);
+      return new google.maps.DirectionsService();
+    }, [map, loading]);
 
   // Creates a Directions Renderer instance
-  const directionsRenderer = useMemo<google.maps.DirectionsRenderer | null>(() => {
-    // Wait for map to be initialized
-    if (!map || !renderOnMap) {
-      return null;
-    }
-
-    const renderer = new google.maps.DirectionsRenderer(renderOptions);
-    renderer.setMap(map);
-
-    return renderer;
-  }, [map, renderOnMap]);
+  const directionsRenderer =
+    useMemo<google.maps.DirectionsRenderer | null>(() => {
+      // Wait for map to be initialized
+      if (!map || !renderOnMap) {
+        return null;
+      }
+
+      const renderer = new google.maps.DirectionsRenderer(renderOptions);
+      renderer.setMap(map);
+
+      return renderer;
+    }, [map, renderOnMap]);
 
   // Updates the directions renderer options
   useEffect(() => {

src/map-provider.tsx

@@ -28,9 +28,9 @@ export const GoogleMapContext = React.createContext<GoogleMapContextType>({
 /**
  * The global Google Map provider
  */
-const GoogleMapProvider: React.FunctionComponent<PropsWithChildren<GoogleMapProviderProps>> = (
-  props
-) => {
+const GoogleMapProvider: React.FunctionComponent<
+  PropsWithChildren<GoogleMapProviderProps>
+> = props => {
   const {
     children,
     googleMapsAPIKey,

src/types/index.d.ts

@@ -2,6 +2,6 @@ declare module 'googlemaps';
 
 /* eslint-disable init-declarations */
 declare module '*.module.css' {
-  const classes: { [key: string]: string };
+  const classes: {[key: string]: string};
   export default classes;
 }