Fix lint.

src/bootstrap/Alert.js

@@ -5,27 +5,31 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
 Alert.propTypes = {
-    /** Type of the alert it adds as `alert-${type}` class.*/
+    /** Type of the alert it adds as `alert-${type}` class. */
     type: PropTypes.string.isRequired,
-    /** Alert message.*/
+    /** Alert message. */
     message: PropTypes.string,
-    /** Alert content.*/
+    /** Alert content. */
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.node
+        PropTypes.node,
     ]),
-    /** onDismiss handler.*/
-    onDismiss: PropTypes.func
+    /** onDismiss handler. */
+    onDismiss: PropTypes.func,
 };
 
-export function Alert({type, message, onDismiss, children}) {
-    return <div className={`alert alert-dismissible alert-${type}`}>
-        {onDismiss ? <button type="button" className="close" onClick={onDismiss}>&times;</button> : false}
-        {message}
-        {children}
-    </div>
+export default function Alert({
+    type, message, onDismiss, children,
+}) {
+    return (
+        <div className={`alert alert-dismissible alert-${type}`}>
+            {onDismiss ? <button type="button" className="close" onClick={onDismiss}>&times;</button> : false}
+            {message}
+            {children}
+        </div>
+    );
 }

src/bootstrap/Button.js

@@ -5,13 +5,13 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
 const OFFSET = 8;
 const SIZE = 3;
-const SIZE_CLASS = ' offset-lg-' + OFFSET + ' col-lg-' + SIZE;
-const SIZE_CLASS_SM = ' col-sm-12';
+const SIZE_CLASS = ` offset-lg-${OFFSET} col-lg-${SIZE}`;
+const SIZE_CLASS_SM = " col-sm-12";
 
 Button.propTypes = {
     /** Additional class name. */
@@ -26,18 +26,25 @@ Button.propTypes = {
         PropTypes.element,
         PropTypes.node,
         PropTypes.arrayOf(PropTypes.node),
-    ]).isRequired
+    ]).isRequired,
 };
 
