@data-driven-forms/mui-component-mapper 4.1.1 → 4.2.0-0
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/checkbox/checkbox.js +33 -58
- package/checkbox/index.js +1 -7
- package/checkbox/package.json +1 -1
- package/component-mapper/component-mapper.js +3 -25
- package/component-mapper/index.js +1 -7
- package/component-mapper/package.json +1 -1
- package/date-picker/date-picker.d.ts +3 -3
- package/date-picker/date-picker.js +17 -28
- package/date-picker/index.js +1 -7
- package/date-picker/package.json +1 -1
- package/dual-list-select/dual-list-select.js +149 -186
- package/dual-list-select/index.js +1 -7
- package/dual-list-select/package.json +1 -1
- package/esm/checkbox/checkbox.js +31 -38
- package/esm/component-mapper/component-mapper.js +1 -3
- package/esm/date-picker/date-picker.js +16 -18
- package/esm/dual-list-select/dual-list-select.js +148 -158
- package/esm/field-array/field-array.js +92 -116
- package/esm/form-field-grid/form-field-grid.js +2 -5
- package/esm/form-template/form-template.js +23 -40
- package/esm/multiple-choice-list/multiple-choice-list.js +40 -49
- package/esm/plain-text/plain-text.js +8 -11
- package/esm/radio/radio.js +45 -55
- package/esm/select/select.js +55 -71
- package/esm/slider/slider.js +21 -24
- package/esm/sub-form/sub-form.js +10 -14
- package/esm/switch/switch.js +30 -34
- package/esm/tabs/tabs.js +18 -24
- package/esm/text-field/text-field.js +15 -21
- package/esm/textarea/textarea.js +17 -23
- package/esm/time-picker/time-picker.js +16 -18
- package/esm/validation-error/validation-error.js +0 -1
- package/esm/wizard/step-buttons.js +25 -32
- package/esm/wizard/wizard-nav.js +6 -8
- package/esm/wizard/wizard.js +16 -25
- package/field-array/field-array.js +95 -148
- package/field-array/index.js +1 -7
- package/field-array/package.json +1 -1
- package/form-field-grid/form-field-grid.js +3 -15
- package/form-field-grid/index.js +0 -2
- package/form-field-grid/package.json +1 -1
- package/form-template/form-template.js +25 -55
- package/form-template/index.js +1 -7
- package/form-template/package.json +1 -1
- package/index.js +1 -25
- package/multiple-choice-list/index.js +1 -7
- package/multiple-choice-list/multiple-choice-list.js +42 -70
- package/multiple-choice-list/package.json +1 -1
- package/package.json +17 -15
- package/plain-text/index.js +1 -7
- package/plain-text/package.json +1 -1
- package/plain-text/plain-text.js +9 -18
- package/radio/index.js +1 -7
- package/radio/package.json +1 -1
- package/radio/radio.js +46 -72
- package/select/index.js +1 -7
- package/select/package.json +1 -1
- package/select/select.js +59 -97
- package/slider/index.js +1 -7
- package/slider/package.json +1 -1
- package/slider/slider.js +22 -40
- package/sub-form/index.js +1 -7
- package/sub-form/package.json +1 -1
- package/sub-form/sub-form.js +11 -26
- package/switch/index.js +1 -7
- package/switch/package.json +1 -1
- package/switch/switch.js +32 -54
- package/tabs/index.js +1 -7
- package/tabs/package.json +1 -1
- package/tabs/tabs.js +20 -43
- package/text-field/index.js +1 -7
- package/text-field/package.json +1 -1
- package/text-field/text-field.js +16 -32
- package/textarea/index.js +1 -7
- package/textarea/package.json +1 -1
- package/textarea/textarea.js +18 -34
- package/time-picker/index.js +1 -7
- package/time-picker/package.json +1 -1
- package/time-picker/time-picker.js +17 -30
- package/tsconfig.json +17 -0
- package/validation-error/index.js +1 -7
- package/validation-error/package.json +1 -1
- package/validation-error/validation-error.js +2 -7
- package/wizard/index.js +1 -7
- package/wizard/package.json +1 -1
- package/wizard/step-buttons.js +26 -46
- package/wizard/wizard-nav.js +7 -20
- package/wizard/wizard.js +18 -43
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
|
|
2
3
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
5
|
import _extends from "@babel/runtime/helpers/extends";
|
|
5
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
7
|
var _excluded = ["remove"],
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
|
-
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; }
|
|
15
|
-
|
|
8
|
+
_excluded2 = ["remove"],
|
|
9
|
+
_excluded3 = ["arrayValidator", "label", "description", "fields", "defaultItem", "meta", "minItems", "maxItems", "noItemsMessage", "FormFieldGridProps", "FormControlProps", "buttonLabels", "GridContainerProps", "HeaderGridProps", "HeaderProps", "UndoButtonProps", "RedoButtonProps", "AddButtonProps", "DescriptionGridProps", "DescriptionProps", "BodyGridProps", "NoItemsProps", "FormHelperTextGridProps", "FormHelperTextProps", "FieldContainerProps", "FieldGroupGridProps", "RemoveButtonGridProps", "RemoveButtonProps"];
|
|
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; }
|
|
16
12
|
import React, { memo, useReducer } from 'react';
|
|
17
13
|
import { styled } from '@mui/material/styles';
|
|
18
14
|
import useFormApi from "@data-driven-forms/react-form-renderer/use-form-api";
|
|
@@ -38,41 +34,39 @@ var classes = {
|
|
|
38
34
|
label: "".concat(PREFIX, "-label"),
|
|
39
35
|
fieldArrayGroup: "".concat(PREFIX, "-fieldArrayGroup")
|
|
40
36
|
};
|
|
41
|
-
var StyledFormFieldGrid = styled(FormFieldGrid)((
|
|
37
|
+
var StyledFormFieldGrid = styled(FormFieldGrid)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(classes.formControl), {
|
|
42
38
|
width: '100%'
|
|
43
|
-
}),
|
|
39
|
+
}), "& .".concat(classes.centerText), {
|
|
44
40
|
display: 'flex',
|
|
45
41
|
justifyContent: 'center'
|
|
46
|
-
}),
|
|
42
|
+
}), "& .".concat(classes.buttonsToEnd), {
|
|
47
43
|
display: 'flex',
|
|
48
44
|
justifyContent: 'flex-end'
|
|
49
|
-
}),
|
|
45
|
+
}), "& .".concat(classes.header), {
|
|
50
46
|
display: 'flex'
|
|
51
|
-
}),
|
|
47
|
+
}), "& .".concat(classes.label), {
|
|
52
48
|
flexGrow: 1
|
|
53
|
-
}),
|
|
49
|
+
}), "&.".concat(classes.fieldArrayGroup), {
|
|
54
50
|
marginBottom: 32
|
|
55
|
-
})
|
|
51
|
+
}));
|
|
56
52
|
var ArrayItem = /*#__PURE__*/memo(function (_ref) {
|
|
57
53
|
var fields = _ref.fields,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
54
|
+
fieldIndex = _ref.fieldIndex,
|
|
55
|
+
name = _ref.name,
|
|
56
|
+
remove = _ref.remove,
|
|
57
|
+
length = _ref.length,
|
|
58
|
+
minItems = _ref.minItems,
|
|
59
|
+
removeLabel = _ref.removeLabel,
|
|
60
|
+
_ref$FieldContainerPr = _ref.FieldContainerProps,
|
|
61
|
+
FieldContainerProps = _ref$FieldContainerPr === void 0 ? {} : _ref$FieldContainerPr,
|
|
62
|
+
_ref$FieldGroupGridPr = _ref.FieldGroupGridProps,
|
|
63
|
+
FieldGroupGridProps = _ref$FieldGroupGridPr === void 0 ? {} : _ref$FieldGroupGridPr,
|
|
64
|
+
_ref$RemoveButtonGrid = _ref.RemoveButtonGridProps,
|
|
65
|
+
RemoveButtonGridProps = _ref$RemoveButtonGrid === void 0 ? {} : _ref$RemoveButtonGrid,
|
|
66
|
+
_ref$RemoveButtonProp = _ref.RemoveButtonProps,
|
|
67
|
+
RemoveButtonProps = _ref$RemoveButtonProp === void 0 ? {} : _ref$RemoveButtonProp;
|
|
73
68
|
var _useFormApi = useFormApi(),
|
|
74
|
-
|
|
75
|
-
|
|
69
|
+
renderForm = _useFormApi.renderForm;
|
|
76
70
|
var editedFields = fields.map(function (field, index) {
|
|
77
71
|
var computedName = field.name ? "".concat(name, ".").concat(field.name) : name;
|
|
78
72
|
return _objectSpread(_objectSpread({}, field), {}, {
|
|
@@ -102,11 +96,9 @@ var ArrayItem = /*#__PURE__*/memo(function (_ref) {
|
|
|
102
96
|
}, RemoveButtonProps), removeLabel)));
|
|
103
97
|
}, function (_ref2, _ref3) {
|
|
104
98
|
var _prevRemove = _ref2.remove,
|
|
105
|
-
|
|
106
|
-
|
|
99
|
+
prev = _objectWithoutProperties(_ref2, _excluded);
|
|
107
100
|
var _nextRemove = _ref3.remove,
|
|
108
|
-
|
|
109
|
-
|
|
101
|
+
next = _objectWithoutProperties(_ref3, _excluded2);
|
|
110
102
|
return isEqual(prev, next);
|
|
111
103
|
});
|
|
112
104
|
var defaultButtonLabels = {
|
|
@@ -119,101 +111,91 @@ var initialState = {
|
|
|
119
111
|
};
|
|
120
112
|
export var reducer = function reducer(state, _ref4) {
|
|
121
113
|
var type = _ref4.type,
|
|
122
|
-
|
|
123
|
-
|
|
114
|
+
action = _ref4.action;
|
|
124
115
|
switch (type) {
|
|
125
116
|
case 'redo':
|
|
126
117
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
127
118
|
index: state.index + 1
|
|
128
119
|
});
|
|
129
|
-
|
|
130
120
|
case 'action':
|
|
131
121
|
return {
|
|
132
122
|
index: state.index + 1,
|
|
133
123
|
history: [].concat(_toConsumableArray(state.history.slice(0, state.index)), [action])
|
|
134
124
|
};
|
|
135
|
-
|
|
136
125
|
case 'undo':
|
|
137
126
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
138
127
|
index: state.index - 1
|
|
139
128
|
});
|
|
140
|
-
|
|
141
129
|
case 'resetHistory':
|
|
142
130
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
143
131
|
history: state.history.slice(0, state.index)
|
|
144
132
|
});
|
|
145
|
-
|
|
146
133
|
default:
|
|
147
134
|
return state;
|
|
148
135
|
}
|
|
149
136
|
};
|
|
150
|
-
|
|
151
137
|
var DynamicArray = function DynamicArray(_ref5) {
|
|
152
|
-
var props = _extends({}, _ref5);
|
|
153
|
-
|
|
138
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
|
|
154
139
|
var _useFieldApi = useFieldApi(props),
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
140
|
+
arrayValidator = _useFieldApi.arrayValidator,
|
|
141
|
+
label = _useFieldApi.label,
|
|
142
|
+
description = _useFieldApi.description,
|
|
143
|
+
formFields = _useFieldApi.fields,
|
|
144
|
+
defaultItem = _useFieldApi.defaultItem,
|
|
145
|
+
meta = _useFieldApi.meta,
|
|
146
|
+
_useFieldApi$minItems = _useFieldApi.minItems,
|
|
147
|
+
minItems = _useFieldApi$minItems === void 0 ? 0 : _useFieldApi$minItems,
|
|
148
|
+
_useFieldApi$maxItems = _useFieldApi.maxItems,
|
|
149
|
+
maxItems = _useFieldApi$maxItems === void 0 ? Infinity : _useFieldApi$maxItems,
|
|
150
|
+
_useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
|
|
151
|
+
noItemsMessage = _useFieldApi$noItemsM === void 0 ? 'No items added' : _useFieldApi$noItemsM,
|
|
152
|
+
_useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
|
|
153
|
+
FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
|
|
154
|
+
_useFieldApi$FormCont = _useFieldApi.FormControlProps,
|
|
155
|
+
FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
|
|
156
|
+
buttonLabels = _useFieldApi.buttonLabels,
|
|
157
|
+
_useFieldApi$GridCont = _useFieldApi.GridContainerProps,
|
|
158
|
+
GridContainerProps = _useFieldApi$GridCont === void 0 ? {} : _useFieldApi$GridCont,
|
|
159
|
+
_useFieldApi$HeaderGr = _useFieldApi.HeaderGridProps,
|
|
160
|
+
HeaderGridProps = _useFieldApi$HeaderGr === void 0 ? {} : _useFieldApi$HeaderGr,
|
|
161
|
+
_useFieldApi$HeaderPr = _useFieldApi.HeaderProps,
|
|
162
|
+
HeaderProps = _useFieldApi$HeaderPr === void 0 ? {} : _useFieldApi$HeaderPr,
|
|
163
|
+
_useFieldApi$UndoButt = _useFieldApi.UndoButtonProps,
|
|
164
|
+
UndoButtonProps = _useFieldApi$UndoButt === void 0 ? {} : _useFieldApi$UndoButt,
|
|
165
|
+
_useFieldApi$RedoButt = _useFieldApi.RedoButtonProps,
|
|
166
|
+
RedoButtonProps = _useFieldApi$RedoButt === void 0 ? {} : _useFieldApi$RedoButt,
|
|
167
|
+
_useFieldApi$AddButto = _useFieldApi.AddButtonProps,
|
|
168
|
+
AddButtonProps = _useFieldApi$AddButto === void 0 ? {} : _useFieldApi$AddButto,
|
|
169
|
+
_useFieldApi$Descript = _useFieldApi.DescriptionGridProps,
|
|
170
|
+
DescriptionGridProps = _useFieldApi$Descript === void 0 ? {} : _useFieldApi$Descript,
|
|
171
|
+
_useFieldApi$Descript2 = _useFieldApi.DescriptionProps,
|
|
172
|
+
DescriptionProps = _useFieldApi$Descript2 === void 0 ? {} : _useFieldApi$Descript2,
|
|
173
|
+
_useFieldApi$BodyGrid = _useFieldApi.BodyGridProps,
|
|
174
|
+
BodyGridProps = _useFieldApi$BodyGrid === void 0 ? {} : _useFieldApi$BodyGrid,
|
|
175
|
+
_useFieldApi$NoItemsP = _useFieldApi.NoItemsProps,
|
|
176
|
+
NoItemsProps = _useFieldApi$NoItemsP === void 0 ? {} : _useFieldApi$NoItemsP,
|
|
177
|
+
_useFieldApi$FormHelp = _useFieldApi.FormHelperTextGridProps,
|
|
178
|
+
FormHelperTextGridProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
|
|
179
|
+
_useFieldApi$FormHelp2 = _useFieldApi.FormHelperTextProps,
|
|
180
|
+
FormHelperTextProps = _useFieldApi$FormHelp2 === void 0 ? {} : _useFieldApi$FormHelp2,
|
|
181
|
+
_useFieldApi$FieldCon = _useFieldApi.FieldContainerProps,
|
|
182
|
+
FieldContainerProps = _useFieldApi$FieldCon === void 0 ? {} : _useFieldApi$FieldCon,
|
|
183
|
+
_useFieldApi$FieldGro = _useFieldApi.FieldGroupGridProps,
|
|
184
|
+
FieldGroupGridProps = _useFieldApi$FieldGro === void 0 ? {} : _useFieldApi$FieldGro,
|
|
185
|
+
_useFieldApi$RemoveBu = _useFieldApi.RemoveButtonGridProps,
|
|
186
|
+
RemoveButtonGridProps = _useFieldApi$RemoveBu === void 0 ? {} : _useFieldApi$RemoveBu,
|
|
187
|
+
_useFieldApi$RemoveBu2 = _useFieldApi.RemoveButtonProps,
|
|
188
|
+
RemoveButtonProps = _useFieldApi$RemoveBu2 === void 0 ? {} : _useFieldApi$RemoveBu2,
|
|
189
|
+
rest = _objectWithoutProperties(_useFieldApi, _excluded3);
|
|
206
190
|
var _useReducer = useReducer(reducer, initialState),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
191
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
192
|
+
state = _useReducer2[0],
|
|
193
|
+
dispatch = _useReducer2[1];
|
|
211
194
|
var combinedButtonLabels = _objectSpread(_objectSpread({}, defaultButtonLabels), buttonLabels);
|
|
212
|
-
|
|
213
195
|
var dirty = meta.dirty,
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
196
|
+
submitFailed = meta.submitFailed,
|
|
197
|
+
error = meta.error,
|
|
198
|
+
submitError = meta.submitError;
|
|
217
199
|
var isError = (dirty || submitFailed) && error && typeof error === 'string';
|
|
218
200
|
return /*#__PURE__*/React.createElement(StyledFormFieldGrid, _extends({}, FormFieldGridProps, {
|
|
219
201
|
className: clsx(classes.fieldArrayGroup, FormFieldGridProps.classname)
|
|
@@ -228,19 +210,17 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
228
210
|
validate: arrayValidator
|
|
229
211
|
}, function (_ref6) {
|
|
230
212
|
var _ref6$fields = _ref6.fields,
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
213
|
+
map = _ref6$fields.map,
|
|
214
|
+
_ref6$fields$value = _ref6$fields.value,
|
|
215
|
+
value = _ref6$fields$value === void 0 ? [] : _ref6$fields$value,
|
|
216
|
+
push = _ref6$fields.push,
|
|
217
|
+
remove = _ref6$fields.remove;
|
|
237
218
|
var pushWrapper = function pushWrapper() {
|
|
238
219
|
dispatch({
|
|
239
220
|
type: 'resetHistory'
|
|
240
221
|
});
|
|
241
222
|
push(defaultItem);
|
|
242
223
|
};
|
|
243
|
-
|
|
244
224
|
var removeWrapper = function removeWrapper(index) {
|
|
245
225
|
dispatch({
|
|
246
226
|
type: 'action',
|
|
@@ -251,21 +231,18 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
251
231
|
});
|
|
252
232
|
remove(index);
|
|
253
233
|
};
|
|
254
|
-
|
|
255
234
|
var undo = function undo() {
|
|
256
235
|
push(state.history[state.index - 1].value);
|
|
257
236
|
dispatch({
|
|
258
237
|
type: 'undo'
|
|
259
238
|
});
|
|
260
239
|
};
|
|
261
|
-
|
|
262
240
|
var redo = function redo() {
|
|
263
241
|
remove(value.length - 1);
|
|
264
242
|
dispatch({
|
|
265
243
|
type: 'redo'
|
|
266
244
|
});
|
|
267
245
|
};
|
|
268
|
-
|
|
269
246
|
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
270
247
|
container: true,
|
|
271
248
|
spacing: 3
|
|
@@ -329,5 +306,4 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
329
306
|
}, FormHelperTextGridProps), /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, error || submitError)));
|
|
330
307
|
})));
|
|
331
308
|
};
|
|
332
|
-
|
|
333
309
|
export default DynamicArray;
|
|
@@ -13,17 +13,14 @@ var classes = {
|
|
|
13
13
|
var StyledGrid = styled(Grid)(_defineProperty({}, "&.".concat(classes.grid), {
|
|
14
14
|
position: 'relative'
|
|
15
15
|
}));
|
|
16
|
-
|
|
17
16
|
var FormFieldGrid = function FormFieldGrid(_ref) {
|
|
18
17
|
var children = _ref.children,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
className = _ref.className,
|
|
19
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
20
|
return /*#__PURE__*/React.createElement(StyledGrid, _extends({
|
|
23
21
|
xs: 12,
|
|
24
22
|
item: true,
|
|
25
23
|
className: clsx(classes.grid, className)
|
|
26
24
|
}, props), children);
|
|
27
25
|
};
|
|
28
|
-
|
|
29
26
|
export default FormFieldGrid;
|
|
@@ -3,11 +3,11 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
5
|
var _excluded = ["children", "GridContainerProps", "GridProps"],
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
_excluded2 = ["children", "GridProps"],
|
|
7
|
+
_excluded3 = ["children", "GridProps"],
|
|
8
|
+
_excluded4 = ["children", "GridProps"],
|
|
9
|
+
_excluded5 = ["label", "variant", "children", "buttonType"],
|
|
10
|
+
_excluded6 = ["title", "description", "TitleProps", "className"];
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { styled } from '@mui/material/styles';
|
|
13
13
|
import Grid from "@mui/material/Grid";
|
|
@@ -30,13 +30,11 @@ var StyledButtonGroup = styled(Grid)(function () {
|
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
32
|
});
|
|
33
|
-
|
|
34
33
|
var Form = function Form(_ref2) {
|
|
35
34
|
var children = _ref2.children,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
GridContainerProps = _ref2.GridContainerProps,
|
|
36
|
+
GridProps = _ref2.GridProps,
|
|
37
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
40
38
|
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
41
39
|
item: true,
|
|
42
40
|
xs: 12
|
|
@@ -49,12 +47,10 @@ var Form = function Form(_ref2) {
|
|
|
49
47
|
xs: 12
|
|
50
48
|
}, GridContainerProps), children)));
|
|
51
49
|
};
|
|
52
|
-
|
|
53
50
|
var Description = function Description(_ref3) {
|
|
54
51
|
var children = _ref3.children,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
52
|
+
GridProps = _ref3.GridProps,
|
|
53
|
+
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
58
54
|
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
59
55
|
item: true,
|
|
60
56
|
xs: 12
|
|
@@ -63,12 +59,10 @@ var Description = function Description(_ref3) {
|
|
|
63
59
|
gutterBottom: true
|
|
64
60
|
}, props), children));
|
|
65
61
|
};
|
|
66
|
-
|
|
67
62
|
var Title = function Title(_ref4) {
|
|
68
63
|
var children = _ref4.children,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
64
|
+
GridProps = _ref4.GridProps,
|
|
65
|
+
props = _objectWithoutProperties(_ref4, _excluded3);
|
|
72
66
|
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
73
67
|
item: true,
|
|
74
68
|
xs: 12
|
|
@@ -77,12 +71,10 @@ var Title = function Title(_ref4) {
|
|
|
77
71
|
gutterBottom: true
|
|
78
72
|
}, props), children));
|
|
79
73
|
};
|
|
80
|
-
|
|
81
74
|
var ButtonGroup = function ButtonGroup(_ref5) {
|
|
82
75
|
var children = _ref5.children,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
GridProps = _ref5.GridProps,
|
|
77
|
+
props = _objectWithoutProperties(_ref5, _excluded4);
|
|
86
78
|
return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
|
|
87
79
|
item: true,
|
|
88
80
|
xs: 12
|
|
@@ -90,20 +82,17 @@ var ButtonGroup = function ButtonGroup(_ref5) {
|
|
|
90
82
|
className: classes.buttonGroup
|
|
91
83
|
}, props), children));
|
|
92
84
|
};
|
|
93
|
-
|
|
94
85
|
var Button = function Button(_ref6) {
|
|
95
86
|
var label = _ref6.label,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
87
|
+
variant = _ref6.variant,
|
|
88
|
+
children = _ref6.children,
|
|
89
|
+
buttonType = _ref6.buttonType,
|
|
90
|
+
props = _objectWithoutProperties(_ref6, _excluded5);
|
|
101
91
|
return /*#__PURE__*/React.createElement(MUIButton, _extends({
|
|
102
92
|
color: variant,
|
|
103
93
|
variant: "contained"
|
|
104
94
|
}, props), label || children);
|
|
105
95
|
};
|
|
106
|
-
|
|
107
96
|
var StyledAlert = styled(Alert)(function () {
|
|
108
97
|
return {
|
|
109
98
|
'& .alert': {
|
|
@@ -114,22 +103,19 @@ var StyledAlert = styled(Alert)(function () {
|
|
|
114
103
|
});
|
|
115
104
|
export var FormError = function FormError(_ref7) {
|
|
116
105
|
var formError = _ref7.formError,
|
|
117
|
-
|
|
118
|
-
|
|
106
|
+
alertProps = _ref7.alertProps;
|
|
119
107
|
if (_typeof(formError) === 'object' && (formError.title || formError.title)) {
|
|
120
108
|
var title = formError.title,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
109
|
+
description = formError.description,
|
|
110
|
+
TitleProps = formError.TitleProps,
|
|
111
|
+
className = formError.className,
|
|
112
|
+
props = _objectWithoutProperties(formError, _excluded6);
|
|
126
113
|
return /*#__PURE__*/React.createElement(StyledAlert, _extends({
|
|
127
114
|
severity: "error"
|
|
128
115
|
}, props, alertProps, {
|
|
129
116
|
className: clsx('alert', alertProps === null || alertProps === void 0 ? void 0 : alertProps.className, className)
|
|
130
117
|
}), title && /*#__PURE__*/React.createElement(AlertTitle, TitleProps, title), description);
|
|
131
118
|
}
|
|
132
|
-
|
|
133
119
|
if (formError) {
|
|
134
120
|
return /*#__PURE__*/React.createElement(StyledAlert, _extends({
|
|
135
121
|
severity: "error"
|
|
@@ -137,10 +123,8 @@ export var FormError = function FormError(_ref7) {
|
|
|
137
123
|
className: clsx('alert', alertProps === null || alertProps === void 0 ? void 0 : alertProps.className)
|
|
138
124
|
}), formError);
|
|
139
125
|
}
|
|
140
|
-
|
|
141
126
|
return null;
|
|
142
127
|
};
|
|
143
|
-
|
|
144
128
|
var MuiFormTemplate = function MuiFormTemplate(props) {
|
|
145
129
|
return /*#__PURE__*/React.createElement(FormTemplate, _extends({
|
|
146
130
|
BeforeError: FormError,
|
|
@@ -151,5 +135,4 @@ var MuiFormTemplate = function MuiFormTemplate(props) {
|
|
|
151
135
|
Description: Description
|
|
152
136
|
}, props));
|
|
153
137
|
};
|
|
154
|
-
|
|
155
138
|
export default MuiFormTemplate;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["label", "isDisabled"],
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
_excluded2 = ["initialValue", "isRequired", "isReadOnly", "helperText", "validate", "isDisabled", "component"],
|
|
5
|
+
_excluded3 = ["FormControlProps", "FormLabelProps", "FormGroupProps", "FormHelperTextProps", "FormFieldGridProps", "FormControlLabelProps", "CheckboxProps"];
|
|
6
6
|
import React, { createContext, useContext } from 'react';
|
|
7
7
|
import Grid from "@mui/material/Grid";
|
|
8
8
|
import Checkbox from "@mui/material/Checkbox";
|
|
@@ -14,25 +14,22 @@ import FormHelperText from "@mui/material/FormHelperText";
|
|
|
14
14
|
import MultipleChoiceListCommon from '@data-driven-forms/common/multiple-choice-list';
|
|
15
15
|
import { validationError } from '../validation-error/validation-error';
|
|
16
16
|
var CheckboxContext = /*#__PURE__*/createContext({});
|
|
17
|
-
|
|
18
17
|
var FinalCheckbox = function FinalCheckbox(_ref) {
|
|
19
18
|
var label = _ref.label,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
_isDisabled = _ref.isDisabled,
|
|
20
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
23
21
|
var _useContext = useContext(CheckboxContext),
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
22
|
+
FormControlLabelProps = _useContext.FormControlLabelProps,
|
|
23
|
+
CheckboxProps = _useContext.CheckboxProps,
|
|
24
|
+
_useContext$props = _useContext.props,
|
|
25
|
+
initialValue = _useContext$props.initialValue,
|
|
26
|
+
isRequired = _useContext$props.isRequired,
|
|
27
|
+
isReadOnly = _useContext$props.isReadOnly,
|
|
28
|
+
helperText = _useContext$props.helperText,
|
|
29
|
+
validate = _useContext$props.validate,
|
|
30
|
+
isDisabled = _useContext$props.isDisabled,
|
|
31
|
+
component = _useContext$props.component,
|
|
32
|
+
props = _objectWithoutProperties(_useContext$props, _excluded2);
|
|
36
33
|
return /*#__PURE__*/React.createElement(FormControlLabel, _extends({}, FormControlLabelProps, {
|
|
37
34
|
control: /*#__PURE__*/React.createElement(Checkbox, _extends({}, rest, props, CheckboxProps, {
|
|
38
35
|
disabled: isDisabled
|
|
@@ -40,24 +37,21 @@ var FinalCheckbox = function FinalCheckbox(_ref) {
|
|
|
40
37
|
label: label
|
|
41
38
|
}));
|
|
42
39
|
};
|
|
43
|
-
|
|
44
40
|
var Wrapper = function Wrapper(_ref2) {
|
|
45
41
|
var label = _ref2.label,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
42
|
+
isRequired = _ref2.isRequired,
|
|
43
|
+
children = _ref2.children,
|
|
44
|
+
meta = _ref2.meta,
|
|
45
|
+
validateOnMount = _ref2.validateOnMount,
|
|
46
|
+
helperText = _ref2.helperText,
|
|
47
|
+
description = _ref2.description;
|
|
52
48
|
var invalid = validationError(meta, validateOnMount);
|
|
53
|
-
|
|
54
49
|
var _useContext2 = useContext(CheckboxContext),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
50
|
+
FormFieldGridProps = _useContext2.FormFieldGridProps,
|
|
51
|
+
FormControlProps = _useContext2.FormControlProps,
|
|
52
|
+
FormLabelProps = _useContext2.FormLabelProps,
|
|
53
|
+
FormGroupProps = _useContext2.FormGroupProps,
|
|
54
|
+
FormHelperTextProps = _useContext2.FormHelperTextProps;
|
|
61
55
|
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
62
56
|
container: true,
|
|
63
57
|
item: true,
|
|
@@ -68,24 +62,22 @@ var Wrapper = function Wrapper(_ref2) {
|
|
|
68
62
|
component: "fieldset"
|
|
69
63
|
}, FormControlProps), /*#__PURE__*/React.createElement(FormLabel, FormLabelProps, label), /*#__PURE__*/React.createElement(FormGroup, FormGroupProps, children), (invalid || helperText || description) && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, invalid || helperText || description)));
|
|
70
64
|
};
|
|
71
|
-
|
|
72
65
|
var MultipleChoiceList = function MultipleChoiceList(_ref3) {
|
|
73
66
|
var _ref3$FormControlProp = _ref3.FormControlProps,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
67
|
+
FormControlProps = _ref3$FormControlProp === void 0 ? {} : _ref3$FormControlProp,
|
|
68
|
+
_ref3$FormLabelProps = _ref3.FormLabelProps,
|
|
69
|
+
FormLabelProps = _ref3$FormLabelProps === void 0 ? {} : _ref3$FormLabelProps,
|
|
70
|
+
_ref3$FormGroupProps = _ref3.FormGroupProps,
|
|
71
|
+
FormGroupProps = _ref3$FormGroupProps === void 0 ? {} : _ref3$FormGroupProps,
|
|
72
|
+
_ref3$FormHelperTextP = _ref3.FormHelperTextProps,
|
|
73
|
+
FormHelperTextProps = _ref3$FormHelperTextP === void 0 ? {} : _ref3$FormHelperTextP,
|
|
74
|
+
_ref3$FormFieldGridPr = _ref3.FormFieldGridProps,
|
|
75
|
+
FormFieldGridProps = _ref3$FormFieldGridPr === void 0 ? {} : _ref3$FormFieldGridPr,
|
|
76
|
+
_ref3$FormControlLabe = _ref3.FormControlLabelProps,
|
|
77
|
+
FormControlLabelProps = _ref3$FormControlLabe === void 0 ? {} : _ref3$FormControlLabe,
|
|
78
|
+
_ref3$CheckboxProps = _ref3.CheckboxProps,
|
|
79
|
+
CheckboxProps = _ref3$CheckboxProps === void 0 ? {} : _ref3$CheckboxProps,
|
|
80
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
89
81
|
return /*#__PURE__*/React.createElement(CheckboxContext.Provider, {
|
|
90
82
|
value: {
|
|
91
83
|
FormControlProps: FormControlProps,
|
|
@@ -102,5 +94,4 @@ var MultipleChoiceList = function MultipleChoiceList(_ref3) {
|
|
|
102
94
|
Checkbox: FinalCheckbox
|
|
103
95
|
})));
|
|
104
96
|
};
|
|
105
|
-
|
|
106
97
|
export default MultipleChoiceList;
|
|
@@ -3,18 +3,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["label", "name", "component", "element", "variant", "gutterBottom"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Typography from "@mui/material/Typography";
|
|
6
|
-
|
|
7
6
|
var PlainText = function PlainText(_ref) {
|
|
8
7
|
var label = _ref.label,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
name = _ref.name,
|
|
9
|
+
component = _ref.component,
|
|
10
|
+
element = _ref.element,
|
|
11
|
+
_ref$variant = _ref.variant,
|
|
12
|
+
variant = _ref$variant === void 0 ? 'body1' : _ref$variant,
|
|
13
|
+
_ref$gutterBottom = _ref.gutterBottom,
|
|
14
|
+
gutterBottom = _ref$gutterBottom === void 0 ? true : _ref$gutterBottom,
|
|
15
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
16
|
return typeof label === 'string' ? label.split('\n').map(function (paragraph, index) {
|
|
19
17
|
return /*#__PURE__*/React.createElement(Typography, _extends({
|
|
20
18
|
key: "".concat(index, "-").concat(name),
|
|
@@ -27,5 +25,4 @@ var PlainText = function PlainText(_ref) {
|
|
|
27
25
|
component: element
|
|
28
26
|
}), label);
|
|
29
27
|
};
|
|
30
|
-
|
|
31
28
|
export default PlainText;
|