chore: add object for permission resource

fix: fix failing tests

Author: mainawycliffe

src/api/types/permissions.ts

@@ -9,6 +9,7 @@ export type PermissionTable = {
   description: string;
   action: string;
   deny?: boolean;
+  object?: string;
   component_id?: string;
   config_id?: string;
   canary_id?: string;

src/components/Permissions/ManagePermissions/Forms/FormikPermissionSelectResourceFields.tsx

@@ -2,15 +2,34 @@ import FormikCanaryDropdown from "@flanksource-ui/components/Forms/Formik/Formik
 import FormikConnectionField from "@flanksource-ui/components/Forms/Formik/FormikConnectionField";
 import FormikPlaybooksDropdown from "@flanksource-ui/components/Forms/Formik/FormikPlaybooksDropdown";
 import FormikResourceSelectorDropdown from "@flanksource-ui/components/Forms/Formik/FormikResourceSelectorDropdown";
+import FormikSelectDropdown from "@flanksource-ui/components/Forms/Formik/FormikSelectDropdown";
 import { Switch } from "@flanksource-ui/ui/FormControls/Switch";
 import { useFormikContext } from "formik";
 import { useState } from "react";
 
+export const permissionObjectList = [
+  { label: "Canaries", value: "canaries" },
+  { label: "Catalog", value: "catalog" },
+  { label: "Incident", value: "incident" },
+  { label: "People", value: "people" },
+  { label: "Topology", value: "topology" },
+  { label: "Playbooks", value: "playbooks" },
+  { label: "Connection", value: "connection" },
+  { label: "Connection Detail", value: "connection-detail" },
+  { label: "Agent Push", value: "agent-push" },
+  { label: "Kubernetes Proxy", value: "kubernetes-proxy" },
+  { label: "Notification", value: "notification" },
+  { label: "RBAC", value: "rbac" },
+  { label: "Logs", value: "logs" },
+  { label: "Agent", value: "agent" },
+  { label: "Artifact", value: "artifact" }
+];
+
 export default function FormikPermissionSelectResourceFields() {
   const { setFieldValue } = useFormikContext<Record<string, any>>();
 
   const [switchOption, setSwitchOption] = useState<
-    "Component" | "Catalog" | "Canary" | "Playbook" | "Connection"
+    "Component" | "Catalog" | "Canary" | "Playbook" | "Connection" | "Object"
   >("Catalog");
 
   return (
@@ -19,13 +38,20 @@ export default function FormikPermissionSelectResourceFields() {
       <div>
         <div className="flex w-full flex-row">
           <Switch
-            options={["Catalog", "Component", "Connection", "Playbook"]}
+            options={[
+              "Catalog",
+              "Component",
+              "Connection",
+              "Playbook",
+              "Object"
+            ]}
             className="w-auto"
             itemsClassName=""
             defaultValue="Go Template"
             value={switchOption}
             onChange={(v) => {
               setSwitchOption(v);
+              setFieldValue("object", undefined);
               setFieldValue("config_id", undefined);
               setFieldValue("check_id", undefined);
               setFieldValue("canary_id", undefined);
@@ -62,6 +88,14 @@ export default function FormikPermissionSelectResourceFields() {
         {switchOption === "Connection" && (
           <FormikConnectionField required name="connection_id" />
         )}
+
+        {switchOption === "Object" && (
+          <FormikSelectDropdown
+            required
+            name="object"
+            options={permissionObjectList}
+          />
+        )}
       </div>
     </div>
   );

src/components/Permissions/ManagePermissions/Forms/PermissionForm.tsx

@@ -46,7 +46,8 @@ export default function PermissionForm({
       data?.canary_id ||
       data?.canary_id ||
       data?.playbook_id ||
-      data?.connection_id
+      data?.connection_id ||
+      data?.object
     );
   }, [data]);
 
@@ -111,6 +112,7 @@ export default function PermissionForm({
             canary_id: data?.canary_id,
             playbook_id: data?.playbook_id,
             deny: data?.deny ?? false,
+            object: data?.object,
             description: data?.description,
             connection_id: data?.connection_id,
             created_at: data?.created_at,

src/components/Permissions/ManagePermissions/Forms/PermissionResource.tsx

@@ -3,6 +3,7 @@ import ConnectionLink from "@flanksource-ui/components/Connections/ConnectionLin
 import { PlaybookSpecLabel } from "@flanksource-ui/components/Playbooks/Settings/PlaybookSpecIcon";
 import { TopologyLink } from "@flanksource-ui/components/Topology/TopologyLink";
 import { useFormikContext } from "formik";
+import { permissionObjectList } from "./FormikPermissionSelectResourceFields";
 
 export default function PermissionResource() {
   const { values } = useFormikContext<Record<string, string>>();
@@ -11,6 +12,12 @@ export default function PermissionResource() {
   const playbookId = values.playbook_id;
   const configId = values.config_id;
   const connectionId = values.connection_id;
+  const object = values.object;
+
+  if (object) {
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return <>{permissionObjectList.find((o) => o.value === object)?.label}</>;
+  }
 
   return (
     <div className="flex flex-row items-center">

src/components/Permissions/PermissionsTable.tsx

@@ -9,6 +9,7 @@ import ConfigLink from "../Configs/ConfigLink/ConfigLink";
 import ConnectionIcon from "../Connections/ConnectionIcon";
 import PlaybookSpecIcon from "../Playbooks/Settings/PlaybookSpecIcon";
 import { TopologyLink } from "../Topology/TopologyLink";
+import { permissionObjectList } from "./ManagePermissions/Forms/FormikPermissionSelectResourceFields";
 import { permissionsActionsList } from "./PermissionsView";
 
 const permissionsTableColumns: MRT_ColumnDef<PermissionAPIResponse>[] = [
@@ -23,6 +24,11 @@ const permissionsTableColumns: MRT_ColumnDef<PermissionAPIResponse>[] = [
       const playbook = row.original.playbook;
       const component = row.original.component;
       const connection = row.original.connection;
+      const object = row.original.object;
+
+      if (object) {
+        return permissionObjectList.find((o) => o.value === object)?.label;
+      }
 
       return (
         <div className="flex flex-col">