-export function Button({className, loading, forisFormSize, children, ...props}) {
-    className = className ? 'btn ' + className : 'btn btn-primary ';
-    if (forisFormSize)
-        className += SIZE_CLASS + SIZE_CLASS_SM;
+export default function Button({
+    className, loading, forisFormSize, children, ...props
+}) {
+    className = className ? `btn ${className}` : "btn btn-primary ";
+    if (forisFormSize) className += SIZE_CLASS + SIZE_CLASS_SM;
 
-    const span = loading ?
-        <span className='spinner-border spinner-border-sm' role='status' aria-hidden='true'/> : null;
+    const span = loading
+        ? <span className="spinner-border spinner-border-sm" role="status" aria-hidden="true" /> : null;
 
-    return <button className={className} {...props}>
-        {span} {span ? ' ' : null} {children}
-    </button>;
+    return (
+        <button type="button" className={className} {...props}>
+            {span}
+            {" "}
+            {span ? " " : null}
+            {" "}
+            {children}
+        </button>
+    );
 }

src/bootstrap/Checkbox.js

@@ -7,7 +7,7 @@
 
 import React from "react";
 import PropTypes from "prop-types";
-import { useUID } from "react-uid";
+import { useUID } from "react-uid/dist/es5/index";
 
 import { formFieldsSize } from "./constants";
 
@@ -27,7 +27,7 @@ CheckBox.defaultProps = {
     disabled: false,
 };
 
-export function CheckBox({
+export default function CheckBox({
     label, helpText, useDefaultSize, disabled, ...props
 }) {
     const uid = useUID();

src/bootstrap/DataTimeInput.js

@@ -5,53 +5,59 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import Datetime from 'react-datetime/DateTime';
-import moment from 'moment/moment';
+import React from "react";
+import PropTypes from "prop-types";
+import Datetime from "react-datetime/DateTime";
+import moment from "moment/moment";
 
-import {Input} from './Input';
+import Input from "./Input";
 
 DataTimeInput.propTypes = {
     /** Field label. */
     label: PropTypes.string.isRequired,
     /** Error message. */
     error: PropTypes.string,
-    /** DataTime or Data or Time value. Can be `moment` or string.*/
+    /** DataTime or Data or Time value. Can be `moment` or string. */
     value: PropTypes.oneOfType([PropTypes.objectOf(moment), PropTypes.string]),
     /** Help text message. */
     helpText: PropTypes.string,
     /** Content. */
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.node
+        PropTypes.node,
     ]),
     isValidDate: PropTypes.bool,
     onChange: PropTypes.func.isRequired,
     dateFormat: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    timeFormat: PropTypes.string
+    timeFormat: PropTypes.string,
 };
 
-const DEFAULT_DATE_FORMAT = 'YYYY-MM-DD';
-const DEFAULT_TIME_FORMAT = 'HH:mm:ss';
+const DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
+const DEFAULT_TIME_FORMAT = "HH:mm:ss";
 
-export function DataTimeInput({value, onChange, isValidDate, dateFormat, timeFormat, children, ...props}) {
+export default function DataTimeInput({
+    value, onChange, isValidDate, dateFormat, timeFormat, children, ...props
+}) {
     function renderInput(datetimeProps) {
-        return <Input
-            {...props}
-            {...datetimeProps}
-        >
-            {children}
-        </Input>
+        return (
+            <Input
+                {...props}
+                {...datetimeProps}
+            >
+                {children}
+            </Input>
+        );
     }
 
-    return <Datetime
-        locale={ForisTranslations.locale}
-        dateFormat={dateFormat !== undefined ? dateFormat : DEFAULT_DATE_FORMAT}
-        timeFormat={timeFormat !== undefined ? timeFormat : DEFAULT_TIME_FORMAT}
-        value={value}
-        onChange={onChange}
-        isValidDate={isValidDate}
-        renderInput={renderInput}
-    />;
+    return (
+        <Datetime
+            locale={ForisTranslations.locale}
+            dateFormat={dateFormat !== undefined ? dateFormat : DEFAULT_DATE_FORMAT}
+            timeFormat={timeFormat !== undefined ? timeFormat : DEFAULT_TIME_FORMAT}
+            value={value}
+            onChange={onChange}
+            isValidDate={isValidDate}
+            renderInput={renderInput}
+        />
+    );
 }

src/bootstrap/EmailInput.js

@@ -5,12 +5,13 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
+import React from "react";
 
-import {Input} from './Input';
-import PropTypes from 'prop-types';
+import PropTypes from "prop-types";
+import Input from "./Input";
+
+const EmailInput = ({ ...props }) => <Input type="email" {...props} />;
 
-export const EmailInput = ({...props}) => <Input type="email" {...props}/>;
 
 EmailInput.propTypes = {
     /** Field label. */
@@ -22,3 +23,5 @@ EmailInput.propTypes = {
     /** Email value. */
     value: PropTypes.string,
 };
+
+export default EmailInput;

src/bootstrap/Input.js

@@ -5,10 +5,10 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import {useUID} from 'react-uid';
-import {formFieldsSize} from './constants';
-import PropTypes from 'prop-types';
+import React from "react";
+import { useUID } from "react-uid/dist/es5/index";
+import PropTypes from "prop-types";
+import { formFieldsSize } from "./constants";
 
 Input.propTypes = {
     type: PropTypes.string.isRequired,
@@ -18,29 +18,33 @@ Input.propTypes = {
     className: PropTypes.string,
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.node
-    ])
-}
+        PropTypes.node,
+    ]),
+};
 
 /** Base bootstrap input component. */
