@dhis2/ui-forms 10.16.3 → 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
|
@@ -14,32 +14,32 @@ var _translations6 = _interopRequireDefault(require("./en/translations.json"));
|
|
|
14
14
|
var _translations7 = _interopRequireDefault(require("./es/translations.json"));
|
|
15
15
|
var _translations8 = _interopRequireDefault(require("./es_419/translations.json"));
|
|
16
16
|
var _translations9 = _interopRequireDefault(require("./fr/translations.json"));
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
17
|
+
var _translations0 = _interopRequireDefault(require("./hi_IN/translations.json"));
|
|
18
|
+
var _translations1 = _interopRequireDefault(require("./id/translations.json"));
|
|
19
|
+
var _translations10 = _interopRequireDefault(require("./km/translations.json"));
|
|
20
|
+
var _translations11 = _interopRequireDefault(require("./ko_KR/translations.json"));
|
|
21
|
+
var _translations12 = _interopRequireDefault(require("./lo/translations.json"));
|
|
22
|
+
var _translations13 = _interopRequireDefault(require("./my/translations.json"));
|
|
23
|
+
var _translations14 = _interopRequireDefault(require("./nb/translations.json"));
|
|
24
|
+
var _translations15 = _interopRequireDefault(require("./nl/translations.json"));
|
|
25
|
+
var _translations16 = _interopRequireDefault(require("./prs/translations.json"));
|
|
26
|
+
var _translations17 = _interopRequireDefault(require("./ps/translations.json"));
|
|
27
|
+
var _translations18 = _interopRequireDefault(require("./pt/translations.json"));
|
|
28
|
+
var _translations19 = _interopRequireDefault(require("./pt_BR/translations.json"));
|
|
29
|
+
var _translations20 = _interopRequireDefault(require("./ro/translations.json"));
|
|
30
|
+
var _translations21 = _interopRequireDefault(require("./ru/translations.json"));
|
|
31
|
+
var _translations22 = _interopRequireDefault(require("./si/translations.json"));
|
|
32
|
+
var _translations23 = _interopRequireDefault(require("./sv/translations.json"));
|
|
33
|
+
var _translations24 = _interopRequireDefault(require("./tet/translations.json"));
|
|
34
|
+
var _translations25 = _interopRequireDefault(require("./tg/translations.json"));
|
|
35
|
+
var _translations26 = _interopRequireDefault(require("./uk/translations.json"));
|
|
36
|
+
var _translations27 = _interopRequireDefault(require("./ur/translations.json"));
|
|
37
|
+
var _translations28 = _interopRequireDefault(require("./uz_Latn/translations.json"));
|
|
38
|
+
var _translations29 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
|
|
39
|
+
var _translations30 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
|
|
40
|
+
var _translations31 = _interopRequireDefault(require("./vi/translations.json"));
|
|
41
|
+
var _translations32 = _interopRequireDefault(require("./zh/translations.json"));
|
|
42
|
+
var _translations33 = _interopRequireDefault(require("./zh_CN/translations.json"));
|
|
43
43
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
44
44
|
//------------------------------------------------------------------------------
|
|
45
45
|
// <auto-generated>
|
|
@@ -51,39 +51,78 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
51
51
|
//------------------------------------------------------------------------------
|
|
52
52
|
|
|
53
53
|
const namespace = 'default';
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
_d2I18n.default.
|
|
59
|
-
_d2I18n.default.
|
|
60
|
-
_d2I18n.default.
|
|
61
|
-
_d2I18n.default.
|
|
62
|
-
_d2I18n.default.
|
|
63
|
-
_d2I18n.default.
|
|
64
|
-
_d2I18n.default.
|
|
65
|
-
_d2I18n.default.
|
|
66
|
-
_d2I18n.default.
|
|
67
|
-
_d2I18n.default.
|
|
68
|
-
_d2I18n.default.
|
|
69
|
-
_d2I18n.default.
|
|
70
|
-
_d2I18n.default.
|
|
71
|
-
_d2I18n.default.
|
|
72
|
-
_d2I18n.default.
|
|
73
|
-
_d2I18n.default.
|
|
74
|
-
_d2I18n.default.
|
|
75
|
-
_d2I18n.default.
|
|
76
|
-
_d2I18n.default.
|
|
77
|
-
_d2I18n.default.
|
|
78
|
-
_d2I18n.default.
|
|
79
|
-
_d2I18n.default.
|
|
80
|
-
_d2I18n.default.
|
|
81
|
-
_d2I18n.default.
|
|
82
|
-
_d2I18n.default.
|
|
83
|
-
_d2I18n.default.
|
|
84
|
-
_d2I18n.default.
|
|
85
|
-
_d2I18n.default.
|
|
86
|
-
_d2I18n.default.
|
|
87
|
-
_d2I18n.default.
|
|
88
|
-
_d2I18n.default.
|
|
54
|
+
|
|
55
|
+
// Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
|
|
56
|
+
// custom translations from the datastore (added by the app adapter)
|
|
57
|
+
|
|
58
|
+
_d2I18n.default.addResourceBundle('ar', namespace, _translations.default, true, false);
|
|
59
|
+
_d2I18n.default.addResourceBundle('ar', namespace, _translations.default, true, false);
|
|
60
|
+
_d2I18n.default.addResourceBundle('ar_IQ', namespace, _translations2.default, true, false);
|
|
61
|
+
_d2I18n.default.addResourceBundle('ar-IQ', namespace, _translations2.default, true, false);
|
|
62
|
+
_d2I18n.default.addResourceBundle('ckb', namespace, _translations3.default, true, false);
|
|
63
|
+
_d2I18n.default.addResourceBundle('ckb', namespace, _translations3.default, true, false);
|
|
64
|
+
_d2I18n.default.addResourceBundle('cs', namespace, _translations4.default, true, false);
|
|
65
|
+
_d2I18n.default.addResourceBundle('cs', namespace, _translations4.default, true, false);
|
|
66
|
+
_d2I18n.default.addResourceBundle('da', namespace, _translations5.default, true, false);
|
|
67
|
+
_d2I18n.default.addResourceBundle('da', namespace, _translations5.default, true, false);
|
|
68
|
+
_d2I18n.default.addResourceBundle('en', namespace, _translations6.default, true, false);
|
|
69
|
+
_d2I18n.default.addResourceBundle('en', namespace, _translations6.default, true, false);
|
|
70
|
+
_d2I18n.default.addResourceBundle('es', namespace, _translations7.default, true, false);
|
|
71
|
+
_d2I18n.default.addResourceBundle('es', namespace, _translations7.default, true, false);
|
|
72
|
+
_d2I18n.default.addResourceBundle('es_419', namespace, _translations8.default, true, false);
|
|
73
|
+
_d2I18n.default.addResourceBundle('es-419', namespace, _translations8.default, true, false);
|
|
74
|
+
_d2I18n.default.addResourceBundle('fr', namespace, _translations9.default, true, false);
|
|
75
|
+
_d2I18n.default.addResourceBundle('fr', namespace, _translations9.default, true, false);
|
|
76
|
+
_d2I18n.default.addResourceBundle('hi_IN', namespace, _translations0.default, true, false);
|
|
77
|
+
_d2I18n.default.addResourceBundle('hi-IN', namespace, _translations0.default, true, false);
|
|
78
|
+
_d2I18n.default.addResourceBundle('id', namespace, _translations1.default, true, false);
|
|
79
|
+
_d2I18n.default.addResourceBundle('id', namespace, _translations1.default, true, false);
|
|
80
|
+
_d2I18n.default.addResourceBundle('km', namespace, _translations10.default, true, false);
|
|
81
|
+
_d2I18n.default.addResourceBundle('km', namespace, _translations10.default, true, false);
|
|
82
|
+
_d2I18n.default.addResourceBundle('ko_KR', namespace, _translations11.default, true, false);
|
|
83
|
+
_d2I18n.default.addResourceBundle('ko-KR', namespace, _translations11.default, true, false);
|
|
84
|
+
_d2I18n.default.addResourceBundle('lo', namespace, _translations12.default, true, false);
|
|
85
|
+
_d2I18n.default.addResourceBundle('lo', namespace, _translations12.default, true, false);
|
|
86
|
+
_d2I18n.default.addResourceBundle('my', namespace, _translations13.default, true, false);
|
|
87
|
+
_d2I18n.default.addResourceBundle('my', namespace, _translations13.default, true, false);
|
|
88
|
+
_d2I18n.default.addResourceBundle('nb', namespace, _translations14.default, true, false);
|
|
89
|
+
_d2I18n.default.addResourceBundle('nb', namespace, _translations14.default, true, false);
|
|
90
|
+
_d2I18n.default.addResourceBundle('nl', namespace, _translations15.default, true, false);
|
|
91
|
+
_d2I18n.default.addResourceBundle('nl', namespace, _translations15.default, true, false);
|
|
92
|
+
_d2I18n.default.addResourceBundle('prs', namespace, _translations16.default, true, false);
|
|
93
|
+
_d2I18n.default.addResourceBundle('prs', namespace, _translations16.default, true, false);
|
|
94
|
+
_d2I18n.default.addResourceBundle('ps', namespace, _translations17.default, true, false);
|
|
95
|
+
_d2I18n.default.addResourceBundle('ps', namespace, _translations17.default, true, false);
|
|
96
|
+
_d2I18n.default.addResourceBundle('pt', namespace, _translations18.default, true, false);
|
|
97
|
+
_d2I18n.default.addResourceBundle('pt', namespace, _translations18.default, true, false);
|
|
98
|
+
_d2I18n.default.addResourceBundle('pt_BR', namespace, _translations19.default, true, false);
|
|
99
|
+
_d2I18n.default.addResourceBundle('pt-BR', namespace, _translations19.default, true, false);
|
|
100
|
+
_d2I18n.default.addResourceBundle('ro', namespace, _translations20.default, true, false);
|
|
101
|
+
_d2I18n.default.addResourceBundle('ro', namespace, _translations20.default, true, false);
|
|
102
|
+
_d2I18n.default.addResourceBundle('ru', namespace, _translations21.default, true, false);
|
|
103
|
+
_d2I18n.default.addResourceBundle('ru', namespace, _translations21.default, true, false);
|
|
104
|
+
_d2I18n.default.addResourceBundle('si', namespace, _translations22.default, true, false);
|
|
105
|
+
_d2I18n.default.addResourceBundle('si', namespace, _translations22.default, true, false);
|
|
106
|
+
_d2I18n.default.addResourceBundle('sv', namespace, _translations23.default, true, false);
|
|
107
|
+
_d2I18n.default.addResourceBundle('sv', namespace, _translations23.default, true, false);
|
|
108
|
+
_d2I18n.default.addResourceBundle('tet', namespace, _translations24.default, true, false);
|
|
109
|
+
_d2I18n.default.addResourceBundle('tet', namespace, _translations24.default, true, false);
|
|
110
|
+
_d2I18n.default.addResourceBundle('tg', namespace, _translations25.default, true, false);
|
|
111
|
+
_d2I18n.default.addResourceBundle('tg', namespace, _translations25.default, true, false);
|
|
112
|
+
_d2I18n.default.addResourceBundle('uk', namespace, _translations26.default, true, false);
|
|
113
|
+
_d2I18n.default.addResourceBundle('uk', namespace, _translations26.default, true, false);
|
|
114
|
+
_d2I18n.default.addResourceBundle('ur', namespace, _translations27.default, true, false);
|
|
115
|
+
_d2I18n.default.addResourceBundle('ur', namespace, _translations27.default, true, false);
|
|
116
|
+
_d2I18n.default.addResourceBundle('uz_Latn', namespace, _translations28.default, true, false);
|
|
117
|
+
_d2I18n.default.addResourceBundle('uz-Latn', namespace, _translations28.default, true, false);
|
|
118
|
+
_d2I18n.default.addResourceBundle('uz_UZ_Cyrl', namespace, _translations29.default, true, false);
|
|
119
|
+
_d2I18n.default.addResourceBundle('uz-Cyrl-UZ', namespace, _translations29.default, true, false);
|
|
120
|
+
_d2I18n.default.addResourceBundle('uz_UZ_Latn', namespace, _translations30.default, true, false);
|
|
121
|
+
_d2I18n.default.addResourceBundle('uz-Latn-UZ', namespace, _translations30.default, true, false);
|
|
122
|
+
_d2I18n.default.addResourceBundle('vi', namespace, _translations31.default, true, false);
|
|
123
|
+
_d2I18n.default.addResourceBundle('vi', namespace, _translations31.default, true, false);
|
|
124
|
+
_d2I18n.default.addResourceBundle('zh', namespace, _translations32.default, true, false);
|
|
125
|
+
_d2I18n.default.addResourceBundle('zh', namespace, _translations32.default, true, false);
|
|
126
|
+
_d2I18n.default.addResourceBundle('zh_CN', namespace, _translations33.default, true, false);
|
|
127
|
+
_d2I18n.default.addResourceBundle('zh-CN', namespace, _translations33.default, true, false);
|
|
89
128
|
var _default = exports.default = _d2I18n.default;
|
|
@@ -5,24 +5,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createChangeHandler = void 0;
|
|
7
7
|
const PRIMITIVE_TYPES = new Set(['string', 'number', 'boolean']);
|
|
8
|
-
const createChangeHandler =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
throw new Error('Could not process event payload');
|
|
25
|
-
}
|
|
26
|
-
};
|
|
8
|
+
const createChangeHandler = ({
|
|
9
|
+
onChange
|
|
10
|
+
}) => payload => {
|
|
11
|
+
if (payload && 'value' in payload) {
|
|
12
|
+
// ui event signature
|
|
13
|
+
onChange(payload.value);
|
|
14
|
+
} else if (payload && payload.target && 'value' in payload.target) {
|
|
15
|
+
// synthetic event
|
|
16
|
+
onChange(payload.target.value);
|
|
17
|
+
} else if (PRIMITIVE_TYPES.has(typeof payload)) {
|
|
18
|
+
// directly usable value
|
|
19
|
+
onChange(payload);
|
|
20
|
+
} else {
|
|
21
|
+
// ¯\_(ツ)_/¯
|
|
22
|
+
throw new Error('Could not process event payload');
|
|
23
|
+
}
|
|
27
24
|
};
|
|
28
25
|
exports.createChangeHandler = createChangeHandler;
|
|
@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createSelectChangeHandler = void 0;
|
|
7
|
-
const createSelectChangeHandler =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
selected
|
|
14
|
-
} = _ref2;
|
|
15
|
-
onChange(selected);
|
|
16
|
-
};
|
|
7
|
+
const createSelectChangeHandler = ({
|
|
8
|
+
onChange
|
|
9
|
+
}) => ({
|
|
10
|
+
selected
|
|
11
|
+
}) => {
|
|
12
|
+
onChange(selected);
|
|
17
13
|
};
|
|
18
14
|
exports.createSelectChangeHandler = createSelectChangeHandler;
|
|
@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.arrayWithIdObjects = void 0;
|
|
7
|
-
const format = value => !value ? [] : value.map(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
11
|
-
return id;
|
|
12
|
-
});
|
|
7
|
+
const format = value => !value ? [] : value.map(({
|
|
8
|
+
id
|
|
9
|
+
}) => id);
|
|
13
10
|
const parse = value => !value || Array.isArray(value) && value.length === 0 ? undefined : value.map(id => ({
|
|
14
11
|
id
|
|
15
12
|
}));
|
|
@@ -4,14 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.composeValidators = void 0;
|
|
7
|
-
const composeValidators =
|
|
8
|
-
|
|
9
|
-
validators[_key] = arguments[_key];
|
|
10
|
-
}
|
|
11
|
-
return function () {
|
|
12
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
13
|
-
args[_key2] = arguments[_key2];
|
|
14
|
-
}
|
|
7
|
+
const composeValidators = (...validators) => {
|
|
8
|
+
return (...args) => {
|
|
15
9
|
return validators.reduce((error, validator) => error || validator(...args), undefined);
|
|
16
10
|
};
|
|
17
11
|
};
|
|
@@ -4,30 +4,27 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createToggleChangeHandler, createFocusHandler, createBlurHandler, hasError, isValid, getValidationText } from '../shared/helpers.js';
|
|
6
6
|
import { metaPropType, inputPropType } from '../shared/propTypes.js';
|
|
7
|
-
export const CheckboxFieldFF =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
onBlur: createBlurHandler(input, onBlur)
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
7
|
+
export const CheckboxFieldFF = ({
|
|
8
|
+
error,
|
|
9
|
+
input,
|
|
10
|
+
meta,
|
|
11
|
+
showValidStatus,
|
|
12
|
+
valid,
|
|
13
|
+
validationText,
|
|
14
|
+
onBlur,
|
|
15
|
+
onFocus,
|
|
16
|
+
...rest
|
|
17
|
+
}) => /*#__PURE__*/React.createElement(CheckboxField, _extends({}, rest, {
|
|
18
|
+
name: input.name,
|
|
19
|
+
checked: input.checked,
|
|
20
|
+
value: input.value,
|
|
21
|
+
error: hasError(meta, error),
|
|
22
|
+
valid: isValid(meta, valid, showValidStatus),
|
|
23
|
+
validationText: getValidationText(meta, validationText, error),
|
|
24
|
+
onFocus: createFocusHandler(input, onFocus),
|
|
25
|
+
onChange: createToggleChangeHandler(input),
|
|
26
|
+
onBlur: createBlurHandler(input, onBlur)
|
|
27
|
+
}));
|
|
31
28
|
CheckboxFieldFF.propTypes = {
|
|
32
29
|
/** Provided by Final Form `Field` */
|
|
33
30
|
input: inputPropType.isRequired,
|
|
@@ -2,13 +2,12 @@ import { FieldGroup } from '@dhis2-ui/field';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { useField } from 'react-final-form';
|
|
5
|
-
export const FieldGroupFF =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} = _ref;
|
|
5
|
+
export const FieldGroupFF = ({
|
|
6
|
+
name,
|
|
7
|
+
label,
|
|
8
|
+
children,
|
|
9
|
+
required
|
|
10
|
+
}) => {
|
|
12
11
|
const {
|
|
13
12
|
meta: {
|
|
14
13
|
error,
|
|
@@ -11,10 +11,9 @@ import { SwitchFieldFF } from '../SwitchFieldFF/SwitchFieldFF.js';
|
|
|
11
11
|
import { TextAreaFieldFF } from '../TextAreaFieldFF/TextAreaFieldFF.js';
|
|
12
12
|
import { composeValidators, email, hasValue } from '../validators/index.js';
|
|
13
13
|
import { FileInputFieldFF } from './FileInputFieldFF.js';
|
|
14
|
-
const Form =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
} = _ref;
|
|
14
|
+
const Form = ({
|
|
15
|
+
values
|
|
16
|
+
}) => {
|
|
18
17
|
return /*#__PURE__*/React.createElement("div", {
|
|
19
18
|
style: {
|
|
20
19
|
maxWidth: 830
|
|
@@ -236,9 +235,6 @@ export default {
|
|
|
236
235
|
}
|
|
237
236
|
}
|
|
238
237
|
};
|
|
239
|
-
export const StandardForm = (_,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
} = _ref2;
|
|
243
|
-
return /*#__PURE__*/React.createElement(Form, formRenderProps);
|
|
244
|
-
};
|
|
238
|
+
export const StandardForm = (_, {
|
|
239
|
+
formRenderProps
|
|
240
|
+
}) => /*#__PURE__*/React.createElement(Form, formRenderProps);
|
|
@@ -19,10 +19,9 @@ const dedupeAndConcat = (currentFiles, newFileList) => {
|
|
|
19
19
|
unique: new Set()
|
|
20
20
|
}).files;
|
|
21
21
|
};
|
|
22
|
-
const createChangeHandler = (input, multifile) =>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
} = _ref;
|
|
22
|
+
const createChangeHandler = (input, multifile) => ({
|
|
23
|
+
files
|
|
24
|
+
}) => {
|
|
26
25
|
// A JavaScript FileList instance is read-only, so we cannot add files to it
|
|
27
26
|
// FileList also doesn't have a .map method so by destructuring the FileList
|
|
28
27
|
// instance into an array we can add, remove and map
|
|
@@ -35,19 +34,18 @@ const createRemoveHandler = (input, fileToDelete) => () => {
|
|
|
35
34
|
const value = files.length > 0 ? files : '';
|
|
36
35
|
input.onChange(value);
|
|
37
36
|
};
|
|
38
|
-
export const FileInputFieldFF =
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
} = _ref2;
|
|
37
|
+
export const FileInputFieldFF = ({
|
|
38
|
+
buttonLabel,
|
|
39
|
+
disabled,
|
|
40
|
+
error,
|
|
41
|
+
input,
|
|
42
|
+
meta,
|
|
43
|
+
multifile,
|
|
44
|
+
showValidStatus,
|
|
45
|
+
valid,
|
|
46
|
+
validationText,
|
|
47
|
+
...rest
|
|
48
|
+
}) => {
|
|
51
49
|
const files = input.value || [];
|
|
52
50
|
return /*#__PURE__*/React.createElement(FileInputField, _extends({}, rest, {
|
|
53
51
|
onChange: createChangeHandler(input, multifile),
|
|
@@ -4,33 +4,30 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createChangeHandler, createFocusHandler, createBlurHandler, hasError, isLoading, isValid, getValidationText } from '../shared/helpers.js';
|
|
6
6
|
import { metaPropType, inputPropType } from '../shared/propTypes.js';
|
|
7
|
-
export const InputFieldFF =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
value: input.value
|
|
32
|
-
}));
|
|
33
|
-
};
|
|
7
|
+
export const InputFieldFF = ({
|
|
8
|
+
input,
|
|
9
|
+
meta,
|
|
10
|
+
error,
|
|
11
|
+
showValidStatus,
|
|
12
|
+
valid,
|
|
13
|
+
validationText,
|
|
14
|
+
onBlur,
|
|
15
|
+
onFocus,
|
|
16
|
+
loading,
|
|
17
|
+
showLoadingStatus,
|
|
18
|
+
...rest
|
|
19
|
+
}) => /*#__PURE__*/React.createElement(InputField, _extends({}, rest, {
|
|
20
|
+
name: input.name,
|
|
21
|
+
type: input.type,
|
|
22
|
+
error: hasError(meta, error),
|
|
23
|
+
valid: isValid(meta, valid, showValidStatus),
|
|
24
|
+
loading: isLoading(meta, loading, showLoadingStatus),
|
|
25
|
+
validationText: getValidationText(meta, validationText, error),
|
|
26
|
+
onFocus: createFocusHandler(input, onFocus),
|
|
27
|
+
onChange: createChangeHandler(input),
|
|
28
|
+
onBlur: createBlurHandler(input, onBlur),
|
|
29
|
+
value: input.value
|
|
30
|
+
}));
|
|
34
31
|
InputFieldFF.propTypes = {
|
|
35
32
|
/** `input` props received from Final Form `Field` */
|
|
36
33
|
input: inputPropType.isRequired,
|
|
@@ -15,16 +15,13 @@ export default {
|
|
|
15
15
|
component: MultiSelectFieldFF,
|
|
16
16
|
decorators: [formDecorator]
|
|
17
17
|
};
|
|
18
|
-
export const Required = (_,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
options: cypressProps.options || defaultOptions
|
|
29
|
-
});
|
|
30
|
-
};
|
|
18
|
+
export const Required = (_, {
|
|
19
|
+
cypressProps
|
|
20
|
+
}) => /*#__PURE__*/React.createElement(Field, {
|
|
21
|
+
required: true,
|
|
22
|
+
name: "multiSelect",
|
|
23
|
+
label: "Multi select",
|
|
24
|
+
component: MultiSelectFieldFF,
|
|
25
|
+
validate: hasValue,
|
|
26
|
+
options: cypressProps.options || defaultOptions
|
|
27
|
+
});
|
|
@@ -4,21 +4,20 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createSelectChangeHandler, createFocusHandler, createBlurHandler, hasError, isLoading, isValid, getValidationText } from '../shared/helpers.js';
|
|
6
6
|
import { inputPropType, metaPropType } from '../shared/propTypes.js';
|
|
7
|
-
export const MultiSelectFieldFF =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
} = _ref;
|
|
7
|
+
export const MultiSelectFieldFF = ({
|
|
8
|
+
error,
|
|
9
|
+
input,
|
|
10
|
+
loading,
|
|
11
|
+
meta,
|
|
12
|
+
onBlur,
|
|
13
|
+
onFocus,
|
|
14
|
+
options = [],
|
|
15
|
+
showLoadingStatus,
|
|
16
|
+
showValidStatus,
|
|
17
|
+
valid,
|
|
18
|
+
validationText,
|
|
19
|
+
...rest
|
|
20
|
+
}) => {
|
|
22
21
|
return /*#__PURE__*/React.createElement(MultiSelectField, _extends({}, rest, {
|
|
23
22
|
name: input.name,
|
|
24
23
|
error: hasError(meta, error),
|
|
@@ -4,30 +4,27 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createToggleChangeHandler, createFocusHandler, createBlurHandler, hasError, isValid, getValidationText } from '../shared/helpers.js';
|
|
6
6
|
import { metaPropType, inputPropType } from '../shared/propTypes.js';
|
|
7
|
-
export const RadioFieldFF =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
onBlur: createBlurHandler(input, onBlur)
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
7
|
+
export const RadioFieldFF = ({
|
|
8
|
+
error,
|
|
9
|
+
input,
|
|
10
|
+
meta,
|
|
11
|
+
showValidStatus,
|
|
12
|
+
valid,
|
|
13
|
+
validationText,
|
|
14
|
+
onBlur,
|
|
15
|
+
onFocus,
|
|
16
|
+
...rest
|
|
17
|
+
}) => /*#__PURE__*/React.createElement(Radio, _extends({}, rest, {
|
|
18
|
+
name: input.name,
|
|
19
|
+
checked: input.checked,
|
|
20
|
+
value: input.value,
|
|
21
|
+
error: hasError(meta, error),
|
|
22
|
+
valid: isValid(meta, valid, showValidStatus),
|
|
23
|
+
validationText: getValidationText(meta, validationText, error),
|
|
24
|
+
onFocus: createFocusHandler(input, onFocus),
|
|
25
|
+
onChange: createToggleChangeHandler(input),
|
|
26
|
+
onBlur: createBlurHandler(input, onBlur)
|
|
27
|
+
}));
|
|
31
28
|
RadioFieldFF.propTypes = {
|
|
32
29
|
/** `input` props received from Final Form `Field` */
|
|
33
30
|
input: inputPropType.isRequired,
|