@data-driven-forms/ant-component-mapper 4.1.4 → 4.1.7
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/CHANGELOG.md +10 -0
- package/README.md +1 -10
- package/checkbox/checkbox.js +19 -39
- package/checkbox/index.js +1 -7
- package/component-mapper/component-mapper.js +3 -25
- package/component-mapper/index.js +1 -7
- package/date-picker/date-picker.js +15 -29
- package/date-picker/index.js +1 -7
- package/dual-list-select/dual-list-select.js +19 -34
- package/dual-list-select/index.js +1 -7
- package/esm/checkbox/checkbox.js +17 -24
- package/esm/component-mapper/component-mapper.js +1 -3
- package/esm/date-picker/date-picker.js +14 -18
- package/esm/dual-list-select/dual-list-select.js +18 -24
- package/esm/field-array/field-array.js +83 -105
- package/esm/form-group/form-group.js +9 -11
- package/esm/form-template/form-template.js +21 -37
- package/esm/is-required/is-required.js +0 -2
- package/esm/multiple-choice-list/multiple-choice-list.js +10 -15
- package/esm/plain-text/plain-text.js +3 -6
- package/esm/radio/radio.js +25 -34
- package/esm/select/select.js +17 -22
- package/esm/slider/slider.js +20 -23
- package/esm/sub-form/sub-form.js +15 -19
- package/esm/switch/switch.js +20 -24
- package/esm/tabs/tabs.js +5 -9
- package/esm/text-field/text-field.js +12 -15
- package/esm/textarea/textarea.js +12 -15
- package/esm/time-picker/time-picker.js +13 -16
- package/esm/validation-error/validation-error.js +0 -1
- package/esm/wizard/step-buttons.js +19 -22
- package/esm/wizard/wizard-step.js +4 -7
- package/esm/wizard/wizard.js +23 -32
- package/field-array/field-array.js +86 -134
- package/field-array/index.js +1 -7
- package/form-group/form-group.js +10 -18
- package/form-group/index.js +1 -7
- package/form-template/form-template.js +22 -43
- package/form-template/index.js +1 -7
- package/index.js +1 -23
- package/is-required/index.js +1 -7
- package/is-required/is-required.js +1 -7
- package/multiple-choice-list/index.js +1 -7
- package/multiple-choice-list/multiple-choice-list.js +11 -24
- package/package.json +3 -3
- package/plain-text/index.js +1 -7
- package/plain-text/plain-text.js +4 -13
- package/radio/index.js +1 -7
- package/radio/radio.js +26 -43
- package/select/index.js +1 -7
- package/select/select.js +18 -32
- package/slider/index.js +1 -7
- package/slider/slider.js +22 -38
- package/sub-form/index.js +1 -7
- package/sub-form/sub-form.js +16 -30
- package/switch/index.js +1 -7
- package/switch/switch.js +22 -38
- package/tabs/index.js +1 -7
- package/tabs/tabs.js +6 -16
- package/text-field/index.js +1 -7
- package/text-field/text-field.js +13 -25
- package/textarea/index.js +1 -7
- package/textarea/textarea.js +13 -25
- package/time-picker/index.js +1 -7
- package/time-picker/time-picker.js +14 -27
- package/validation-error/index.js +1 -7
- package/validation-error/validation-error.js +2 -7
- package/wizard/index.js +1 -7
- package/wizard/step-buttons.js +20 -29
- package/wizard/wizard-step.js +6 -21
- package/wizard/wizard.js +25 -49
|
@@ -2,35 +2,30 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["onChange", "value"],
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
-
|
|
5
|
+
_excluded2 = ["input", "meta", "validateOnMount", "helperText", "description", "FormItemProps", "isRequired", "options", "label"];
|
|
6
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
8
|
import React from 'react';
|
|
12
9
|
import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
|
|
13
10
|
import Transfer from "antd/es/transfer/index.js";
|
|
14
11
|
import FormGroup from '../form-group';
|
|
15
|
-
|
|
16
12
|
var DualListSelect = function DualListSelect(props) {
|
|
17
13
|
var _useFieldApi = useFieldApi(props),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
14
|
+
_useFieldApi$input = _useFieldApi.input,
|
|
15
|
+
_onChange = _useFieldApi$input.onChange,
|
|
16
|
+
_useFieldApi$input$va = _useFieldApi$input.value,
|
|
17
|
+
value = _useFieldApi$input$va === void 0 ? [] : _useFieldApi$input$va,
|
|
18
|
+
input = _objectWithoutProperties(_useFieldApi$input, _excluded),
|
|
19
|
+
meta = _useFieldApi.meta,
|
|
20
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
21
|
+
helperText = _useFieldApi.helperText,
|
|
22
|
+
description = _useFieldApi.description,
|
|
23
|
+
FormItemProps = _useFieldApi.FormItemProps,
|
|
24
|
+
isRequired = _useFieldApi.isRequired,
|
|
25
|
+
_useFieldApi$options = _useFieldApi.options,
|
|
26
|
+
options = _useFieldApi$options === void 0 ? [] : _useFieldApi$options,
|
|
27
|
+
label = _useFieldApi.label,
|
|
28
|
+
rest = _objectWithoutProperties(_useFieldApi, _excluded2);
|
|
34
29
|
var dataSource = options.map(function (option) {
|
|
35
30
|
return _objectSpread({
|
|
36
31
|
key: option.value
|
|
@@ -63,5 +58,4 @@ var DualListSelect = function DualListSelect(props) {
|
|
|
63
58
|
dataSource: dataSource
|
|
64
59
|
}, rest)));
|
|
65
60
|
};
|
|
66
|
-
|
|
67
61
|
export default DualListSelect;
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
+
import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
|
|
3
4
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
4
5
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
6
|
import _extends from "@babel/runtime/helpers/extends";
|
|
6
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
8
|
var _excluded = ["remove"],
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
14
|
-
|
|
9
|
+
_excluded2 = ["remove"],
|
|
10
|
+
_excluded3 = ["arrayValidator", "label", "description", "fields", "defaultItem", "meta", "minItems", "maxItems", "noItemsMessage", "FormFieldGridProps", "FormControlProps", "buttonLabels", "validateOnMount", "isRequired", "helperText", "FormItemProps", "ArrayItemProps", "FieldsContainerProps", "RemoveContainerProps", "RemoveButtonProps", "FieldArrayRowProps", "FieldArrayRowCol", "FieldArrayHeaderProps", "FieldArrayLabelProps", "FieldArrayButtonsProps", "UndoButtonProps", "RedoButtonProps", "AddButtonProps", "FieldArrayDescriptionProps", "NoItemsMessageProps", "ErrorMessageProps"];
|
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
13
|
import React, { memo, useReducer } from 'react';
|
|
16
14
|
import isEqual from 'lodash/isEqual';
|
|
17
15
|
import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
|
|
@@ -26,20 +24,18 @@ import { UndoOutlined, RedoOutlined } from '@ant-design/icons';
|
|
|
26
24
|
import FormGroup from '../form-group';
|
|
27
25
|
var ArrayItem = /*#__PURE__*/memo(function (_ref) {
|
|
28
26
|
var fields = _ref.fields,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
27
|
+
fieldIndex = _ref.fieldIndex,
|
|
28
|
+
name = _ref.name,
|
|
29
|
+
remove = _ref.remove,
|
|
30
|
+
length = _ref.length,
|
|
31
|
+
minItems = _ref.minItems,
|
|
32
|
+
removeLabel = _ref.removeLabel,
|
|
33
|
+
ArrayItemProps = _ref.ArrayItemProps,
|
|
34
|
+
FieldsContainerProps = _ref.FieldsContainerProps,
|
|
35
|
+
RemoveContainerProps = _ref.RemoveContainerProps,
|
|
36
|
+
RemoveButtonProps = _ref.RemoveButtonProps;
|
|
40
37
|
var _useFormApi = useFormApi(),
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
renderForm = _useFormApi.renderForm;
|
|
43
39
|
var editedFields = fields.map(function (field, index) {
|
|
44
40
|
var computedName = field.name ? "".concat(name, ".").concat(field.name) : name;
|
|
45
41
|
return _objectSpread(_objectSpread({}, field), {}, {
|
|
@@ -62,11 +58,9 @@ var ArrayItem = /*#__PURE__*/memo(function (_ref) {
|
|
|
62
58
|
}), removeLabel)));
|
|
63
59
|
}, function (_ref2, _ref3) {
|
|
64
60
|
var _prevRemove = _ref2.remove,
|
|
65
|
-
|
|
66
|
-
|
|
61
|
+
prev = _objectWithoutProperties(_ref2, _excluded);
|
|
67
62
|
var _nextRemove = _ref3.remove,
|
|
68
|
-
|
|
69
|
-
|
|
63
|
+
next = _objectWithoutProperties(_ref3, _excluded2);
|
|
70
64
|
return isEqual(prev, next);
|
|
71
65
|
});
|
|
72
66
|
var defaultButtonLabels = {
|
|
@@ -79,102 +73,92 @@ var initialState = {
|
|
|
79
73
|
};
|
|
80
74
|
export var reducer = function reducer(state, _ref4) {
|
|
81
75
|
var type = _ref4.type,
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
action = _ref4.action;
|
|
84
77
|
switch (type) {
|
|
85
78
|
case 'redo':
|
|
86
79
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
87
80
|
index: state.index + 1
|
|
88
81
|
});
|
|
89
|
-
|
|
90
82
|
case 'action':
|
|
91
83
|
return {
|
|
92
84
|
index: state.index + 1,
|
|
93
85
|
history: [].concat(_toConsumableArray(state.history.slice(0, state.index)), [action])
|
|
94
86
|
};
|
|
95
|
-
|
|
96
87
|
case 'undo':
|
|
97
88
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
98
89
|
index: state.index - 1
|
|
99
90
|
});
|
|
100
|
-
|
|
101
91
|
case 'resetHistory':
|
|
102
92
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
103
93
|
history: state.history.slice(0, state.index)
|
|
104
94
|
});
|
|
105
|
-
|
|
106
95
|
default:
|
|
107
96
|
return state;
|
|
108
97
|
}
|
|
109
98
|
};
|
|
110
|
-
|
|
111
99
|
var DynamicArray = function DynamicArray(_ref5) {
|
|
112
|
-
var props = _extends({}, _ref5);
|
|
113
|
-
|
|
100
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
|
|
114
101
|
var _useFieldApi = useFieldApi(props),
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
102
|
+
arrayValidator = _useFieldApi.arrayValidator,
|
|
103
|
+
label = _useFieldApi.label,
|
|
104
|
+
description = _useFieldApi.description,
|
|
105
|
+
formFields = _useFieldApi.fields,
|
|
106
|
+
defaultItem = _useFieldApi.defaultItem,
|
|
107
|
+
meta = _useFieldApi.meta,
|
|
108
|
+
_useFieldApi$minItems = _useFieldApi.minItems,
|
|
109
|
+
minItems = _useFieldApi$minItems === void 0 ? 0 : _useFieldApi$minItems,
|
|
110
|
+
_useFieldApi$maxItems = _useFieldApi.maxItems,
|
|
111
|
+
maxItems = _useFieldApi$maxItems === void 0 ? Infinity : _useFieldApi$maxItems,
|
|
112
|
+
_useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
|
|
113
|
+
noItemsMessage = _useFieldApi$noItemsM === void 0 ? 'No items added' : _useFieldApi$noItemsM,
|
|
114
|
+
FormFieldGridProps = _useFieldApi.FormFieldGridProps,
|
|
115
|
+
FormControlProps = _useFieldApi.FormControlProps,
|
|
116
|
+
buttonLabels = _useFieldApi.buttonLabels,
|
|
117
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
118
|
+
isRequired = _useFieldApi.isRequired,
|
|
119
|
+
helperText = _useFieldApi.helperText,
|
|
120
|
+
_useFieldApi$FormItem = _useFieldApi.FormItemProps,
|
|
121
|
+
FormItemProps = _useFieldApi$FormItem === void 0 ? {} : _useFieldApi$FormItem,
|
|
122
|
+
_useFieldApi$ArrayIte = _useFieldApi.ArrayItemProps,
|
|
123
|
+
ArrayItemProps = _useFieldApi$ArrayIte === void 0 ? {} : _useFieldApi$ArrayIte,
|
|
124
|
+
_useFieldApi$FieldsCo = _useFieldApi.FieldsContainerProps,
|
|
125
|
+
FieldsContainerProps = _useFieldApi$FieldsCo === void 0 ? {} : _useFieldApi$FieldsCo,
|
|
126
|
+
_useFieldApi$RemoveCo = _useFieldApi.RemoveContainerProps,
|
|
127
|
+
RemoveContainerProps = _useFieldApi$RemoveCo === void 0 ? {} : _useFieldApi$RemoveCo,
|
|
128
|
+
_useFieldApi$RemoveBu = _useFieldApi.RemoveButtonProps,
|
|
129
|
+
RemoveButtonProps = _useFieldApi$RemoveBu === void 0 ? {} : _useFieldApi$RemoveBu,
|
|
130
|
+
_useFieldApi$FieldArr = _useFieldApi.FieldArrayRowProps,
|
|
131
|
+
FieldArrayRowProps = _useFieldApi$FieldArr === void 0 ? {} : _useFieldApi$FieldArr,
|
|
132
|
+
_useFieldApi$FieldArr2 = _useFieldApi.FieldArrayRowCol,
|
|
133
|
+
FieldArrayRowCol = _useFieldApi$FieldArr2 === void 0 ? {} : _useFieldApi$FieldArr2,
|
|
134
|
+
_useFieldApi$FieldArr3 = _useFieldApi.FieldArrayHeaderProps,
|
|
135
|
+
FieldArrayHeaderProps = _useFieldApi$FieldArr3 === void 0 ? {} : _useFieldApi$FieldArr3,
|
|
136
|
+
_useFieldApi$FieldArr4 = _useFieldApi.FieldArrayLabelProps,
|
|
137
|
+
FieldArrayLabelProps = _useFieldApi$FieldArr4 === void 0 ? {} : _useFieldApi$FieldArr4,
|
|
138
|
+
_useFieldApi$FieldArr5 = _useFieldApi.FieldArrayButtonsProps,
|
|
139
|
+
FieldArrayButtonsProps = _useFieldApi$FieldArr5 === void 0 ? {} : _useFieldApi$FieldArr5,
|
|
140
|
+
_useFieldApi$UndoButt = _useFieldApi.UndoButtonProps,
|
|
141
|
+
UndoButtonProps = _useFieldApi$UndoButt === void 0 ? {} : _useFieldApi$UndoButt,
|
|
142
|
+
_useFieldApi$RedoButt = _useFieldApi.RedoButtonProps,
|
|
143
|
+
RedoButtonProps = _useFieldApi$RedoButt === void 0 ? {} : _useFieldApi$RedoButt,
|
|
144
|
+
_useFieldApi$AddButto = _useFieldApi.AddButtonProps,
|
|
145
|
+
AddButtonProps = _useFieldApi$AddButto === void 0 ? {} : _useFieldApi$AddButto,
|
|
146
|
+
_useFieldApi$FieldArr6 = _useFieldApi.FieldArrayDescriptionProps,
|
|
147
|
+
FieldArrayDescriptionProps = _useFieldApi$FieldArr6 === void 0 ? {} : _useFieldApi$FieldArr6,
|
|
148
|
+
_useFieldApi$NoItemsM = _useFieldApi.NoItemsMessageProps,
|
|
149
|
+
NoItemsMessageProps = _useFieldApi$NoItemsM === void 0 ? {} : _useFieldApi$NoItemsM,
|
|
150
|
+
_useFieldApi$ErrorMes = _useFieldApi.ErrorMessageProps,
|
|
151
|
+
ErrorMessageProps = _useFieldApi$ErrorMes === void 0 ? {} : _useFieldApi$ErrorMes,
|
|
152
|
+
rest = _objectWithoutProperties(_useFieldApi, _excluded3);
|
|
167
153
|
var _useReducer = useReducer(reducer, initialState),
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
154
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
155
|
+
state = _useReducer2[0],
|
|
156
|
+
dispatch = _useReducer2[1];
|
|
172
157
|
var combinedButtonLabels = _objectSpread(_objectSpread({}, defaultButtonLabels), buttonLabels);
|
|
173
|
-
|
|
174
158
|
var dirty = meta.dirty,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
159
|
+
submitFailed = meta.submitFailed,
|
|
160
|
+
error = meta.error,
|
|
161
|
+
submitError = meta.submitError;
|
|
178
162
|
var isError = (dirty || submitFailed) && error && typeof error === 'string';
|
|
179
163
|
return /*#__PURE__*/React.createElement(FormGroup, {
|
|
180
164
|
meta: _objectSpread(_objectSpread({}, meta), {}, {
|
|
@@ -190,19 +174,17 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
190
174
|
validate: arrayValidator
|
|
191
175
|
}, function (_ref6) {
|
|
192
176
|
var _ref6$fields = _ref6.fields,
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
177
|
+
map = _ref6$fields.map,
|
|
178
|
+
_ref6$fields$value = _ref6$fields.value,
|
|
179
|
+
value = _ref6$fields$value === void 0 ? [] : _ref6$fields$value,
|
|
180
|
+
push = _ref6$fields.push,
|
|
181
|
+
remove = _ref6$fields.remove;
|
|
199
182
|
var pushWrapper = function pushWrapper() {
|
|
200
183
|
dispatch({
|
|
201
184
|
type: 'resetHistory'
|
|
202
185
|
});
|
|
203
186
|
push(defaultItem);
|
|
204
187
|
};
|
|
205
|
-
|
|
206
188
|
var removeWrapper = function removeWrapper(index) {
|
|
207
189
|
dispatch({
|
|
208
190
|
type: 'action',
|
|
@@ -213,21 +195,18 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
213
195
|
});
|
|
214
196
|
remove(index);
|
|
215
197
|
};
|
|
216
|
-
|
|
217
198
|
var undo = function undo() {
|
|
218
199
|
push(state.history[state.index - 1].value);
|
|
219
200
|
dispatch({
|
|
220
201
|
type: 'undo'
|
|
221
202
|
});
|
|
222
203
|
};
|
|
223
|
-
|
|
224
204
|
var redo = function redo() {
|
|
225
205
|
remove(value.length - 1);
|
|
226
206
|
dispatch({
|
|
227
207
|
type: 'redo'
|
|
228
208
|
});
|
|
229
209
|
};
|
|
230
|
-
|
|
231
210
|
return /*#__PURE__*/React.createElement(Row, _extends({
|
|
232
211
|
gutter: [0, 16]
|
|
233
212
|
}, FieldArrayRowProps), /*#__PURE__*/React.createElement(Col, _extends({
|
|
@@ -259,7 +238,7 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
259
238
|
span: 24
|
|
260
239
|
}, /*#__PURE__*/React.createElement(Row, {
|
|
261
240
|
gutter: [0, 16]
|
|
262
|
-
}, value.length <= 0 ? typeof noItemsMessage === 'string' ? /*#__PURE__*/React.createElement(Typography.Text, NoItemsMessageProps, noItemsMessage) : /*#__PURE__*/React.cloneElement(noItemsMessage, NoItemsMessageProps) : map(function (name, index) {
|
|
241
|
+
}, value.length <= 0 ? typeof noItemsMessage === 'string' ? /*#__PURE__*/React.createElement(Typography.Text, NoItemsMessageProps, noItemsMessage) : (/*#__PURE__*/React.cloneElement(noItemsMessage, NoItemsMessageProps)) : map(function (name, index) {
|
|
263
242
|
return /*#__PURE__*/React.createElement(Col, {
|
|
264
243
|
span: 24,
|
|
265
244
|
key: name
|
|
@@ -283,5 +262,4 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
283
262
|
}, ErrorMessageProps), _typeof(error) === 'object' ? error.name : error || submitError)));
|
|
284
263
|
}));
|
|
285
264
|
};
|
|
286
|
-
|
|
287
265
|
export default DynamicArray;
|
|
@@ -2,18 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import Form from "antd/es/form/index.js";
|
|
4
4
|
import { validationError } from '../validation-error/';
|
|
5
|
-
|
|
6
5
|
var FormGroup = function FormGroup(_ref) {
|
|
7
6
|
var label = _ref.label,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
children = _ref.children,
|
|
8
|
+
isRequired = _ref.isRequired,
|
|
9
|
+
FormItemProps = _ref.FormItemProps,
|
|
10
|
+
meta = _ref.meta,
|
|
11
|
+
validateOnMount = _ref.validateOnMount,
|
|
12
|
+
helperText = _ref.helperText,
|
|
13
|
+
description = _ref.description,
|
|
14
|
+
hideLabel = _ref.hideLabel,
|
|
15
|
+
input = _ref.input;
|
|
17
16
|
var invalid = validationError(meta, validateOnMount);
|
|
18
17
|
var warning = (meta.touched || validateOnMount) && meta.warning;
|
|
19
18
|
var help = invalid || warning || helperText || description;
|
|
@@ -25,5 +24,4 @@ var FormGroup = function FormGroup(_ref) {
|
|
|
25
24
|
htmlFor: input === null || input === void 0 ? void 0 : input.name
|
|
26
25
|
}, FormItemProps), children);
|
|
27
26
|
};
|
|
28
|
-
|
|
29
27
|
export default FormGroup;
|
|
@@ -2,57 +2,46 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["children", "onSubmit", "layout"],
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
14
|
-
|
|
5
|
+
_excluded2 = ["children"],
|
|
6
|
+
_excluded3 = ["children"],
|
|
7
|
+
_excluded4 = ["children"],
|
|
8
|
+
_excluded5 = ["label", "variant", "children", "buttonType"],
|
|
9
|
+
_excluded6 = ["layout", "formWrapperProps"];
|
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
12
|
import React from 'react';
|
|
16
13
|
import Button from "antd/es/button/index.js";
|
|
17
14
|
import Typography from "antd/es/typography/index.js";
|
|
18
15
|
import AntForm from "antd/es/form/index.js";
|
|
19
16
|
import FormTemplate from '@data-driven-forms/common/form-template';
|
|
20
17
|
var Title = Typography.Title,
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
Paragraph = Typography.Paragraph;
|
|
23
19
|
var Form = function Form(_ref) {
|
|
24
20
|
var children = _ref.children,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
onSubmit = _ref.onSubmit,
|
|
22
|
+
_ref$layout = _ref.layout,
|
|
23
|
+
layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
30
25
|
return /*#__PURE__*/React.createElement(AntForm, _extends({
|
|
31
26
|
onFinish: onSubmit,
|
|
32
27
|
layout: layout
|
|
33
28
|
}, props), children);
|
|
34
29
|
};
|
|
35
|
-
|
|
36
30
|
var Description = function Description(_ref2) {
|
|
37
31
|
var children = _ref2.children,
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
40
33
|
return /*#__PURE__*/React.createElement(Typography, props, /*#__PURE__*/React.createElement(Paragraph, null, children));
|
|
41
34
|
};
|
|
42
|
-
|
|
43
35
|
var TitleComponent = function TitleComponent(_ref3) {
|
|
44
36
|
var children = _ref3.children,
|
|
45
|
-
|
|
46
|
-
|
|
37
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
47
38
|
return /*#__PURE__*/React.createElement(Typography, props, /*#__PURE__*/React.createElement(Title, {
|
|
48
39
|
level: 3
|
|
49
40
|
}, children));
|
|
50
41
|
};
|
|
51
|
-
|
|
52
42
|
var ButtonGroup = function ButtonGroup(_ref4) {
|
|
53
43
|
var children = _ref4.children,
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
props = _objectWithoutProperties(_ref4, _excluded4);
|
|
56
45
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
57
46
|
style: {
|
|
58
47
|
display: 'flex',
|
|
@@ -60,25 +49,21 @@ var ButtonGroup = function ButtonGroup(_ref4) {
|
|
|
60
49
|
}
|
|
61
50
|
}, props), children);
|
|
62
51
|
};
|
|
63
|
-
|
|
64
52
|
var ButtonComponent = function ButtonComponent(_ref5) {
|
|
65
53
|
var label = _ref5.label,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
54
|
+
variant = _ref5.variant,
|
|
55
|
+
children = _ref5.children,
|
|
56
|
+
buttonType = _ref5.buttonType,
|
|
57
|
+
props = _objectWithoutProperties(_ref5, _excluded5);
|
|
71
58
|
return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
|
|
72
59
|
type: "primary",
|
|
73
60
|
htmlType: props.type
|
|
74
61
|
}), label || children);
|
|
75
62
|
};
|
|
76
|
-
|
|
77
63
|
var AntFormTemplate = function AntFormTemplate(_ref6) {
|
|
78
64
|
var layout = _ref6.layout,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
65
|
+
formWrapperProps = _ref6.formWrapperProps,
|
|
66
|
+
props = _objectWithoutProperties(_ref6, _excluded6);
|
|
82
67
|
return /*#__PURE__*/React.createElement(FormTemplate, _extends({
|
|
83
68
|
FormWrapper: Form,
|
|
84
69
|
Button: ButtonComponent,
|
|
@@ -90,5 +75,4 @@ var AntFormTemplate = function AntFormTemplate(_ref6) {
|
|
|
90
75
|
}, formWrapperProps)
|
|
91
76
|
}, props));
|
|
92
77
|
};
|
|
93
|
-
|
|
94
78
|
export default AntFormTemplate;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './is-required.css';
|
|
3
|
-
|
|
4
3
|
var IsRequired = function IsRequired(_ref) {
|
|
5
4
|
var children = _ref.children;
|
|
6
5
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
@@ -8,5 +7,4 @@ var IsRequired = function IsRequired(_ref) {
|
|
|
8
7
|
"aria-hidden": "true"
|
|
9
8
|
}, "*"), children);
|
|
10
9
|
};
|
|
11
|
-
|
|
12
10
|
export default IsRequired;
|
|
@@ -5,27 +5,24 @@ import React from 'react';
|
|
|
5
5
|
import AntCheckbox from "antd/es/checkbox/index.js";
|
|
6
6
|
import MultipleChoiceListCommon from '@data-driven-forms/common/multiple-choice-list';
|
|
7
7
|
import FormGroup from '../form-group';
|
|
8
|
-
|
|
9
8
|
var FinalCheckbox = function FinalCheckbox(_ref) {
|
|
10
9
|
var isDisabled = _ref.isDisabled,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
label = _ref.label,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
12
|
return /*#__PURE__*/React.createElement(AntCheckbox, _extends({}, props, {
|
|
15
13
|
disabled: isDisabled
|
|
16
14
|
}), label);
|
|
17
15
|
};
|
|
18
|
-
|
|
19
16
|
var Wrapper = function Wrapper(_ref2) {
|
|
20
17
|
var label = _ref2.label,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
isRequired = _ref2.isRequired,
|
|
19
|
+
children = _ref2.children,
|
|
20
|
+
meta = _ref2.meta,
|
|
21
|
+
input = _ref2.input,
|
|
22
|
+
validateOnMount = _ref2.validateOnMount,
|
|
23
|
+
helperText = _ref2.helperText,
|
|
24
|
+
description = _ref2.description,
|
|
25
|
+
FormItemProps = _ref2.FormItemProps;
|
|
29
26
|
return /*#__PURE__*/React.createElement(FormGroup, {
|
|
30
27
|
label: label,
|
|
31
28
|
meta: meta,
|
|
@@ -37,12 +34,10 @@ var Wrapper = function Wrapper(_ref2) {
|
|
|
37
34
|
input: input
|
|
38
35
|
}, children);
|
|
39
36
|
};
|
|
40
|
-
|
|
41
37
|
var MultipleChoiceList = function MultipleChoiceList(props) {
|
|
42
38
|
return /*#__PURE__*/React.createElement(MultipleChoiceListCommon, _extends({}, props, {
|
|
43
39
|
Wrapper: Wrapper,
|
|
44
40
|
Checkbox: FinalCheckbox
|
|
45
41
|
}));
|
|
46
42
|
};
|
|
47
|
-
|
|
48
43
|
export default MultipleChoiceList;
|
|
@@ -4,18 +4,15 @@ var _excluded = ["label", "name", "TypographyProps"];
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Typography from "antd/es/typography/index.js";
|
|
6
6
|
var Paragraph = Typography.Paragraph;
|
|
7
|
-
|
|
8
7
|
var PlainText = function PlainText(_ref) {
|
|
9
8
|
var label = _ref.label,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
name = _ref.name,
|
|
10
|
+
TypographyProps = _ref.TypographyProps,
|
|
11
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
12
|
return /*#__PURE__*/React.createElement(Typography, TypographyProps, label.split('\n').map(function (paragraph, index) {
|
|
15
13
|
return /*#__PURE__*/React.createElement(Paragraph, _extends({
|
|
16
14
|
key: "".concat(index, "-").concat(name)
|
|
17
15
|
}, rest), paragraph);
|
|
18
16
|
}));
|
|
19
17
|
};
|
|
20
|
-
|
|
21
18
|
export default PlainText;
|