-export function Input({type, label, helpText, error, className, children, ...props}) {
+export default function Input({
+    type, label, helpText, error, className, children, ...props
+}) {
     const uid = useUID();
-    const inputClassName = `form-control ${className ? className : ''} ${(error ? 'is-invalid' : '')}`.trim();
-    return <div className={formFieldsSize}>
-        <div className='form-group'>
-            <label htmlFor={uid}>{label}</label>
-            <div className='input-group'>
-                <input
-                    className={inputClassName}
-                    type={type}
-                    id={uid}
+    const inputClassName = `form-control ${className || ""} ${(error ? "is-invalid" : "")}`.trim();
+    return (
+        <div className={formFieldsSize}>
+            <div className="form-group">
+                <label htmlFor={uid}>{label}</label>
+                <div className="input-group">
+                    <input
+                        className={inputClassName}
+                        type={type}
+                        id={uid}
 
-                    {...props}
-                />
-                {children}
+                        {...props}
+                    />
+                    {children}
+                </div>
+                {error ? <div className="invalid-feedback">{error}</div> : null}
+                {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
             </div>
-            {error ? <div className='invalid-feedback'>{error}</div> : null}
-            {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
         </div>
-    </div>;
+    );
 }

src/bootstrap/Modal.js

@@ -5,10 +5,9 @@
  * See /LICENSE for more information.
  */
 
-import React, {useEffect, useRef} from 'react';
-import PropTypes from 'prop-types';
-
-import {Portal} from 'utils/Portal';
+import React, { useEffect, useRef } from "react";
+import PropTypes from "prop-types";
+import Portal from "utils/Portal";
 
 Modal.propTypes = {
     /** Is modal shown value */
@@ -19,17 +18,16 @@ Modal.propTypes = {
     /** Modal content use following: `ModalHeader`, `ModalBody`, `ModalFooter` */
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.node
-    ]).isRequired
+        PropTypes.node,
+    ]).isRequired,
 };
 
-export function Modal({shown, setShown, children}) {
+export function Modal({ shown, setShown, children }) {
     const dialogRef = useRef();
 
     useEffect(() => {
         function handleClickOutsideDialog(e) {
-            if (!dialogRef.current.contains(e.target))
-                setShown(false);
+            if (!dialogRef.current.contains(e.target)) setShown(false);
         }
 
         document.addEventListener("mousedown", handleClickOutsideDialog);
@@ -39,15 +37,17 @@ export function Modal({shown, setShown, children}) {
     }, [setShown]);
 
 
-    return <Portal containerId="modal_container">
-        <div className={'modal fade ' + (shown ? 'show' : '')} role="dialog">
-            <div ref={dialogRef} className="modal-dialog" role="document">
-                <div className="modal-content">
-                    {children}
+    return (
+        <Portal containerId="modal-container">
+            <div className={`modal fade ${shown ? "show" : ""}`} role="dialog">
+                <div ref={dialogRef} className="modal-dialog" role="document">
+                    <div className="modal-content">
+                        {children}
+                    </div>
                 </div>
             </div>
-        </div>
-    </Portal>
+        </Portal>
+    );
 }
 
 ModalHeader.propTypes = {
@@ -55,35 +55,39 @@ ModalHeader.propTypes = {
     title: PropTypes.string.isRequired,
 };
 
-export function ModalHeader({setShown, title}) {
-    return <div className="modal-header">
-        <h5 className="modal-title">{title}</h5>
-        <button type="button" className="close" onClick={() => setShown(false)}>
-            <span aria-hidden="true">&times;</span>
-        </button>
-    </div>
+export function ModalHeader({ setShown, title }) {
+    return (
+        <div className="modal-header">
+            <h5 className="modal-title">{title}</h5>
+            <button type="button" className="close" onClick={() => setShown(false)}>
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+    );
 }
 
 ModalBody.propTypes = {
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.node
-    ]).isRequired
+        PropTypes.node,
+    ]).isRequired,
 };
 
