} props.options E.g. [{ key, label }]
+ * @param {boolean} props.twoColumns
+ * @returns {JSX.Element} Final Form Field containing multiple checkbox inputs
+ */
const FieldCheckboxGroup = props => ;
-// Name and component are required fields for FieldArray.
-// Component-prop we define in this file, name needs to be passed in
-FieldCheckboxGroup.propTypes = {
- name: string.isRequired,
-};
-
export default FieldCheckboxGroup;
diff --git a/src/components/FieldCurrencyInput/FieldCurrencyInput.js b/src/components/FieldCurrencyInput/FieldCurrencyInput.js
index 952415fdf..44beb5967 100644
--- a/src/components/FieldCurrencyInput/FieldCurrencyInput.js
+++ b/src/components/FieldCurrencyInput/FieldCurrencyInput.js
@@ -215,28 +215,6 @@ class CurrencyInputComponent extends Component {
}
}
-CurrencyInputComponent.defaultProps = {
- className: null,
- defaultValue: null,
- input: null,
- placeholder: null,
-};
-
-CurrencyInputComponent.propTypes = {
- className: string,
- currencyConfig: propTypes.currencyConfig.isRequired,
- defaultValue: number,
- intl: intlShape.isRequired,
- input: shape({
- value: oneOfType([string, propTypes.money]),
- onBlur: func,
- onChange: func.isRequired,
- onFocus: func,
- }).isRequired,
-
- placeholder: string,
-};
-
export const CurrencyInput = injectIntl(CurrencyInputComponent);
const FieldCurrencyInputComponent = props => {
@@ -268,29 +246,31 @@ const FieldCurrencyInputComponent = props => {
);
};
-FieldCurrencyInputComponent.defaultProps = {
- rootClassName: null,
- className: null,
- id: null,
- label: null,
- hideErrorMessage: false,
-};
-
-FieldCurrencyInputComponent.propTypes = {
- rootClassName: string,
- className: string,
-
- // Label is optional, but if it is given, an id is also required so
- // the label can reference the input in the `for` attribute
- id: string,
- label: string,
- hideErrorMessage: bool,
-
- // Generated by final-form's Field component
- input: object.isRequired,
- meta: object.isRequired,
-};
-
+/**
+ * Final Form Field containing currency input.
+ * CurrencyInput renders an input field that format it's value according to currency formatting rules
+ * onFocus: renders given value in unformatted manner: "9999,99"
+ * onBlur: formats the given input: "9 999,99 €"
+ *
+ * @component
+ * @param {Object} props
+ * @param {string?} props.className add more style rules in addition to components own css.root
+ * @param {string?} props.rootClassName overwrite components own css.root
+ * @param {string} props.name name for the input attribute
+ * @param {string} props.id given to input
+ * @param {ReactNode} props.label
+ * @param {Object} props.currencyConfig
+ * @param {'currency'} props.currencyConfig.style
+ * @param {string} props.currencyConfig.currency E.g. 'USD'
+ * @param {'symbol'} props.currencyConfig.currencyDisplay
+ * @param {boolean} props.currencyConfig.useGrouping E.g true
+ * @param {number} props.currencyConfig.minimumFractionDigits E.g 2
+ * @param {number} props.currencyConfig.maximumFractionDigits E.g 2
+ * @param {boolean} props.hideErrorMessage
+ * @param {number?} props.defaultValue
+ * @param {string?} props.placeholder
+ * @returns {JSX.Element} Final Form Field containing currency input
+ */
const FieldCurrencyInput = props => {
return ;
};
diff --git a/src/components/FieldRadioButton/FieldRadioButton.js b/src/components/FieldRadioButton/FieldRadioButton.js
index 88819f5ce..23fd1863c 100644
--- a/src/components/FieldRadioButton/FieldRadioButton.js
+++ b/src/components/FieldRadioButton/FieldRadioButton.js
@@ -1,17 +1,25 @@
import React from 'react';
-import { node, string } from 'prop-types';
import classNames from 'classnames';
import { Field } from 'react-final-form';
import css from './FieldRadioButton.module.css';
+/**
+ * IconRadioButton
+ *
+ * @component
+ * @param {Object} props
+ * @param {string?} props.checkedClassName overwrite components own css.checkedStyle
+ * @param {boolean?} props.showAsRequired adds attention color for the icon if not selected
+ * @returns {JSX.Element} checkbox svg that places the native radio button
+ */
const IconRadioButton = props => {
- const { checkedClassName } = props;
+ const { className, checkedClassName, showAsRequired } = props;
return (
-