fix: add disabled attribute back to FormGroup (#17058)

* fix: add disabled attribute back to FormGroup Fixes #17057. * chore: update snapshot to fix test
carbon-design-system · Jul 30, 2024 · 50e88bc · 50e88bc
1 parent d2651f2
commit 50e88bc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -3733,6 +3733,9 @@ Map {
       "className": Object {
         "type": "string",
       },
+      "disabled": Object {
+        "type": "bool",
+      },
       "invalid": Object {
         "type": "bool",
       },

diff --git a/packages/react/src/components/FormGroup/FormGroup.tsx b/packages/react/src/components/FormGroup/FormGroup.tsx
@@ -20,6 +20,10 @@ export interface FormGroupProps extends ReactAttr<HTMLFieldSetElement> {
    * Provide a custom className to be applied to the containing <fieldset> node
    */
   className?: string;
+  /**
+   * Specify whether the FormGroup should be disabled
+   */
+  disabled?: boolean;
   /**
    * Specify whether the <FormGroup> is invalid
    */
@@ -45,6 +49,7 @@ export interface FormGroupProps extends ReactAttr<HTMLFieldSetElement> {
 }
 
 const FormGroup = ({
+  disabled = false,
   legendId,
   legendText,
   invalid = false,
@@ -60,6 +65,7 @@ const FormGroup = ({
 
   return (
     <fieldset
+      disabled={disabled}
       {...(invalid && { 'data-invalid': '' })}
       className={classNamesFieldset}
       {...rest}
@@ -88,6 +94,11 @@ FormGroup.propTypes = {
    */
   className: PropTypes.string,
 
+  /**
+   * Specify whether the FormGroup should be disabled
+   */
+  disabled: PropTypes.bool,
+
   /**
    * Specify whether the <FormGroup> is invalid
    */