fix(TextAreaField): Generate id if not provided (#49)

cultureamp · Oct 12, 2023 · 0860b51 · 0860b51
1 parent 2a0c787
commit 0860b51
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/big-maps-shave.md b/.changeset/big-maps-shave.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/draft-form": patch
+---
+
+Generate ID for TextAreaField if id prop not provided
diff --git a/draft-packages/form/KaizenDraft/Form/TextAreaField/TextAreaField.tsx b/draft-packages/form/KaizenDraft/Form/TextAreaField/TextAreaField.tsx
@@ -1,5 +1,6 @@
-import React from "react"
+import React, { useState } from "react"
 import classnames from "classnames"
+import { v4 } from "uuid"
 import {
   FieldGroup,
   FieldMessage,
@@ -28,12 +29,13 @@ export const TextAreaField = ({
   validationMessage,
   description,
   variant = "default",
-  id,
+  id: propsId,
   reversed = false,
   status = "default",
   disabled,
   ...restProps
 }: TextAreaFieldProps): JSX.Element => {
+  const [id] = useState<string>(propsId || v4())
   const validationMessageAria = validationMessage
     ? `${id}-field-validation-message`
     : ""