chore: fix build errors

Author: moshloop

src/components/Integrations/Add/AddIntegrationModal.tsx

@@ -2,7 +2,9 @@ import { atom, useAtom } from "jotai";
 import { useCallback, useEffect, useState } from "react";
 import { AiFillPlusCircle } from "react-icons/ai";
 import AddIntegrationForm from "./AddIntegrationForm";
-import AddIntegrationOptionsList, { IntegrationOption } from "./steps/AddIntegrationOptionsList";
+import AddIntegrationOptionsList, {
+  IntegrationOption
+} from "./steps/AddIntegrationOptionsList";
 import clsx from "clsx";
 import { Modal } from "@flanksource-ui/components";
 
@@ -23,7 +25,6 @@ export default function AddIntegrationModal({ refresh }: Props) {
     }
   }, [isOpen]);
 
-
   const onSelectOption = useCallback(
     (option: IntegrationOption) => {
       setSelectedOption(option);
@@ -56,19 +57,17 @@ export default function AddIntegrationModal({ refresh }: Props) {
         onClose={() => {
           setIsOpen(false);
         }}
-        onBack={() =>
-          setSelectedOption(undefined)
-        }
-        onSave={(values) => {
-          console.log(values)
-          setIsOpen(false)
-        }}
         childClassName={clsx(
           selectedOption && {
             "w-full": true,
-            "h-full": selectedOption.name !== "Catalog Scraper" && selectedOption.category !== "Scraper" && selectedOption.name !== "Custom Topology"
-          }, !selectedOption && "w-full")}
-      // bodyClass="flex flex-col flex-1 overflow-y-auto"
+            "h-full":
+              selectedOption.name !== "Catalog Scraper" &&
+              selectedOption.category !== "Scraper" &&
+              selectedOption.name !== "Custom Topology"
+          },
+          !selectedOption && "w-full"
+        )}
+        // bodyClass="flex flex-col flex-1 overflow-y-auto"
       >
         {selectedOption ? (
           <AddIntegrationForm
@@ -84,7 +83,7 @@ export default function AddIntegrationModal({ refresh }: Props) {
         ) : (
           <AddIntegrationOptionsList onSelectOption={onSelectOption} />
         )}
-      </Modal >
+      </Modal>
     </>
   );
 }

src/components/Playbooks/Runs/Submit/SubmitPlaybookRunForm.tsx

@@ -101,7 +101,6 @@ export default function SubmitPlaybookRunForm({
         onClose();
         setModalSize(undefined);
       }}
-      enforceSizeInHeight
       size={modalSize?.width ?? "medium"}
     >
       <Formik

src/components/SpecEditor/ScraperTypes.ts

@@ -183,6 +183,7 @@ export default function scraperTypes(
     },
     {
       name: "custom",
+      type: "code",
       label: "Custom",
       updateSpec: (value: Record<string, any>) => {
         onSubmit(value);
@@ -191,12 +192,10 @@ export default function scraperTypes(
         return resourceValue ?? {};
       },
       icon: FaCog,
-      configForm: null,
       specsMapField: "spec",
-      rawSpecInput: true,
       schemaFileName: "scrape_config.schema.json"
     }
   ];
-  types.sort((a, b) => a.label.localeCompare(b.label));
+  types.sort((a, b) => a?.label?.localeCompare(b?.label || "") || 0);
   return types;
 }

src/components/SpecEditor/SpecEditor.tsx

@@ -49,7 +49,7 @@ export type SpecTypeCustom = SpecTypeCommonFields & {
 
 export type SpecType = SpecTypeInputForm | SpecTypeCode | SpecTypeCustom;
 
-type SpecEditorProps = {
+export type SpecEditorProps = {
   types: SpecType[];
   format?: "json" | "yaml";
   resourceInfo: Pick<SchemaResourceType, "api" | "table" | "name">;