feat(pam): PAM Platform V1

2026-10-21 17:28:13 +00:00 · 2025-09-27 01:57:43 -04:00
parent 270d8237fe
commit 4b1664c30f
141 changed files with 9327 additions and 46 deletions
@@ -0,0 +1,95 @@
+import { Controller, FormProvider, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+
+import { Button, FormControl, Input, ModalClose, TextArea } from "@app/components/v2";
+import { TPamFolder } from "@app/hooks/api/pam";
+import { slugSchema } from "@app/lib/schemas";
+
+type Props = {
+  folder?: TPamFolder;
+  onSubmit: (formData: FormData) => Promise<void>;
+};
+
+const formSchema = z.object({
+  name: slugSchema({ min: 1, max: 64, field: "Name" }),
+  description: z.string().max(512).optional()
+});
+
+type FormData = z.infer<typeof formSchema>;
+
+export const PamFolderForm = ({ folder, onSubmit }: Props) => {
+  const isUpdate = Boolean(folder);
+
+  const form = useForm<FormData>({
+    resolver: zodResolver(formSchema),
+    defaultValues: folder
+      ? {
+          name: folder.name,
+          description: folder.description || ""
+        }
+      : undefined
+  });
+
+  const {
+    control,
+    handleSubmit,
+    formState: { isSubmitting, isDirty, errors }
+  } = form;
+
+  return (
+    <FormProvider {...form}>
+      <form
+        onSubmit={(e) => {
+          handleSubmit(onSubmit)(e);
+        }}
+      >
+        <Controller
+          name="name"
+          control={control}
+          render={({ field }) => (
+            <FormControl
+              helperText="Name must be slug-friendly"
+              errorText={errors.name?.message}
+              isError={Boolean(errors.name?.message)}
+              label="Name"
+            >
+              <Input autoFocus placeholder="my-folder" {...field} />
+            </FormControl>
+          )}
+        />
+        <Controller
+          name="description"
+          control={control}
+          render={({ field }) => (
+            <FormControl
+              errorText={errors.name?.message}
+              isError={Boolean(errors.name?.message)}
+              label="Description"
+              isOptional
+            >
+              <TextArea {...field} />
+            </FormControl>
+          )}
+        />
+        <div className="mt-6 flex items-center">
+          <Button
+            className="mr-4"
+            size="sm"
+            type="submit"
+            colorSchema="secondary"
+            isLoading={isSubmitting}
+            isDisabled={isSubmitting || !isDirty}
+          >
+            {isUpdate ? "Update Folder" : "Create Folder"}
+          </Button>
+          <ModalClose asChild>
+            <Button colorSchema="secondary" variant="plain">
+              Cancel
+            </Button>
+          </ModalClose>
+        </div>
+      </form>
+    </FormProvider>
+  );
+};