cleanup connector field

src/components/fields/Connector/PopoverCell.tsx

@@ -1,6 +1,6 @@
 import { IPopoverCellProps } from "../types";
 
-import ConnectServiceSelect from "./Select";
+import Selector from "./Select";
 
 export default function ConnectService({
   value,
@@ -12,7 +12,7 @@ export default function ConnectService({
   docRef,
 }: IPopoverCellProps) {
   return (
-    <ConnectServiceSelect
+    <Selector
       value={value}
       onChange={onSubmit}
       column={column}

src/components/fields/Connector/Select/PopupContents.tsx

@@ -23,7 +23,6 @@ import { IConnectorSelectProps } from ".";
 import useStyles from "./styles";
 import Loading from "@src/components/Loading";
 import { useProjectContext } from "@src/contexts/ProjectContext";
-import { replacer } from "@src/utils/fns";
 import { getLabel } from "../utils";
 import { useSnackbar } from "notistack";
 
@@ -128,11 +127,6 @@ export default function PopupContents({
         <List className={classes.list}>
           {hits.map((hit) => {
             const isSelected = selectedValues.some((v) => v === hit[elementId]);
-            console.log({
-              isSelected,
-              selectedValues,
-              elementId,
-            });
             return (
               <React.Fragment key={_get(hit, elementId)}>
                 <MenuItem

src/components/fields/Connector/Settings.tsx

@@ -1,27 +1,14 @@
 import { lazy, Suspense, useState } from "react";
 import _get from "lodash/get";
-import stringify from "json-stable-stringify-without-jsonify";
 
 import {
-  Stepper,
-  Step,
-  StepButton,
-  StepContent,
-  Stack,
   Grid,
   Switch,
   TextField,
   FormControl,
-  FormLabel,
-  FormControlLabel,
-  RadioGroup,
-  Radio,
   Typography,
   InputLabel,
   Link,
-  Checkbox,
-  FormHelperText,
-  Fab,
 } from "@mui/material";
 
 import SteppedAccordion from "@src/components/SteppedAccordion";
@@ -31,9 +18,7 @@ import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon";
 /* eslint-disable import/no-webpack-loader-syntax */
 import connectorDefs from "!!raw-loader!./connector.d.ts";
 
-import { useProjectContext } from "@src/contexts/ProjectContext";
 import { WIKI_LINKS } from "@src/constants/externalLinks";
-import { useAppContext } from "@src/contexts/AppContext";
 import { baseFunction } from "./utils";
 
 //import typeDefs from "!!raw-loader!./types.d.ts";
@@ -60,7 +45,6 @@ const diagnosticsOptions = {
 };
 
 export default function Settings({ config, onChange }) {
-  const { projectId } = useAppContext();
   return (
     <>
       <div>
@@ -80,7 +64,6 @@ export default function Settings({ config, onChange }) {
         />
       </div>
       <FormControl>
-        {/* <InputLabel variant="filled">Primary Key</InputLabel> */}
         <TextField
           id="elementId"
           label="ID"