Added UI elements for the new drawing system

Removed old gesture system
Refactored map interaction into separate component

src/components/map/controls/ShapeToolSettings.js

@@ -0,0 +1,59 @@
+import React from "react";
+import { Flex } from "theme-ui";
+
+import ColorControl from "./ColorControl";
+import AlphaBlendToggle from "./AlphaBlendToggle";
+import GridSnappingToggle from "./GridSnappingToggle";
+import RadioIconButton from "./RadioIconButton";
+
+import ShapeRectangleIcon from "../../../icons/ShapeRectangleIcon";
+import ShapeCircleIcon from "../../../icons/ShapeCircleIcon";
+import ShapeTriangleIcon from "../../../icons/ShapeTriangleIcon";
+
+import Divider from "./Divider";
+
+function ShapeToolSettings({ settings, onSettingChange }) {
+  return (
+    <Flex sx={{ alignItems: "center" }}>
+      <ColorControl
+        color={settings.color}
+        onColorChange={(color) => onSettingChange({ color })}
+      />
+      <Divider vertical />
+      <RadioIconButton
+        title="Shape Type Rectangle"
+        onClick={() => onSettingChange({ type: "rectangle" })}
+        isSelected={settings.type === "rectangle"}
+      >
+        <ShapeRectangleIcon />
+      </RadioIconButton>
+      <RadioIconButton
+        title="Shape Type Circle"
+        onClick={() => onSettingChange({ type: "circle" })}
+        isSelected={settings.type === "cricle"}
+      >
+        <ShapeTriangleIcon />
+      </RadioIconButton>
+      <RadioIconButton
+        title="Shape Type Triangle"
+        onClick={() => onSettingChange({ type: "triangle" })}
+        isSelected={settings.type === "triangle"}
+      >
+        <ShapeCircleIcon />
+      </RadioIconButton>
+      <Divider vertical />
+      <AlphaBlendToggle
+        useBlending={settings.useBlending}
+        onBlendingChange={(useBlending) => onSettingChange({ useBlending })}
+      />
+      <GridSnappingToggle
+        useGridSnapping={settings.useGridSnapping}
+        onGridSnappingChange={(useGridSnapping) =>
+          onSettingChange({ useGridSnapping })
+        }
+      />
+    </Flex>
+  );
+}
+
+export default ShapeToolSettings;