@data-driven-forms/mui-component-mapper 4.1.4 → 4.1.5

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.
Files changed (68) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/checkbox/checkbox.js +33 -58
  3. package/checkbox/index.js +1 -7
  4. package/component-mapper/component-mapper.js +3 -25
  5. package/component-mapper/index.js +1 -7
  6. package/date-picker/date-picker.js +17 -28
  7. package/date-picker/index.js +1 -7
  8. package/dual-list-select/dual-list-select.js +149 -186
  9. package/dual-list-select/index.js +1 -7
  10. package/esm/checkbox/checkbox.js +31 -38
  11. package/esm/component-mapper/component-mapper.js +1 -3
  12. package/esm/date-picker/date-picker.js +16 -18
  13. package/esm/dual-list-select/dual-list-select.js +148 -158
  14. package/esm/field-array/field-array.js +92 -116
  15. package/esm/form-field-grid/form-field-grid.js +2 -5
  16. package/esm/form-template/form-template.js +23 -40
  17. package/esm/multiple-choice-list/multiple-choice-list.js +40 -49
  18. package/esm/plain-text/plain-text.js +8 -11
  19. package/esm/radio/radio.js +45 -55
  20. package/esm/select/select.js +55 -71
  21. package/esm/slider/slider.js +21 -24
  22. package/esm/sub-form/sub-form.js +10 -14
  23. package/esm/switch/switch.js +30 -34
  24. package/esm/tabs/tabs.js +18 -24
  25. package/esm/text-field/text-field.js +15 -21
  26. package/esm/textarea/textarea.js +17 -23
  27. package/esm/time-picker/time-picker.js +16 -18
  28. package/esm/validation-error/validation-error.js +0 -1
  29. package/esm/wizard/step-buttons.js +25 -32
  30. package/esm/wizard/wizard-nav.js +6 -8
  31. package/esm/wizard/wizard.js +16 -25
  32. package/field-array/field-array.js +95 -148
  33. package/field-array/index.js +1 -7
  34. package/form-field-grid/form-field-grid.js +3 -15
  35. package/form-field-grid/index.js +0 -2
  36. package/form-template/form-template.js +25 -55
  37. package/form-template/index.js +1 -7
  38. package/index.js +1 -25
  39. package/multiple-choice-list/index.js +1 -7
  40. package/multiple-choice-list/multiple-choice-list.js +42 -70
  41. package/package.json +3 -3
  42. package/plain-text/index.js +1 -7
  43. package/plain-text/plain-text.js +9 -18
  44. package/radio/index.js +1 -7
  45. package/radio/radio.js +46 -72
  46. package/select/index.js +1 -7
  47. package/select/select.js +59 -97
  48. package/slider/index.js +1 -7
  49. package/slider/slider.js +22 -40
  50. package/sub-form/index.js +1 -7
  51. package/sub-form/sub-form.js +11 -26
  52. package/switch/index.js +1 -7
  53. package/switch/switch.js +32 -54
  54. package/tabs/index.js +1 -7
  55. package/tabs/tabs.js +20 -43
  56. package/text-field/index.js +1 -7
  57. package/text-field/text-field.js +16 -32
  58. package/textarea/index.js +1 -7
  59. package/textarea/textarea.js +18 -34
  60. package/time-picker/index.js +1 -7
  61. package/time-picker/time-picker.js +17 -30
  62. package/validation-error/index.js +1 -7
  63. package/validation-error/validation-error.js +2 -7
  64. package/wizard/index.js +1 -7
  65. package/wizard/step-buttons.js +26 -46
  66. package/wizard/wizard-nav.js +7 -20
  67. package/wizard/wizard.js +18 -43
  68. package/tsconfig.json +0 -17
