fix: add displayName for each component (#388)

Author: chrismanciero

src/ActionBar/ActionBar.js

@@ -20,6 +20,7 @@ export const ActionBar = ({ mobile, width, children, className, ...props }) => {
         </React.Fragment>
     );
 };
+ActionBar.displayName = 'ActionBar';
 
 ActionBar.propTypes = {
     className: PropTypes.string,

src/Alert/Alert.js

@@ -70,6 +70,7 @@ export class Alert extends Component {
         );
     }
 }
+Alert.displayName = 'Alert';
 
 Alert.propTypes = {
     buttonProps: PropTypes.object,

src/Badge/Badge.js

@@ -20,6 +20,7 @@ export const Badge = ({ type, modifier, children, className, ...props }) => {
         </span>
     );
 };
+Badge.displayName = 'Badge';
 
 Badge.propTypes = {
     className: PropTypes.string,
@@ -38,13 +39,14 @@ export const Label = ({ type, children, className, ...props }) => {
 
     return <span {...props} className={labelClasses}>{children}</span>;
 };
+Label.displayName = 'Label';
 
 Label.propTypes = {
     className: PropTypes.string,
     type: PropTypes.oneOf(LABEL_TYPES)
 };
 
-export const Status = ({ type, glyph, children, className, ...props } ) => {
+export const Status = ({ type, glyph, children, className, ...props }) => {
     const statusClasses = classnames(
         'fd-status-label',
         {
@@ -62,6 +64,8 @@ export const Status = ({ type, glyph, children, className, ...props } ) => {
         </span>
     );
 };
+Status.displayName = 'Status';
+
 Status.propTypes = {
     className: PropTypes.string,
     glyph: PropTypes.string,
@@ -84,6 +88,7 @@ export const Counter = ({ notification, children, className, ...props }) => {
         </span>
     );
 };
+Counter.displayName = 'Counter';
 
 Counter.propTypes = {
     className: PropTypes.string,

src/Breadcrumb/Breadcrumb.js

@@ -5,6 +5,7 @@ import React from 'react';
 export const Breadcrumb = ({ children, ...props }) => {
     return <ul {...props} className='fd-breadcrumb'>{children}</ul>;
 };
+Breadcrumb.displayName = 'Breadcrumb';
 
 Breadcrumb.propTypes = {
     children: PropTypes.node
@@ -38,6 +39,7 @@ export const BreadcrumbItem = ({ url, name, className, children, ...props }) =>
         </li>
     );
 };
+BreadcrumbItem.displayName = 'BreadcrumbItem';
 
 BreadcrumbItem.propTypes = {
     name: PropTypes.string,

src/Button/Button.js

@@ -39,6 +39,7 @@ export const Button = ({
         {children}
     </button>);
 };
+Button.displayName = 'Button';
 
 Button.propTypes = {
     children: PropTypes.node,
@@ -74,6 +75,7 @@ export const ButtonGroup = ({ children, ...props }) => {
         </div>
     );
 };
+ButtonGroup.displayName = 'ButtonGroup';
 
 ButtonGroup.propTypes = {
     children: PropTypes.node

src/Calendar/Calendar.js

@@ -547,6 +547,7 @@ export class Calendar extends Component {
     }
 
 }
+Calendar.displayName = 'Calendar';
 
 Calendar.basePropTypes = {
     blockedDates: PropTypes.arrayOf(PropTypes.instanceOf(Date)),

src/ComboboxInput/ComboboxInput.js

@@ -49,6 +49,7 @@ export const ComboboxInput = ({ placeholder, menu, compact, className, popoverPr
         </div>
     );
 };
+ComboboxInput.displayName = 'ComboboxInput';
 
 ComboboxInput.propTypes = {
     menu: PropTypes.object.isRequired,

src/DatePicker/DatePicker.js

@@ -342,6 +342,7 @@ export class DatePicker extends Component {
         );
     }
 }
+DatePicker.displayName = 'DatePicker';
 
 DatePicker.propTypes = {
     ...Calendar.basePropTypes,

src/Dropdown/Dropdown.js

@@ -19,6 +19,7 @@ export const Dropdown = props => {
         </div>
     );
 };
+Dropdown.displayName = 'Dropdown';
 
 Dropdown.propTypes = {
     children: PropTypes.node,

src/Forms/Forms.js

@@ -16,6 +16,8 @@ export const FormSet = ({ children, className, ...props }) => {
         </div>
     );
 };
+FormSet.displayName = 'FormSet';
+
 FormSet.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string
@@ -40,6 +42,7 @@ export const FormItem = ({ isCheck, isInline, children, className, ...props }) =
         </div>
     );
 };
+FormItem.displayName = 'FormItem';
 
 FormItem.propTypes = {
     children: PropTypes.node,
@@ -69,6 +72,8 @@ export const FormLabel = ({ required, children, className, ...props }) => {
         </label>
     );
 };
+FormLabel.displayName = 'FormLabel';
+
 FormLabel.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
@@ -96,6 +101,8 @@ export const FormMessage = ({ type, children, className, ...props }) => {
         </span>
     );
 };
+FormMessage.displayName = 'FormMessage';
+
 FormMessage.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
@@ -118,6 +125,8 @@ export const FormInput = ({ state, className, ...props }) => {
             className={formInputClasses} />
     );
 };
+FormInput.displayName = 'FormInput';
+
 FormInput.propTypes = {
     className: PropTypes.string,
     state: PropTypes.string
@@ -142,6 +151,8 @@ export const FormTextarea = ({ children, className, ...props }) => {
         </textarea>
     );
 };
+FormTextarea.displayName = 'FormTextarea';
+
 FormTextarea.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string
@@ -162,6 +173,8 @@ export const FormFieldset = ({ children, className, ...props }) => {
         </fieldset>
     );
 };
+FormFieldset.displayName = 'FormFieldset';
+
 FormFieldset.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string
@@ -182,6 +195,8 @@ export const FormLegend = ({ children, className, ...props }) => {
         </legend>
     );
 };
+FormLegend.displayName = 'FormLegend';
+
 FormLegend.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string
@@ -203,6 +218,8 @@ export const FormSelect = ({ disabled, children, className, ...props }) => {
         </select>
     );
 };
+FormSelect.displayName = 'FormSelect';
+
 FormSelect.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
@@ -269,6 +286,8 @@ export class FormRadio extends Component {
         return <div>{result}</div>;
     }
 }
+FormRadio.displayName = 'FormRadio';
+
 FormRadio.propTypes = {
     inputs: PropTypes.array.isRequired,
     defaultChecked: PropTypes.string,