-export function ModalBody({children}) {
-    return <div className="modal-body">{children}</div>
+export function ModalBody({ children }) {
+    return <div className="modal-body">{children}</div>;
 }
 
 ModalFooter.propTypes = {
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.node
-    ]).isRequired
+        PropTypes.node,
+    ]).isRequired,
 };
 
-export function ModalFooter({children}) {
-    return <div className="modal-footer">
-        {children}
-    </div>
+export function ModalFooter({ children }) {
+    return (
+        <div className="modal-footer">
+            {children}
+        </div>
+    );
 }

src/bootstrap/NumberInput.js

@@ -5,12 +5,12 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
+import React from "react";
 
-import {Input} from './Input';
-import PropTypes from 'prop-types';
+import PropTypes from "prop-types";
+import Input from "./Input";
 
-export const NumberInput = ({...props}) => <Input type="number" {...props}/>;
+const NumberInput = ({ ...props }) => <Input type="number" {...props} />;
 
 NumberInput.propTypes = {
     /** Field label. */
@@ -25,3 +25,5 @@ NumberInput.propTypes = {
         PropTypes.number,
     ]),
 };
+
+export default NumberInput;

src/bootstrap/PasswordInput.js

@@ -5,10 +5,10 @@
  * See /LICENSE for more information.
  */
 
-import React, {useState} from 'react';
-import PropTypes from 'prop-types';
+import React, { useState } from "react";
+import PropTypes from "prop-types";
 
