+
-
- {helpText && {helpText}}
+
+ {helpText && (
+
+ {helpText}
+
+ )}
);
diff --git a/src/bootstrap/RadioSet.md b/src/bootstrap/RadioSet.md
index 13c3338..1a01b0e 100644
--- a/src/bootstrap/RadioSet.md
+++ b/src/bootstrap/RadioSet.md
@@ -1,15 +1,16 @@
-Set of radio Bootstrap component input with label and predefined sizes and structure for using in foris forms.
+Set of radio Bootstrap component input with label and predefined sizes and
+structure for using in foris forms.
All additional `props` are passed to the `
` HTML component.
Unless `helpText` is set for one of the options they are displayed inline.
```js
-import {useState} from 'react';
-const CHOICES=[
- {value:'one',label:'1'},
- {value:'two',label:'2'},
- {value:'three',label:'3'},
+import { useState } from "react";
+const CHOICES = [
+ { value: "one", label: "1" },
+ { value: "two", label: "2" },
+ { value: "three", label: "3" },
];
const [value, setValue] = useState(CHOICES[0].value);
@@ -17,10 +18,10 @@ const [value, setValue] = useState(CHOICES[0].value);
{/*Yeah, it gets event, not value!*/}
setValue(event.target.value)}
+ onChange={(event) => setValue(event.target.value)}
/>
Selected value: {value}
-
+;
```
diff --git a/src/bootstrap/Select.js b/src/bootstrap/Select.js
index 5dfd7d1..c60e282 100644
--- a/src/bootstrap/Select.js
+++ b/src/bootstrap/Select.js
@@ -15,35 +15,30 @@ Select.propTypes = {
/** Choices if form of {value : "Label",...}. */
choices: PropTypes.object.isRequired,
/** Current value. */
- value: PropTypes.oneOfType([
- PropTypes.string,
- PropTypes.number,
- ]).isRequired,
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
/** Help text message. */
helpText: PropTypes.string,
};
-export function Select({
- label, choices, helpText, ...props
-}) {
+export function Select({ label, choices, helpText, ...props }) {
const uid = useUID();
- const options = Object.keys(choices).sort(
- (a, b) => a - b || a.toString().localeCompare(b.toString()),
- ).map(
- (key) => ,
- );
+ const options = Object.keys(choices)
+ .sort((a, b) => a - b || a.toString().localeCompare(b.toString()))
+ .map((key) => (
+
+ ));
return (
-
);
}
diff --git a/src/bootstrap/Select.md b/src/bootstrap/Select.md
index 1663183..acbac8c 100644
--- a/src/bootstrap/Select.md
+++ b/src/bootstrap/Select.md
@@ -1,13 +1,14 @@
-Select with options Bootstrap component input with label and predefined sizes and structure for using in foris forms.
+Select with options Bootstrap component input with label and predefined sizes
+and structure for using in foris forms.
All additional `props` are passed to the `