lint: clean up

Author: pyjun01

.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

src/components/AdvancedMarker/Context.tsx

@@ -1,26 +1,15 @@
 import { ComponentProps, createContext, useContext } from 'react';
 
 export interface AdvancedMarkerContentContextData {
-  setAdvancedMarkerContent: (
-    content: google.maps.marker.PinElement | null,
-  ) => void;
+  setAdvancedMarkerContent: (content: google.maps.marker.PinElement | null) => void;
 }
 
-const AdvancedMarkerContentContext =
-  createContext<AdvancedMarkerContentContextData>({
-    setAdvancedMarkerContent: () => {},
-  });
+const AdvancedMarkerContentContext = createContext<AdvancedMarkerContentContextData>({
+  setAdvancedMarkerContent: () => {},
+});
 
-export const useAdvancedMarkerContent = () =>
-  useContext(AdvancedMarkerContentContext);
+export const useAdvancedMarkerContent = () => useContext(AdvancedMarkerContentContext);
 
-export function AdvancedMarkerContentProvider({
-  children,
-  ...props
-}: ComponentProps<typeof AdvancedMarkerContentContext.Provider>) {
-  return (
-    <AdvancedMarkerContentContext.Provider {...props}>
-      {children}
-    </AdvancedMarkerContentContext.Provider>
-  );
+export function AdvancedMarkerContentProvider({ children, ...props }: ComponentProps<typeof AdvancedMarkerContentContext.Provider>) {
+  return <AdvancedMarkerContentContext.Provider {...props}>{children}</AdvancedMarkerContentContext.Provider>;
 }

src/components/AdvancedMarker/index.tsx

@@ -2,10 +2,7 @@ import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 
 import { createPortal } from 'react-dom';
 
-import {
-  AdvancedMarkerContentContextData,
-  AdvancedMarkerContentProvider,
-} from './Context';
+import { AdvancedMarkerContentContextData, AdvancedMarkerContentProvider } from './Context';
 import { AdvancedMarkerProps } from './type';
 import { useApplyAdvancedMarkerEvent } from '../../hooks/useApplyAdvancedMarkerEvent';
 import { useApplyAdvancedMarkerOptions } from '../../hooks/useApplyAdvancedMarkerOptions';
@@ -14,10 +11,7 @@ import { passRef } from '../../utils/passRef';
 import { useSetAnchor } from '../InfoWindow/Context';
 import { useMapContext } from '../Provider/MapProvider';
 
-export const AdvancedMarker = forwardRef<
-  google.maps.marker.AdvancedMarkerElement,
-  AdvancedMarkerProps
->(function AdvancedMarker(
+export const AdvancedMarker = forwardRef<google.maps.marker.AdvancedMarkerElement, AdvancedMarkerProps>(function AdvancedMarker(
   {
     children,
     lat,
@@ -34,24 +28,22 @@ export const AdvancedMarker = forwardRef<
     onDragStart,
     onGmpClick,
   },
-  ref,
+  ref
 ) {
   const originalMap = useMapContext();
   const map = hidden ? null : originalMap;
   const markerLib = useImportLibrary('marker');
   const setAnchor = useSetAnchor();
 
   const fragment = useRef<HTMLDivElement>(document.createElement('div'));
-  const [advancedMarker, setAdvancedMarker] =
-    useState<google.maps.marker.AdvancedMarkerElement | null>(null);
-  const [pinElement, setPinElement] =
-    useState<google.maps.marker.PinElement | null>(null);
+  const [advancedMarker, setAdvancedMarker] = useState<google.maps.marker.AdvancedMarkerElement | null>(null);
+  const [pinElement, setPinElement] = useState<google.maps.marker.PinElement | null>(null);
 
   const value = useMemo<AdvancedMarkerContentContextData>(
     () => ({
       setAdvancedMarkerContent: setPinElement,
     }),
-    [],
+    []
   );
 
   useEffect(() => {
@@ -107,9 +99,5 @@ export const AdvancedMarker = forwardRef<
     onGmpClick,
   });
 
-  return (
-    <AdvancedMarkerContentProvider value={value}>
-      {createPortal(children, fragment.current)}
-    </AdvancedMarkerContentProvider>
-  );
+  return <AdvancedMarkerContentProvider value={value}>{createPortal(children, fragment.current)}</AdvancedMarkerContentProvider>;
 });

src/components/AdvancedMarker/type.ts

@@ -1,34 +1,14 @@
 import { ReactNode } from 'react';
 
 export interface AdvancedMarkerEvent {
-  onClick?: (
-    marker: google.maps.marker.AdvancedMarkerElement,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onDrag?: (
-    marker: google.maps.marker.AdvancedMarkerElement,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onDragEnd?: (
-    marker: google.maps.marker.AdvancedMarkerElement,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onDragStart?: (
-    marker: google.maps.marker.AdvancedMarkerElement,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onGmpClick?: (
-    marker: google.maps.marker.AdvancedMarkerElement,
-    evnet: google.maps.marker.AdvancedMarkerClickEvent,
-  ) => void;
+  onClick?: (marker: google.maps.marker.AdvancedMarkerElement, event: google.maps.MapMouseEvent) => void;
+  onDrag?: (marker: google.maps.marker.AdvancedMarkerElement, event: google.maps.MapMouseEvent) => void;
+  onDragEnd?: (marker: google.maps.marker.AdvancedMarkerElement, event: google.maps.MapMouseEvent) => void;
+  onDragStart?: (marker: google.maps.marker.AdvancedMarkerElement, event: google.maps.MapMouseEvent) => void;
+  onGmpClick?: (marker: google.maps.marker.AdvancedMarkerElement, evnet: google.maps.marker.AdvancedMarkerClickEvent) => void;
 }
 
-export interface AdvancedMarkerProps
-  extends Omit<
-      google.maps.marker.AdvancedMarkerElementOptions,
-      'position' | 'map'
-    >,
-    AdvancedMarkerEvent {
+export interface AdvancedMarkerProps extends Omit<google.maps.marker.AdvancedMarkerElementOptions, 'position' | 'map'>, AdvancedMarkerEvent {
   lat: number;
   lng: number;
   children?: Exclude<ReactNode, Iterable<ReactNode>>;

src/components/Circle/index.tsx

@@ -6,57 +6,32 @@ import { useApplyCircleOptions } from '../../hooks/useApplyCircleOptions';
 import { passRef } from '../../utils/passRef';
 import { useMapContext } from '../Provider/MapProvider';
 
-export const Circle = forwardRef<google.maps.Circle, CircleProps>(
-  function Circle(
-    {
-      center,
-      clickable,
-      draggable,
-      editable,
-      fillColor,
-      fillOpacity,
-      radius,
-      strokeColor,
-      strokeOpacity,
-      strokePosition,
-      strokeWeight,
-      visible,
-      zIndex,
-      ...events
-    },
-    ref,
-  ) {
-    const map = useMapContext();
-
-    const [Circle, setCircle] = useState<google.maps.Circle | null>(null);
-
-    useEffect(() => {
-      const Circle = new google.maps.Circle({
-        map,
-        center,
-        clickable,
-        draggable,
-        editable,
-        fillColor,
-        fillOpacity,
-        radius,
-        strokeColor,
-        strokeOpacity,
-        strokePosition,
-        strokeWeight,
-        visible,
-        zIndex,
-      });
-
-      setCircle(Circle);
-      passRef(ref, Circle);
+export const Circle = forwardRef<google.maps.Circle, CircleProps>(function Circle(
+  {
+    center,
+    clickable,
+    draggable,
+    editable,
+    fillColor,
+    fillOpacity,
+    radius,
+    strokeColor,
+    strokeOpacity,
+    strokePosition,
+    strokeWeight,
+    visible,
+    zIndex,
+    ...events
+  },
+  ref
+) {
+  const map = useMapContext();
 
-      return () => {
-        Circle.setMap(null);
-      };
-    }, []);
+  const [Circle, setCircle] = useState<google.maps.Circle | null>(null);
 
-    useApplyCircleOptions(Circle, {
+  useEffect(() => {
+    const Circle = new google.maps.Circle({
+      map,
       center,
       clickable,
       draggable,
@@ -71,8 +46,31 @@ export const Circle = forwardRef<google.maps.Circle, CircleProps>(
       visible,
       zIndex,
     });
-    useApplyCircleEvent(Circle, events);
 
-    return null;
-  },
-);
+    setCircle(Circle);
+    passRef(ref, Circle);
+
+    return () => {
+      Circle.setMap(null);
+    };
+  }, []);
+
+  useApplyCircleOptions(Circle, {
+    center,
+    clickable,
+    draggable,
+    editable,
+    fillColor,
+    fillOpacity,
+    radius,
+    strokeColor,
+    strokeOpacity,
+    strokePosition,
+    strokeWeight,
+    visible,
+    zIndex,
+  });
+  useApplyCircleEvent(Circle, events);
+
+  return null;
+});

src/components/Circle/type.ts

@@ -1,55 +1,17 @@
 export interface CircleEvent {
   onCenterChanged?: (circle: google.maps.Circle) => void;
-  onClick?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onContextmenu?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onDblClick?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onDrag?: (
-    circle: google.maps.Circle,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onDragEnd?: (
-    circle: google.maps.Circle,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onDragStart?: (
-    circle: google.maps.Circle,
-    event: google.maps.MapMouseEvent,
-  ) => void;
-  onMouseDown?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onMouseMove?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onMouseOut?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onMouseOver?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onMouseUp?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
-  onRadiusChanged?: (
-    circle: google.maps.Circle,
-    event: google.maps.PolyMouseEvent,
-  ) => void;
+  onClick?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onContextmenu?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onDblClick?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onDrag?: (circle: google.maps.Circle, event: google.maps.MapMouseEvent) => void;
+  onDragEnd?: (circle: google.maps.Circle, event: google.maps.MapMouseEvent) => void;
+  onDragStart?: (circle: google.maps.Circle, event: google.maps.MapMouseEvent) => void;
+  onMouseDown?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onMouseMove?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onMouseOut?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onMouseOver?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onMouseUp?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
+  onRadiusChanged?: (circle: google.maps.Circle, event: google.maps.PolyMouseEvent) => void;
 }
 
-export interface CircleProps
-  extends Partial<Omit<google.maps.CircleOptions, 'map'>>,
-    CircleEvent {}
+export interface CircleProps extends Partial<Omit<google.maps.CircleOptions, 'map'>>, CircleEvent {}

src/components/Control/index.tsx

@@ -19,9 +19,7 @@ export function Control({ position, children, ...props }: ControlProps) {
     targetControls.push(fragment.current);
 
     return () => {
-      const idx = targetControls
-        .getArray()
-        .findIndex((v) => v === fragment.current);
+      const idx = targetControls.getArray().findIndex((v) => v === fragment.current);
 
       targetControls.removeAt(idx);
     };