feat: Move FormGroup to forms (#769)

* moved formGroup out of inputgroup

* move snapshot tests

* changed index export and story import for formgroup

* fix imports

* added formgroup to the examples

Author: hertweckhr1

src/InputGroup/FormGroup.js renamed to src/Forms/FormGroup.js

@@ -1,6 +1,6 @@
 import path from 'path';
 import React from 'react';
-import { Checkbox, FormFieldset, FormInput, FormItem, FormLabel, FormLegend, FormMessage, FormRadioGroup, FormRadioItem, FormSelect, FormSet, FormTextarea, InlineHelp } from '../';
+import { Checkbox, FormFieldset, FormGroup, FormInput, FormItem, FormLabel, FormLegend, FormMessage, FormRadioGroup, FormRadioItem, FormSelect, FormSet, FormTextarea, InlineHelp } from '../';
 import { ComponentPage, Example } from '../_playground';
 
 export const FormsComponent = () => {
@@ -16,42 +16,42 @@ export const FormsComponent = () => {
                     and noted by an asterisk (*).`}
                 title='Inputs'>
                 <div>
-                    <FormSet>
+                    <FormGroup>
                         <FormItem>
                             <FormLabel htmlFor='input-1'>Default Input</FormLabel>
                             <FormInput id='input-1' placeholder='Field placeholder text'
                                 type='text' />
                         </FormItem>
-                    </FormSet>
+                    </FormGroup>
 
-                    <FormSet>
+                    <FormGroup>
                         <FormItem>
                             <FormLabel htmlFor='input-2' required>
                                 Required Input
                             </FormLabel>
                             <FormInput id='input-2' placeholder='Field placeholder text'
                                 type='text' />
                         </FormItem>
-                    </FormSet>
+                    </FormGroup>
 
-                    <FormSet>
+                    <FormGroup>
                         <FormItem>
                             <FormLabel htmlFor='input-3' required>
                                 Password
                             </FormLabel>
                             <FormInput id='input-3' placeholder='Field placeholder text'
                                 type='password' />
                         </FormItem>
-                    </FormSet>
+                    </FormGroup>
 
-                    <FormSet>
+                    <FormGroup>
                         <FormItem>
                             <FormLabel htmlFor='textarea-1' required>
                                 Text area
                             </FormLabel>
                             <FormTextarea defaultValue=' Pellentesque metus lacus commodo eget justo ut rutrum varius nunc.' id='textarea-1' />
                         </FormItem>
-                    </FormSet>
+                    </FormGroup>
                 </div>
             </Example>
 

src/InputGroup/FormGroup.test.js renamed to src/Forms/FormGroup.test.js

@@ -1,7 +1,7 @@
 import FormGroup from '../FormGroup';
-import FormItem from '../../Forms/FormItem';
-import FormLabel from '../../Forms/FormLabel';
-import InputGroup from '../InputGroup';
+import FormItem from '../FormItem';
+import FormLabel from '../FormLabel';
+import InputGroup from '../../InputGroup/InputGroup';
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import {

src/Forms/Forms.Component.js

@@ -12,6 +12,7 @@ export { default as Calendar } from './Calendar/Calendar';
 export { default as ComboboxInput } from './ComboboxInput/ComboboxInput';
 export { default as DatePicker } from './DatePicker/DatePicker';
 export { default as Dropdown } from './Dropdown/Dropdown';
+export { default as FormGroup } from './Forms/FormGroup';
 export { default as FormSet } from './Forms/FormSet';
 export { default as FormItem } from './Forms/FormItem';
 export { default as FormLabel } from './Forms/FormLabel';
@@ -28,7 +29,6 @@ export { default as Identifier } from './Identifier/Identifier';
 export { default as Image } from './Image/Image';
 export { default as InlineHelp } from './InlineHelp/InlineHelp';
 export { default as InputGroup } from './InputGroup/InputGroup';
-export { default as FormGroup } from './InputGroup/FormGroup';
 export { default as Link } from './Link/Link';
 export { default as ListGroup } from './ListGroup/ListGroup';
 export { default as LocalizationEditor } from './LocalizationEditor/LocalizationEditor';