-
- {children}
+ return (
+
+
-
-
+
+ );
}
ModalHeader.propTypes = {
@@ -55,35 +55,39 @@ ModalHeader.propTypes = {
title: PropTypes.string.isRequired,
};
-export function ModalHeader({setShown, title}) {
- return
-
{title}
-
-
+export function ModalHeader({ setShown, title }) {
+ return (
+
+
{title}
+
+
+ );
}
ModalBody.propTypes = {
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
- PropTypes.node
- ]).isRequired
+ PropTypes.node,
+ ]).isRequired,
};
-export function ModalBody({children}) {
- return
{children}
+export function ModalBody({ children }) {
+ return
{children}
;
}
ModalFooter.propTypes = {
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
- PropTypes.node
- ]).isRequired
+ PropTypes.node,
+ ]).isRequired,
};
-export function ModalFooter({children}) {
- return
- {children}
-
+export function ModalFooter({ children }) {
+ return (
+
+ {children}
+
+ );
}
diff --git a/src/bootstrap/NumberInput.js b/src/bootstrap/NumberInput.js
index 1aa75d1..0b6d2f8 100644
--- a/src/bootstrap/NumberInput.js
+++ b/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}) =>
;
+const NumberInput = ({ ...props }) =>
;
NumberInput.propTypes = {
/** Field label. */
@@ -25,3 +25,5 @@ NumberInput.propTypes = {
PropTypes.number,
]),
};
+
+export default NumberInput;
diff --git a/src/bootstrap/PasswordInput.js b/src/bootstrap/PasswordInput.js
index 02bda9f..a5104de 100644
--- a/src/bootstrap/PasswordInput.js
+++ b/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
- {withEye ?
-
-
-
- : null}
-
+ return (
+
+ {withEye
+ ? (
+
+
+
+ )
+ : null}
+
+ );
}
diff --git a/src/bootstrap/RadioSet.js b/src/bootstrap/RadioSet.js
index 52bea3a..3fec51c 100644
--- a/src/bootstrap/RadioSet.js
+++ b/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) =>
-
{
+ const id = `${name}-${key}`;
+ return (
+
+ {...props}
+ />
+ );
+ });
+
+ return (
+
+ {label
+ ? (
+
+ )
+ : null}
+ {radios}
+ {helpText ? {helpText} : null}
+
);
-
- return
- {label ?
-
- : null}
- {radios}
- {helpText ? {helpText} : null}
-
;
}
Radio.propTypes = {
label: PropTypes.string.isRequired,
id: PropTypes.string.isRequired,
- helpText: PropTypes.string
+ helpText: PropTypes.string,
};
-function Radio({label, id, helpText, ...props}) {
- return <>
-
-
+
+
-
-
- {helpText ?
{helpText} : null}
-
+ {...props}
+ />
+
+
-
-
- {helpText ? {helpText} : null}
-
;
+ return (
+
+
+
+ {helpText ? {helpText} : null}
+
+ );
}
diff --git a/src/bootstrap/TextInput.js b/src/bootstrap/TextInput.js
index 52e063a..4ef0a6b 100644
--- a/src/bootstrap/TextInput.js
+++ b/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}) => ;
+const TextInput = ({ ...props }) => ;
TextInput.propTypes = {
@@ -22,3 +22,5 @@ TextInput.propTypes = {
/** Help text message. */
helpText: PropTypes.string,
};
+
+export default TextInput;
diff --git a/src/bootstrap/__tests__/Button.test.js b/src/bootstrap/__tests__/Button.test.js
index e42ddc9..08684fd 100644
--- a/src/bootstrap/__tests__/Button.test.js
+++ b/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('', () => {
it('Render button correctly', () => {
diff --git a/src/bootstrap/__tests__/Checkbox.test.js b/src/bootstrap/__tests__/Checkbox.test.js
index 9a82ecd..60d5803 100644
--- a/src/bootstrap/__tests__/Checkbox.test.js
+++ b/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('', () => {
it('Render checkbox', () => {
diff --git a/src/bootstrap/__tests__/NumberInput.test.js b/src/bootstrap/__tests__/NumberInput.test.js
index daba60c..011f230 100644
--- a/src/bootstrap/__tests__/NumberInput.test.js
+++ b/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('', () => {
diff --git a/src/bootstrap/__tests__/PasswordInput.test.js b/src/bootstrap/__tests__/PasswordInput.test.js
index 6b92f07..74beddf 100644
--- a/src/bootstrap/__tests__/PasswordInput.test.js
+++ b/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('', () => {
it('Render password input', () => {
diff --git a/src/bootstrap/__tests__/RadioSet.test.js b/src/bootstrap/__tests__/RadioSet.test.js
index 2369bc9..39b91a9 100644
--- a/src/bootstrap/__tests__/RadioSet.test.js
+++ b/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'},
diff --git a/src/bootstrap/__tests__/Select.test.js b/src/bootstrap/__tests__/Select.test.js
index 0e94c88..c309172 100644
--- a/src/bootstrap/__tests__/Select.test.js
+++ b/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',
diff --git a/src/bootstrap/__tests__/TextInput.test.js b/src/bootstrap/__tests__/TextInput.test.js
index 9c64ded..7679697 100644
--- a/src/bootstrap/__tests__/TextInput.test.js
+++ b/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('', () => {
it('Render text input', () => {
diff --git a/src/bootstrap/__tests__/__snapshots__/Button.test.js.snap b/src/bootstrap/__tests__/__snapshots__/Button.test.js.snap
index 6a56f33..1cf1143 100644
--- a/src/bootstrap/__tests__/__snapshots__/Button.test.js.snap
+++ b/src/bootstrap/__tests__/__snapshots__/Button.test.js.snap
@@ -3,6 +3,7 @@
exports[` Render button correctly 1`] = `