@dhis2/ui-forms 10.16.3-alpha.1 → 10.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/CheckboxFieldFF/CheckboxFieldFF.js +21 -24
- package/build/cjs/FieldGroupFF/FieldGroupFF.js +6 -7
- package/build/cjs/FileInputFieldFF/FileInputFieldFF.e2e.stories.js +6 -10
- package/build/cjs/FileInputFieldFF/FileInputFieldFF.js +15 -17
- package/build/cjs/InputFieldFF/InputFieldFF.js +24 -27
- package/build/cjs/MultiSelectFieldFF/MultiSelectFieldFF.e2e.stories.js +10 -13
- package/build/cjs/MultiSelectFieldFF/MultiSelectFieldFF.js +14 -15
- package/build/cjs/RadioFieldFF/RadioFieldFF.js +21 -24
- package/build/cjs/SimpleSingleSelectFieldFF/SimpleSingleSelectFieldFF.js +16 -20
- package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.e2e.stories.js +10 -13
- package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.js +14 -15
- package/build/cjs/SwitchFieldFF/SwitchFieldFF.js +21 -24
- package/build/cjs/TextAreaFieldFF/TextAreaFieldFF.js +23 -26
- package/build/cjs/__tests__/__snapshots__/index.test.js.snap +1 -1
- package/build/cjs/formDecorator.js +5 -6
- package/build/cjs/index.js +1 -2
- package/build/cjs/locales/index.js +100 -61
- package/build/cjs/shared/helpers/createChangeHandler.js +16 -19
- package/build/cjs/shared/helpers/createSelectChangeHandler.js +6 -10
- package/build/cjs/transformers/arrayWithIdObjects.js +3 -6
- package/build/cjs/validators/composeValidators.js +2 -8
- package/build/es/CheckboxFieldFF/CheckboxFieldFF.js +21 -24
- package/build/es/FieldGroupFF/FieldGroupFF.js +6 -7
- package/build/es/FileInputFieldFF/FileInputFieldFF.e2e.stories.js +6 -10
- package/build/es/FileInputFieldFF/FileInputFieldFF.js +15 -17
- package/build/es/InputFieldFF/InputFieldFF.js +24 -27
- package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.e2e.stories.js +10 -13
- package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.js +14 -15
- package/build/es/RadioFieldFF/RadioFieldFF.js +21 -24
- package/build/es/SimpleSingleSelectFieldFF/SimpleSingleSelectFieldFF.js +16 -20
- package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.e2e.stories.js +10 -13
- package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.js +14 -15
- package/build/es/SwitchFieldFF/SwitchFieldFF.js +21 -24
- package/build/es/TextAreaFieldFF/TextAreaFieldFF.js +23 -26
- package/build/es/__tests__/__snapshots__/index.test.js.snap +1 -1
- package/build/es/formDecorator.js +5 -6
- package/build/es/locales/index.js +74 -35
- package/build/es/shared/helpers/createChangeHandler.js +16 -19
- package/build/es/shared/helpers/createSelectChangeHandler.js +6 -10
- package/build/es/transformers/arrayWithIdObjects.js +3 -6
- package/build/es/validators/composeValidators.js +2 -8
- package/package.json +10 -10
- package/src/__tests__/__snapshots__/index.test.js.snap +1 -1
- package/src/locales/index.js +108 -35
|
@@ -11,30 +11,27 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const CheckboxFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
|
|
36
|
-
}));
|
|
37
|
-
};
|
|
14
|
+
const CheckboxFieldFF = ({
|
|
15
|
+
error,
|
|
16
|
+
input,
|
|
17
|
+
meta,
|
|
18
|
+
showValidStatus,
|
|
19
|
+
valid,
|
|
20
|
+
validationText,
|
|
21
|
+
onBlur,
|
|
22
|
+
onFocus,
|
|
23
|
+
...rest
|
|
24
|
+
}) => /*#__PURE__*/_react.default.createElement(_checkbox.CheckboxField, _extends({}, rest, {
|
|
25
|
+
name: input.name,
|
|
26
|
+
checked: input.checked,
|
|
27
|
+
value: input.value,
|
|
28
|
+
error: (0, _helpers.hasError)(meta, error),
|
|
29
|
+
valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
|
|
30
|
+
validationText: (0, _helpers.getValidationText)(meta, validationText, error),
|
|
31
|
+
onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
|
|
32
|
+
onChange: (0, _helpers.createToggleChangeHandler)(input),
|
|
33
|
+
onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
|
|
34
|
+
}));
|
|
38
35
|
exports.CheckboxFieldFF = CheckboxFieldFF;
|
|
39
36
|
CheckboxFieldFF.propTypes = {
|
|
40
37
|
/** Provided by Final Form `Field` */
|
|
@@ -9,13 +9,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _reactFinalForm = require("react-final-form");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
const FieldGroupFF =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
} = _ref;
|
|
12
|
+
const FieldGroupFF = ({
|
|
13
|
+
name,
|
|
14
|
+
label,
|
|
15
|
+
children,
|
|
16
|
+
required
|
|
17
|
+
}) => {
|
|
19
18
|
const {
|
|
20
19
|
meta: {
|
|
21
20
|
error,
|
|
@@ -18,10 +18,9 @@ var _TextAreaFieldFF = require("../TextAreaFieldFF/TextAreaFieldFF.js");
|
|
|
18
18
|
var _index = require("../validators/index.js");
|
|
19
19
|
var _FileInputFieldFF = require("./FileInputFieldFF.js");
|
|
20
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
|
-
const Form =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
} = _ref;
|
|
21
|
+
const Form = ({
|
|
22
|
+
values
|
|
23
|
+
}) => {
|
|
25
24
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
26
25
|
style: {
|
|
27
26
|
maxWidth: 830
|
|
@@ -243,10 +242,7 @@ var _default = exports.default = {
|
|
|
243
242
|
}
|
|
244
243
|
}
|
|
245
244
|
};
|
|
246
|
-
const StandardForm = (_,
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
} = _ref2;
|
|
250
|
-
return /*#__PURE__*/_react.default.createElement(Form, formRenderProps);
|
|
251
|
-
};
|
|
245
|
+
const StandardForm = (_, {
|
|
246
|
+
formRenderProps
|
|
247
|
+
}) => /*#__PURE__*/_react.default.createElement(Form, formRenderProps);
|
|
252
248
|
exports.StandardForm = StandardForm;
|
|
@@ -26,10 +26,9 @@ const dedupeAndConcat = (currentFiles, newFileList) => {
|
|
|
26
26
|
unique: new Set()
|
|
27
27
|
}).files;
|
|
28
28
|
};
|
|
29
|
-
const createChangeHandler = (input, multifile) =>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
} = _ref;
|
|
29
|
+
const createChangeHandler = (input, multifile) => ({
|
|
30
|
+
files
|
|
31
|
+
}) => {
|
|
33
32
|
// A JavaScript FileList instance is read-only, so we cannot add files to it
|
|
34
33
|
// FileList also doesn't have a .map method so by destructuring the FileList
|
|
35
34
|
// instance into an array we can add, remove and map
|
|
@@ -42,19 +41,18 @@ const createRemoveHandler = (input, fileToDelete) => () => {
|
|
|
42
41
|
const value = files.length > 0 ? files : '';
|
|
43
42
|
input.onChange(value);
|
|
44
43
|
};
|
|
45
|
-
const FileInputFieldFF =
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
} = _ref2;
|
|
44
|
+
const FileInputFieldFF = ({
|
|
45
|
+
buttonLabel,
|
|
46
|
+
disabled,
|
|
47
|
+
error,
|
|
48
|
+
input,
|
|
49
|
+
meta,
|
|
50
|
+
multifile,
|
|
51
|
+
showValidStatus,
|
|
52
|
+
valid,
|
|
53
|
+
validationText,
|
|
54
|
+
...rest
|
|
55
|
+
}) => {
|
|
58
56
|
const files = input.value || [];
|
|
59
57
|
return /*#__PURE__*/_react.default.createElement(_fileInput.FileInputField, _extends({}, rest, {
|
|
60
58
|
onChange: createChangeHandler(input, multifile),
|
|
@@ -11,33 +11,30 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const InputFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
value: input.value
|
|
39
|
-
}));
|
|
40
|
-
};
|
|
14
|
+
const InputFieldFF = ({
|
|
15
|
+
input,
|
|
16
|
+
meta,
|
|
17
|
+
error,
|
|
18
|
+
showValidStatus,
|
|
19
|
+
valid,
|
|
20
|
+
validationText,
|
|
21
|
+
onBlur,
|
|
22
|
+
onFocus,
|
|
23
|
+
loading,
|
|
24
|
+
showLoadingStatus,
|
|
25
|
+
...rest
|
|
26
|
+
}) => /*#__PURE__*/_react.default.createElement(_input.InputField, _extends({}, rest, {
|
|
27
|
+
name: input.name,
|
|
28
|
+
type: input.type,
|
|
29
|
+
error: (0, _helpers.hasError)(meta, error),
|
|
30
|
+
valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
|
|
31
|
+
loading: (0, _helpers.isLoading)(meta, loading, showLoadingStatus),
|
|
32
|
+
validationText: (0, _helpers.getValidationText)(meta, validationText, error),
|
|
33
|
+
onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
|
|
34
|
+
onChange: (0, _helpers.createChangeHandler)(input),
|
|
35
|
+
onBlur: (0, _helpers.createBlurHandler)(input, onBlur),
|
|
36
|
+
value: input.value
|
|
37
|
+
}));
|
|
41
38
|
exports.InputFieldFF = InputFieldFF;
|
|
42
39
|
InputFieldFF.propTypes = {
|
|
43
40
|
/** `input` props received from Final Form `Field` */
|
|
@@ -22,17 +22,14 @@ var _default = exports.default = {
|
|
|
22
22
|
component: _MultiSelectFieldFF.MultiSelectFieldFF,
|
|
23
23
|
decorators: [_formDecorator.formDecorator]
|
|
24
24
|
};
|
|
25
|
-
const Required = (_,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
options: cypressProps.options || defaultOptions
|
|
36
|
-
});
|
|
37
|
-
};
|
|
25
|
+
const Required = (_, {
|
|
26
|
+
cypressProps
|
|
27
|
+
}) => /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
|
|
28
|
+
required: true,
|
|
29
|
+
name: "multiSelect",
|
|
30
|
+
label: "Multi select",
|
|
31
|
+
component: _MultiSelectFieldFF.MultiSelectFieldFF,
|
|
32
|
+
validate: _index.hasValue,
|
|
33
|
+
options: cypressProps.options || defaultOptions
|
|
34
|
+
});
|
|
38
35
|
exports.Required = Required;
|
|
@@ -11,21 +11,20 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const MultiSelectFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
} = _ref;
|
|
14
|
+
const MultiSelectFieldFF = ({
|
|
15
|
+
error,
|
|
16
|
+
input,
|
|
17
|
+
loading,
|
|
18
|
+
meta,
|
|
19
|
+
onBlur,
|
|
20
|
+
onFocus,
|
|
21
|
+
options = [],
|
|
22
|
+
showLoadingStatus,
|
|
23
|
+
showValidStatus,
|
|
24
|
+
valid,
|
|
25
|
+
validationText,
|
|
26
|
+
...rest
|
|
27
|
+
}) => {
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement(_select.MultiSelectField, _extends({}, rest, {
|
|
30
29
|
name: input.name,
|
|
31
30
|
error: (0, _helpers.hasError)(meta, error),
|
|
@@ -11,30 +11,27 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const RadioFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
|
|
36
|
-
}));
|
|
37
|
-
};
|
|
14
|
+
const RadioFieldFF = ({
|
|
15
|
+
error,
|
|
16
|
+
input,
|
|
17
|
+
meta,
|
|
18
|
+
showValidStatus,
|
|
19
|
+
valid,
|
|
20
|
+
validationText,
|
|
21
|
+
onBlur,
|
|
22
|
+
onFocus,
|
|
23
|
+
...rest
|
|
24
|
+
}) => /*#__PURE__*/_react.default.createElement(_radio.Radio, _extends({}, rest, {
|
|
25
|
+
name: input.name,
|
|
26
|
+
checked: input.checked,
|
|
27
|
+
value: input.value,
|
|
28
|
+
error: (0, _helpers.hasError)(meta, error),
|
|
29
|
+
valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
|
|
30
|
+
validationText: (0, _helpers.getValidationText)(meta, validationText, error),
|
|
31
|
+
onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
|
|
32
|
+
onChange: (0, _helpers.createToggleChangeHandler)(input),
|
|
33
|
+
onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
|
|
34
|
+
}));
|
|
38
35
|
exports.RadioFieldFF = RadioFieldFF;
|
|
39
36
|
RadioFieldFF.propTypes = {
|
|
40
37
|
/** `input` props received from Final Form `Field` */
|
|
@@ -12,20 +12,19 @@ var _helpers = require("../shared/helpers.js");
|
|
|
12
12
|
var _propTypes3 = require("../shared/propTypes.js");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
|
-
const SimpleSingleSelectFieldFF =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
} = _ref;
|
|
15
|
+
const SimpleSingleSelectFieldFF = ({
|
|
16
|
+
error,
|
|
17
|
+
input,
|
|
18
|
+
loading,
|
|
19
|
+
meta,
|
|
20
|
+
showLoadingStatus,
|
|
21
|
+
showValidStatus,
|
|
22
|
+
valid,
|
|
23
|
+
validationText,
|
|
24
|
+
onBlur,
|
|
25
|
+
onFocus,
|
|
26
|
+
...rest
|
|
27
|
+
}) => {
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement(_select.SimpleSingleSelectField, _extends({}, rest, {
|
|
30
29
|
name: input.name,
|
|
31
30
|
error: (0, _helpers.hasError)(meta, error),
|
|
@@ -111,12 +110,9 @@ SimpleSingleSelectFieldFF.propTypes = {
|
|
|
111
110
|
* be used to supply the text to be shown.
|
|
112
111
|
**/
|
|
113
112
|
valueLabel: (0, _propTypes.requiredIf)(props => {
|
|
114
|
-
if (props.options.find(
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
} = _ref2;
|
|
118
|
-
return props.value === value;
|
|
119
|
-
})) {
|
|
113
|
+
if (props.options.find(({
|
|
114
|
+
value
|
|
115
|
+
}) => props.value === value)) {
|
|
120
116
|
return false;
|
|
121
117
|
}
|
|
122
118
|
return props.value;
|
|
@@ -23,17 +23,14 @@ var _default = exports.default = {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
const Required = (_,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
options: cypressProps.options || defaultOptions
|
|
37
|
-
});
|
|
38
|
-
};
|
|
26
|
+
const Required = (_, {
|
|
27
|
+
cypressProps
|
|
28
|
+
}) => /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
|
|
29
|
+
required: true,
|
|
30
|
+
name: "singleSelect",
|
|
31
|
+
label: "Single select",
|
|
32
|
+
component: _SingleSelectFieldFF.SingleSelectFieldFF,
|
|
33
|
+
validate: _index.hasValue,
|
|
34
|
+
options: cypressProps.options || defaultOptions
|
|
35
|
+
});
|
|
39
36
|
exports.Required = Required;
|
|
@@ -11,21 +11,20 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const SingleSelectFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
} = _ref;
|
|
14
|
+
const SingleSelectFieldFF = ({
|
|
15
|
+
error,
|
|
16
|
+
input,
|
|
17
|
+
loading,
|
|
18
|
+
meta,
|
|
19
|
+
onBlur,
|
|
20
|
+
onFocus,
|
|
21
|
+
options,
|
|
22
|
+
showLoadingStatus,
|
|
23
|
+
showValidStatus,
|
|
24
|
+
valid,
|
|
25
|
+
validationText,
|
|
26
|
+
...rest
|
|
27
|
+
}) => {
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement(_select.SingleSelectField, _extends({}, rest, {
|
|
30
29
|
name: input.name,
|
|
31
30
|
error: (0, _helpers.hasError)(meta, error),
|
|
@@ -11,30 +11,27 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const SwitchFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
|
|
36
|
-
}));
|
|
37
|
-
};
|
|
14
|
+
const SwitchFieldFF = ({
|
|
15
|
+
error,
|
|
16
|
+
input,
|
|
17
|
+
meta,
|
|
18
|
+
showValidStatus,
|
|
19
|
+
valid,
|
|
20
|
+
validationText,
|
|
21
|
+
onBlur,
|
|
22
|
+
onFocus,
|
|
23
|
+
...rest
|
|
24
|
+
}) => /*#__PURE__*/_react.default.createElement(_switch.SwitchField, _extends({}, rest, {
|
|
25
|
+
checked: input.checked,
|
|
26
|
+
name: input.name,
|
|
27
|
+
value: input.value,
|
|
28
|
+
error: (0, _helpers.hasError)(meta, error),
|
|
29
|
+
valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
|
|
30
|
+
validationText: (0, _helpers.getValidationText)(meta, validationText, error),
|
|
31
|
+
onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
|
|
32
|
+
onChange: (0, _helpers.createToggleChangeHandler)(input),
|
|
33
|
+
onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
|
|
34
|
+
}));
|
|
38
35
|
exports.SwitchFieldFF = SwitchFieldFF;
|
|
39
36
|
SwitchFieldFF.propTypes = {
|
|
40
37
|
/** `input` props received from Final Form `Field` */
|
|
@@ -11,32 +11,29 @@ var _helpers = require("../shared/helpers.js");
|
|
|
11
11
|
var _propTypes2 = require("../shared/propTypes.js");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
const TextAreaFieldFF =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
value: input.value
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
14
|
+
const TextAreaFieldFF = ({
|
|
15
|
+
input,
|
|
16
|
+
meta,
|
|
17
|
+
error,
|
|
18
|
+
showValidStatus,
|
|
19
|
+
valid,
|
|
20
|
+
validationText,
|
|
21
|
+
onBlur,
|
|
22
|
+
onFocus,
|
|
23
|
+
loading,
|
|
24
|
+
showLoadingStatus,
|
|
25
|
+
...rest
|
|
26
|
+
}) => /*#__PURE__*/_react.default.createElement(_textArea.TextAreaField, _extends({}, rest, {
|
|
27
|
+
name: input.name,
|
|
28
|
+
error: (0, _helpers.hasError)(meta, error),
|
|
29
|
+
valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
|
|
30
|
+
loading: (0, _helpers.isLoading)(meta, loading, showLoadingStatus),
|
|
31
|
+
validationText: (0, _helpers.getValidationText)(meta, validationText, error),
|
|
32
|
+
onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
|
|
33
|
+
onChange: (0, _helpers.createChangeHandler)(input),
|
|
34
|
+
onBlur: (0, _helpers.createBlurHandler)(input, onBlur),
|
|
35
|
+
value: input.value
|
|
36
|
+
}));
|
|
40
37
|
exports.TextAreaFieldFF = TextAreaFieldFF;
|
|
41
38
|
TextAreaFieldFF.propTypes = {
|
|
42
39
|
/** `input` props received from Final Form `Field` */
|
|
@@ -19,8 +19,8 @@ const formProps = {
|
|
|
19
19
|
mutators: {}
|
|
20
20
|
};
|
|
21
21
|
class FormWithSpyAndSubmit extends _react.default.Component {
|
|
22
|
-
constructor() {
|
|
23
|
-
super(...
|
|
22
|
+
constructor(...args) {
|
|
23
|
+
super(...args);
|
|
24
24
|
_defineProperty(this, "state", {
|
|
25
25
|
cypressProps: {}
|
|
26
26
|
});
|
|
@@ -57,10 +57,9 @@ class FormWithSpyAndSubmit extends _react.default.Component {
|
|
|
57
57
|
}), /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
58
58
|
primary: true,
|
|
59
59
|
type: "submit"
|
|
60
|
-
}, "Submit"), /*#__PURE__*/_react.default.createElement(_reactFinalForm.FormSpy, null,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
} = _ref;
|
|
60
|
+
}, "Submit"), /*#__PURE__*/_react.default.createElement(_reactFinalForm.FormSpy, null, ({
|
|
61
|
+
values
|
|
62
|
+
}) => {
|
|
64
63
|
window.formValues = values;
|
|
65
64
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
66
65
|
className: "form-spy-internal"
|
package/build/cjs/index.js
CHANGED
|
@@ -109,5 +109,4 @@ Object.keys(_index2).forEach(function (key) {
|
|
|
109
109
|
}
|
|
110
110
|
});
|
|
111
111
|
});
|
|
112
|
-
function
|
|
113
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
112
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|