fix(Form.Group): add disabled flag (Semantic-Org#4436)

* fix(Form.Group): add disabled flag * add a test --------- Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

Author: naman1608

src/collections/Form/FormGroup.d.ts

@@ -15,6 +15,9 @@ export interface StrictFormGroupProps {
  /** Additional classes. */
  className?: string
 
+ /** A Form Group can be disabled. */
+ disabled?: boolean
+
  /** Fields can show related choices. */
  grouped?: boolean
 

src/collections/Form/FormGroup.js

@@ -16,9 +16,10 @@ import {
  * @see Form
  */
 const FormGroup = React.forwardRef((props, ref) => {
- const { children, className, grouped, inline, unstackable, widths } = props
+ const { children, className, disabled, grouped, inline, unstackable, widths } = props
 
  const classes = cx(
+ useKeyOnly(disabled, 'disabled'),
  useKeyOnly(grouped, 'grouped'),
  useKeyOnly(inline, 'inline'),
  useKeyOnly(unstackable, 'unstackable'),
@@ -48,6 +49,9 @@ FormGroup.propTypes = {
  /** Additional classes. */
  className: PropTypes.string,
 
+ /** A Form Group can be disabled. */
+ disabled: PropTypes.bool,
+
  /** Fields can show related choices. */
  grouped: customPropTypes.every([customPropTypes.disallow(['inline']), PropTypes.bool]),
 

test/specs/collections/Form/FormGroup-test.js

@@ -14,6 +14,7 @@ describe('FormGroup', () => {
  })
 
  common.propKeyOnlyToClassName(FormGroup, 'grouped')
+ common.propKeyOnlyToClassName(FormGroup, 'disabled')
  common.propKeyOnlyToClassName(FormGroup, 'inline')
  common.propKeyOnlyToClassName(FormGroup, 'unstackable')