-import {Input} from './Input';
+import Input from "./Input";
 
 PasswordInput.propTypes = {
     /** Field label. */
@@ -23,22 +23,30 @@ PasswordInput.propTypes = {
     withEye: PropTypes.bool,
 };
 
-export function PasswordInput({withEye, ...props}) {
+export default function PasswordInput({ withEye, ...props }) {
     const [isHidden, setHidden] = useState(true);
-    return <Input
-        type={withEye ? isHidden ? 'password' : 'text' : 'password'}
-        autoComplete={isHidden ? 'new-password' : null}
-        {...props}
-    >
-        {withEye ?
-            <div className="input-group-append">
-                <button className="input-group-text" onClick={e => {
-                    e.preventDefault();
-                    setHidden(isHidden => !isHidden);
-                }}>
-                    <i className={'fa ' + (isHidden ? 'fa-eye' : 'fa-eye-slash')}/>
-                </button>
-            </div>
-            : null}
-    </Input>
+    return (
+        <Input
+            type={withEye && !isHidden ? "text" : "password"}
+            autoComplete={isHidden ? "new-password" : null}
+            {...props}
+        >
+            {withEye
+                ? (
+                    <div className="input-group-append">
+                        <button
+                            type="button"
+                            className="input-group-text"
+                            onClick={(e) => {
+                                e.preventDefault();
+                                setHidden((shouldBeHidden) => !shouldBeHidden);
+                            }}
+                        >
+                            <i className={`fa ${isHidden ? "fa-eye" : "fa-eye-slash"}`} />
+                        </button>
+                    </div>
+                )
+                : null}
+        </Input>
+    );
 }

src/bootstrap/RadioSet.js

@@ -5,76 +5,89 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import {useUID} from 'react-uid';
+import React from "react";
+import PropTypes from "prop-types";
+import { useUID } from "react-uid/dist/es5/index";
 
-import {formFieldsSize} from './constants';
+import { formFieldsSize } from "./constants";
 
 
 RadioSet.propTypes = {
-    /** Name attribute of the input HTML tag.*/
+    /** Name attribute of the input HTML tag. */
     name: PropTypes.string.isRequired,
-    /** RadioSet label .*/
+    /** RadioSet label . */
     label: PropTypes.string,
-    /** Choices .*/
+    /** Choices . */
     choices: PropTypes.arrayOf(PropTypes.shape({
-        /** Choice lable .*/
+        /** Choice lable . */
         label: PropTypes.string.isRequired,
-        /** Choice value .*/
+        /** Choice value . */
         value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
     })).isRequired,
-    /** Initial value .*/
+    /** Initial value . */
     value: PropTypes.string,
-    /** Help text message .*/
+    /** Help text message . */
     helpText: PropTypes.string,
 };
 
-export function RadioSet({name, label, choices, value, helpText, ...props}) {
+export default function RadioSet({
+    name, label, choices, value, helpText, ...props
+}) {
     const uid = useUID();
-    const radios = choices.map((choice, key) =>
-        <Radio
-            id={`${name}-${key}`}
-            key={key}
-            name={name}
-            label={choice.label}
-            value={choice.value}
-            helpText={choice.helpText}
-            checked={choice.value === value}
+    const radios = choices.map((choice, key) => {
+        const id = `${name}-${key}`;
+        return (
+            <Radio
+                id={id}
+                key={id}
+                name={name}
+                label={choice.label}
+                value={choice.value}
+                helpText={choice.helpText}
+                checked={choice.value === value}
 
-            {...props}
-        />
+                {...props}
+            />
+        );
+    });
+
+    return (
+        <div className={`form-group ${formFieldsSize}`} style={{ marginBottom: "1rem" }}>
+            {label
+                ? (
+                    <label className="col-12" htmlFor={uid} style={{ paddingLeft: "0" }}>
+                        {label}
+                    </label>
+                )
+                : null}
+            {radios}
+            {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
+        </div>
     );
-
-    return <div className={`form-group ${formFieldsSize}`} style={{marginBottom: '1rem'}}>
-        {label ?
-            <label className='col-12' htmlFor={uid} style={{paddingLeft: '0'}}>
-                {label}
-            </label>
-            : null}
-        {radios}
-        {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
-    </div>;
 }
 
 Radio.propTypes = {
     label: PropTypes.string.isRequired,
     id: PropTypes.string.isRequired,
-    helpText: PropTypes.string
+    helpText: PropTypes.string,
 };
 
-function Radio({label, id, helpText, ...props}) {
-    return <>
-        <div className='custom-control custom-radio custom-control-inline'>
-            <input
-                id={id}
-                className='custom-control-input'
-                type='radio'
+function Radio({
+    label, id, helpText, ...props
+}) {
+    return (
+        <>
+            <div className="custom-control custom-radio custom-control-inline">
+                <input
+                    id={id}
+                    className="custom-control-input"
+                    type="radio"
 
-                {...props}
-            />
-            <label className='custom-control-label' htmlFor={id}>{label}</label>
-        </div>
-        {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
-    </>
+                    {...props}
+                />
+                <label className="custom-control-label" htmlFor={id}>{label}</label>
+            </div>
+            {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
+        </>
+    );
 }

src/bootstrap/Select.js

@@ -5,15 +5,15 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import {useUID} from 'react-uid';
+import React from "react";
+import PropTypes from "prop-types";
+import { useUID } from "react-uid/dist/es5/index";
 
 
 Select.propTypes = {
     /** Select field Label. */
     label: PropTypes.string.isRequired,
-    /** Choices if form of {value : "Label",...}.*/
+    /** Choices if form of {value : "Label",...}. */
     choices: PropTypes.object.isRequired,
     /** Current value. */
     value: PropTypes.oneOfType([
@@ -24,22 +24,26 @@ Select.propTypes = {
     helpText: PropTypes.string,
 };
 
-export function Select({label, choices, helpText, ...props}) {
+export default function Select({
+    label, choices, helpText, ...props
+}) {
     const uid = useUID();
 
     const options = Object.keys(choices).map(
-        key => <option key={key} value={key}>{choices[key]}</option>
+        (key) => <option key={key} value={key}>{choices[key]}</option>,
     );
 
-    return <div className='form-group col-sm-12 offset-lg-1 col-lg-10'>
-        <label htmlFor={uid}>{label}</label>
-        <select
-            className='custom-select'
-            id={uid}
-            {...props}
-        >
-            {options}
-        </select>
-        {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
-    </div>;
+    return (
+        <div className="form-group col-sm-12 offset-lg-1 col-lg-10">
+            <label htmlFor={uid}>{label}</label>
+            <select
+                className="custom-select"
+                id={uid}
+                {...props}
+            >
+                {options}
+            </select>
+            {helpText ? <small className="form-text text-muted">{helpText}</small> : null}
+        </div>
+    );
 }

src/bootstrap/TextInput.js

@@ -5,13 +5,13 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import {Input} from './Input';
+import Input from "./Input";
 
 
-export const TextInput = ({...props}) => <Input type="text" {...props}/>;
+const TextInput = ({ ...props }) => <Input type="text" {...props} />;
 
 
 TextInput.propTypes = {
@@ -22,3 +22,5 @@ TextInput.propTypes = {
     /** Help text message. */
     helpText: PropTypes.string,
 };
+
+export default TextInput;

src/bootstrap/__tests__/Button.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {render} from 'customTestRender';
 
-import {Button} from '../Button'
+import Button from '../Button'
 
 describe('<Button />', () => {
     it('Render button correctly', () => {

src/bootstrap/__tests__/Checkbox.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {render} from 'customTestRender';
 
-import {CheckBox} from '../Checkbox'
+import CheckBox from '../Checkbox'
 
 describe('<Checkbox/>', () => {
     it('Render checkbox', () => {

src/bootstrap/__tests__/NumberInput.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {render} from 'customTestRender';
 
-import {NumberInput} from '../NumberInput';
+import NumberInput from '../NumberInput';
 
 
 describe('<NumberInput/>', () => {

src/bootstrap/__tests__/PasswordInput.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {render} from 'customTestRender';
 
-import {PasswordInput} from '../PasswordInput';
+import PasswordInput from '../PasswordInput';
 
 describe('<PasswordInput/>', () => {
     it('Render password input', () => {

src/bootstrap/__tests__/RadioSet.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {render} from 'customTestRender';
 
-import {RadioSet} from '../RadioSet';
+import RadioSet from '../RadioSet';
 
 const TEST_CHOICES = [
     {label: 'label', value: 'value'},

src/bootstrap/__tests__/Select.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {fireEvent, getByDisplayValue, getByText, render} from 'customTestRender';
 
-import {Select} from '../Select';
+import Select from '../Select';
 
 const TEST_CHOICES = {
     '1': 'one',

src/bootstrap/__tests__/TextInput.test.js

@@ -9,7 +9,7 @@ import React from 'react';
 
 import {render} from 'customTestRender';
 
-import {TextInput} from '../TextInput';
+import TextInput from '../TextInput';
 
 describe('<TextInput/>', () => {
     it('Render text input', () => {

src/bootstrap/__tests__/__snapshots__/Button.test.js.snap

@@ -3,6 +3,7 @@
 exports[`<Button /> Render button correctly 1`] = `
 <button
   class="btn btn-primary "
+  type="button"
 >
    
    
@@ -13,6 +14,7 @@ exports[`<Button /> Render button correctly 1`] = `
 exports[`<Button /> Render button with custom classes 1`] = `
 <button
   class="btn one two three"
+  type="button"
 >
    
    
@@ -23,6 +25,7 @@ exports[`<Button /> Render button with custom classes 1`] = `
 exports[`<Button /> Render button with spinner 1`] = `
 <button
   class="btn btn-primary "
+  type="button"
 >
   <span
     aria-hidden="true"

src/bootstrap/constants.js

@@ -6,4 +6,5 @@
  */
 
 /** Bootstrap column size for form fields */
-export const formFieldsSize = 'col-sm-12 offset-lg-1 col-lg-10';
+// eslint-disable-next-line import/prefer-default-export
+export const formFieldsSize = "col-sm-12 offset-lg-1 col-lg-10";