@@ -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
- _excluded2 = ["remove"],
8
- _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"];
9
-
10
- var _styled;
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)((_styled = {}, _defineProperty(_styled, "& .".concat(classes.formControl), {
37
+ var StyledFormFieldGrid = styled(FormFieldGrid)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(classes.formControl), {
42
38
  width: '100%'
43
- }), _defineProperty(_styled, "& .".concat(classes.centerText), {
39
+ }), "& .".concat(classes.centerText), {
44
40
  display: 'flex',
45
41
  justifyContent: 'center'
46
- }), _defineProperty(_styled, "& .".concat(classes.buttonsToEnd), {
42
+ }), "& .".concat(classes.buttonsToEnd), {
47
43
  display: 'flex',
48
44
  justifyContent: 'flex-end'
49
- }), _defineProperty(_styled, "& .".concat(classes.header), {
45
+ }), "& .".concat(classes.header), {
50
46
  display: 'flex'
51
- }), _defineProperty(_styled, "& .".concat(classes.label), {
47
+ }), "& .".concat(classes.label), {
52
48
  flexGrow: 1
53
- }), _defineProperty(_styled, "&.".concat(classes.fieldArrayGroup), {
49
+ }), "&.".concat(classes.fieldArrayGroup), {
54
50
  marginBottom: 32
55
- }), _styled));
51
+ }));
56
52
  var ArrayItem = /*#__PURE__*/memo(function (_ref) {
57
53
  var fields = _ref.fields,
58
- fieldIndex = _ref.fieldIndex,
59
- name = _ref.name,
60
- remove = _ref.remove,
61
- length = _ref.length,
62
- minItems = _ref.minItems,
63
- removeLabel = _ref.removeLabel,
64
- _ref$FieldContainerPr = _ref.FieldContainerProps,
65
- FieldContainerProps = _ref$FieldContainerPr === void 0 ? {} : _ref$FieldContainerPr,
66
- _ref$FieldGroupGridPr = _ref.FieldGroupGridProps,
67
- FieldGroupGridProps = _ref$FieldGroupGridPr === void 0 ? {} : _ref$FieldGroupGridPr,
68
- _ref$RemoveButtonGrid = _ref.RemoveButtonGridProps,
69
- RemoveButtonGridProps = _ref$RemoveButtonGrid === void 0 ? {} : _ref$RemoveButtonGrid,
70
- _ref$RemoveButtonProp = _ref.RemoveButtonProps,
71
- RemoveButtonProps = _ref$RemoveButtonProp === void 0 ? {} : _ref$RemoveButtonProp;
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
- renderForm = _useFormApi.renderForm;
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
- prev = _objectWithoutProperties(_ref2, _excluded);
106
-
99
+ prev = _objectWithoutProperties(_ref2, _excluded);
107
100
  var _nextRemove = _ref3.remove,
108
- next = _objectWithoutProperties(_ref3, _excluded2);
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
- action = _ref4.action;
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
- arrayValidator = _useFieldApi.arrayValidator,
156
- label = _useFieldApi.label,
157
- description = _useFieldApi.description,
158
- formFields = _useFieldApi.fields,
159
- defaultItem = _useFieldApi.defaultItem,
160
- meta = _useFieldApi.meta,
161
- _useFieldApi$minItems = _useFieldApi.minItems,
162
- minItems = _useFieldApi$minItems === void 0 ? 0 : _useFieldApi$minItems,
163
- _useFieldApi$maxItems = _useFieldApi.maxItems,
164
- maxItems = _useFieldApi$maxItems === void 0 ? Infinity : _useFieldApi$maxItems,
165
- _useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
166
- noItemsMessage = _useFieldApi$noItemsM === void 0 ? 'No items added' : _useFieldApi$noItemsM,
167
- _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
168
- FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
169
- _useFieldApi$FormCont = _useFieldApi.FormControlProps,
170
- FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
171
- buttonLabels = _useFieldApi.buttonLabels,
172
- _useFieldApi$GridCont = _useFieldApi.GridContainerProps,
173
- GridContainerProps = _useFieldApi$GridCont === void 0 ? {} : _useFieldApi$GridCont,
174
- _useFieldApi$HeaderGr = _useFieldApi.HeaderGridProps,
175
- HeaderGridProps = _useFieldApi$HeaderGr === void 0 ? {} : _useFieldApi$HeaderGr,
176
- _useFieldApi$HeaderPr = _useFieldApi.HeaderProps,
177
- HeaderProps = _useFieldApi$HeaderPr === void 0 ? {} : _useFieldApi$HeaderPr,
178
- _useFieldApi$UndoButt = _useFieldApi.UndoButtonProps,
179
- UndoButtonProps = _useFieldApi$UndoButt === void 0 ? {} : _useFieldApi$UndoButt,
180
- _useFieldApi$RedoButt = _useFieldApi.RedoButtonProps,
181
- RedoButtonProps = _useFieldApi$RedoButt === void 0 ? {} : _useFieldApi$RedoButt,
182
- _useFieldApi$AddButto = _useFieldApi.AddButtonProps,
183
- AddButtonProps = _useFieldApi$AddButto === void 0 ? {} : _useFieldApi$AddButto,
184
- _useFieldApi$Descript = _useFieldApi.DescriptionGridProps,
185
- DescriptionGridProps = _useFieldApi$Descript === void 0 ? {} : _useFieldApi$Descript,
186
- _useFieldApi$Descript2 = _useFieldApi.DescriptionProps,
187
- DescriptionProps = _useFieldApi$Descript2 === void 0 ? {} : _useFieldApi$Descript2,
188
- _useFieldApi$BodyGrid = _useFieldApi.BodyGridProps,
189
- BodyGridProps = _useFieldApi$BodyGrid === void 0 ? {} : _useFieldApi$BodyGrid,
190
- _useFieldApi$NoItemsP = _useFieldApi.NoItemsProps,
191
- NoItemsProps = _useFieldApi$NoItemsP === void 0 ? {} : _useFieldApi$NoItemsP,
192
- _useFieldApi$FormHelp = _useFieldApi.FormHelperTextGridProps,
193
- FormHelperTextGridProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
194
- _useFieldApi$FormHelp2 = _useFieldApi.FormHelperTextProps,
195
- FormHelperTextProps = _useFieldApi$FormHelp2 === void 0 ? {} : _useFieldApi$FormHelp2,
196
- _useFieldApi$FieldCon = _useFieldApi.FieldContainerProps,
197
- FieldContainerProps = _useFieldApi$FieldCon === void 0 ? {} : _useFieldApi$FieldCon,
198
- _useFieldApi$FieldGro = _useFieldApi.FieldGroupGridProps,
199
- FieldGroupGridProps = _useFieldApi$FieldGro === void 0 ? {} : _useFieldApi$FieldGro,
200
- _useFieldApi$RemoveBu = _useFieldApi.RemoveButtonGridProps,
201
- RemoveButtonGridProps = _useFieldApi$RemoveBu === void 0 ? {} : _useFieldApi$RemoveBu,
202
- _useFieldApi$RemoveBu2 = _useFieldApi.RemoveButtonProps,
203
- RemoveButtonProps = _useFieldApi$RemoveBu2 === void 0 ? {} : _useFieldApi$RemoveBu2,
204
- rest = _objectWithoutProperties(_useFieldApi, _excluded3);
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
- _useReducer2 = _slicedToArray(_useReducer, 2),
208
- state = _useReducer2[0],
209
- dispatch = _useReducer2[1];
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
- submitFailed = meta.submitFailed,
215
- error = meta.error,
216
- submitError = meta.submitError;
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
- map = _ref6$fields.map,
232
- _ref6$fields$value = _ref6$fields.value,
233
- value = _ref6$fields$value === void 0 ? [] : _ref6$fields$value,
234
- push = _ref6$fields.push,
235
- remove = _ref6$fields.remove;
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
- className = _ref.className,
20
- props = _objectWithoutProperties(_ref, _excluded);
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
- _excluded2 = ["children", "GridProps"],
7
- _excluded3 = ["children", "GridProps"],
8
- _excluded4 = ["children", "GridProps"],
9
- _excluded5 = ["label", "variant", "children", "buttonType"],
10
- _excluded6 = ["title", "description", "TitleProps", "className"];
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
- GridContainerProps = _ref2.GridContainerProps,
37
- GridProps = _ref2.GridProps,
38
- props = _objectWithoutProperties(_ref2, _excluded);
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
- GridProps = _ref3.GridProps,
56
- props = _objectWithoutProperties(_ref3, _excluded2);
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
- GridProps = _ref4.GridProps,
70
- props = _objectWithoutProperties(_ref4, _excluded3);
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
- GridProps = _ref5.GridProps,
84
- props = _objectWithoutProperties(_ref5, _excluded4);
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
- variant = _ref6.variant,
97
- children = _ref6.children,
98
- buttonType = _ref6.buttonType,
99
- props = _objectWithoutProperties(_ref6, _excluded5);
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
- alertProps = _ref7.alertProps;
118
-
106
+ alertProps = _ref7.alertProps;
119
107
  if (_typeof(formError) === 'object' && (formError.title || formError.title)) {
120
108
  var title = formError.title,
121
- description = formError.description,
122
- TitleProps = formError.TitleProps,
123
- className = formError.className,
124
- props = _objectWithoutProperties(formError, _excluded6);
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
- _excluded2 = ["initialValue", "isRequired", "isReadOnly", "helperText", "validate", "isDisabled", "component"],
5
- _excluded3 = ["FormControlProps", "FormLabelProps", "FormGroupProps", "FormHelperTextProps", "FormFieldGridProps", "FormControlLabelProps", "CheckboxProps"];
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
- _isDisabled = _ref.isDisabled,
21
- rest = _objectWithoutProperties(_ref, _excluded);
22
-
19
+ _isDisabled = _ref.isDisabled,
20
+ rest = _objectWithoutProperties(_ref, _excluded);
23
21
  var _useContext = useContext(CheckboxContext),
24
- FormControlLabelProps = _useContext.FormControlLabelProps,
25
- CheckboxProps = _useContext.CheckboxProps,
26
- _useContext$props = _useContext.props,
27
- initialValue = _useContext$props.initialValue,
28
- isRequired = _useContext$props.isRequired,
29
- isReadOnly = _useContext$props.isReadOnly,
30
- helperText = _useContext$props.helperText,
31
- validate = _useContext$props.validate,
32
- isDisabled = _useContext$props.isDisabled,
33
- component = _useContext$props.component,
34
- props = _objectWithoutProperties(_useContext$props, _excluded2);
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
- isRequired = _ref2.isRequired,
47
- children = _ref2.children,
48
- meta = _ref2.meta,
49
- validateOnMount = _ref2.validateOnMount,
50
- helperText = _ref2.helperText,
51
- description = _ref2.description;
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
- FormFieldGridProps = _useContext2.FormFieldGridProps,
56
- FormControlProps = _useContext2.FormControlProps,
57
- FormLabelProps = _useContext2.FormLabelProps,
58
- FormGroupProps = _useContext2.FormGroupProps,
59
- FormHelperTextProps = _useContext2.FormHelperTextProps;
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
- FormControlProps = _ref3$FormControlProp === void 0 ? {} : _ref3$FormControlProp,
75
- _ref3$FormLabelProps = _ref3.FormLabelProps,
76
- FormLabelProps = _ref3$FormLabelProps === void 0 ? {} : _ref3$FormLabelProps,
77
- _ref3$FormGroupProps = _ref3.FormGroupProps,
78
- FormGroupProps = _ref3$FormGroupProps === void 0 ? {} : _ref3$FormGroupProps,
79
- _ref3$FormHelperTextP = _ref3.FormHelperTextProps,
80
- FormHelperTextProps = _ref3$FormHelperTextP === void 0 ? {} : _ref3$FormHelperTextP,
81
- _ref3$FormFieldGridPr = _ref3.FormFieldGridProps,
82
- FormFieldGridProps = _ref3$FormFieldGridPr === void 0 ? {} : _ref3$FormFieldGridPr,
83
- _ref3$FormControlLabe = _ref3.FormControlLabelProps,
84
- FormControlLabelProps = _ref3$FormControlLabe === void 0 ? {} : _ref3$FormControlLabe,
85
- _ref3$CheckboxProps = _ref3.CheckboxProps,
86
- CheckboxProps = _ref3$CheckboxProps === void 0 ? {} : _ref3$CheckboxProps,
87
- props = _objectWithoutProperties(_ref3, _excluded3);
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
- name = _ref.name,
10
- component = _ref.component,
11
- element = _ref.element,
12
- _ref$variant = _ref.variant,
13
- variant = _ref$variant === void 0 ? 'body1' : _ref$variant,
14
- _ref$gutterBottom = _ref.gutterBottom,
15
- gutterBottom = _ref$gutterBottom === void 0 ? true : _ref$gutterBottom,
16
- props = _objectWithoutProperties(_ref, _excluded);
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;