@data-driven-forms/mui-component-mapper 4.1.0 → 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,70 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.reducer = exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
10
|
+
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
|
|
14
11
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
-
|
|
16
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
19
|
-
|
|
20
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
16
|
var _styles = require("@mui/material/styles");
|
|
25
|
-
|
|
26
17
|
var _useFormApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-form-api"));
|
|
27
|
-
|
|
28
18
|
var _fieldArray = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/field-array"));
|
|
29
|
-
|
|
30
19
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
31
|
-
|
|
32
20
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
33
|
-
|
|
34
21
|
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
35
|
-
|
|
36
22
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
37
|
-
|
|
38
23
|
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
39
|
-
|
|
40
24
|
var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
|
|
41
|
-
|
|
42
25
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
43
|
-
|
|
44
26
|
var _Redo = _interopRequireDefault(require("@mui/icons-material/Redo"));
|
|
45
|
-
|
|
46
27
|
var _Undo = _interopRequireDefault(require("@mui/icons-material/Undo"));
|
|
47
|
-
|
|
48
28
|
var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
|
|
49
|
-
|
|
50
29
|
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
|
|
51
|
-
|
|
52
30
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
53
|
-
|
|
54
31
|
var _excluded = ["remove"],
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
var
|
|
59
|
-
|
|
60
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
61
|
-
|
|
62
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
63
|
-
|
|
64
|
-
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; }
|
|
65
|
-
|
|
66
|
-
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) { (0, _defineProperty2["default"])(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; }
|
|
67
|
-
|
|
32
|
+
_excluded2 = ["remove"],
|
|
33
|
+
_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"];
|
|
34
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
35
|
+
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; }
|
|
36
|
+
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) { (0, _defineProperty2["default"])(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; }
|
|
68
37
|
var PREFIX = 'DynamicArray';
|
|
69
38
|
var classes = {
|
|
70
39
|
formControl: "".concat(PREFIX, "-formControl"),
|
|
@@ -74,41 +43,39 @@ var classes = {
|
|
|
74
43
|
label: "".concat(PREFIX, "-label"),
|
|
75
44
|
fieldArrayGroup: "".concat(PREFIX, "-fieldArrayGroup")
|
|
76
45
|
};
|
|
77
|
-
var StyledFormFieldGrid = (0, _styles.styled)(_formFieldGrid["default"])((
|
|
46
|
+
var StyledFormFieldGrid = (0, _styles.styled)(_formFieldGrid["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "& .".concat(classes.formControl), {
|
|
78
47
|
width: '100%'
|
|
79
|
-
}),
|
|
48
|
+
}), "& .".concat(classes.centerText), {
|
|
80
49
|
display: 'flex',
|
|
81
50
|
justifyContent: 'center'
|
|
82
|
-
}),
|
|
51
|
+
}), "& .".concat(classes.buttonsToEnd), {
|
|
83
52
|
display: 'flex',
|
|
84
53
|
justifyContent: 'flex-end'
|
|
85
|
-
}),
|
|
54
|
+
}), "& .".concat(classes.header), {
|
|
86
55
|
display: 'flex'
|
|
87
|
-
}),
|
|
56
|
+
}), "& .".concat(classes.label), {
|
|
88
57
|
flexGrow: 1
|
|
89
|
-
}),
|
|
58
|
+
}), "&.".concat(classes.fieldArrayGroup), {
|
|
90
59
|
marginBottom: 32
|
|
91
|
-
})
|
|
60
|
+
}));
|
|
92
61
|
var ArrayItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
93
62
|
var fields = _ref.fields,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
63
|
+
fieldIndex = _ref.fieldIndex,
|
|
64
|
+
name = _ref.name,
|
|
65
|
+
remove = _ref.remove,
|
|
66
|
+
length = _ref.length,
|
|
67
|
+
minItems = _ref.minItems,
|
|
68
|
+
removeLabel = _ref.removeLabel,
|
|
69
|
+
_ref$FieldContainerPr = _ref.FieldContainerProps,
|
|
70
|
+
FieldContainerProps = _ref$FieldContainerPr === void 0 ? {} : _ref$FieldContainerPr,
|
|
71
|
+
_ref$FieldGroupGridPr = _ref.FieldGroupGridProps,
|
|
72
|
+
FieldGroupGridProps = _ref$FieldGroupGridPr === void 0 ? {} : _ref$FieldGroupGridPr,
|
|
73
|
+
_ref$RemoveButtonGrid = _ref.RemoveButtonGridProps,
|
|
74
|
+
RemoveButtonGridProps = _ref$RemoveButtonGrid === void 0 ? {} : _ref$RemoveButtonGrid,
|
|
75
|
+
_ref$RemoveButtonProp = _ref.RemoveButtonProps,
|
|
76
|
+
RemoveButtonProps = _ref$RemoveButtonProp === void 0 ? {} : _ref$RemoveButtonProp;
|
|
109
77
|
var _useFormApi = (0, _useFormApi2["default"])(),
|
|
110
|
-
|
|
111
|
-
|
|
78
|
+
renderForm = _useFormApi.renderForm;
|
|
112
79
|
var editedFields = fields.map(function (field, index) {
|
|
113
80
|
var computedName = field.name ? "".concat(name, ".").concat(field.name) : name;
|
|
114
81
|
return _objectSpread(_objectSpread({}, field), {}, {
|
|
@@ -138,9 +105,9 @@ var ArrayItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
138
105
|
}, RemoveButtonProps), removeLabel)));
|
|
139
106
|
}, function (_ref2, _ref3) {
|
|
140
107
|
var _prevRemove = _ref2.remove,
|
|
141
|
-
|
|
108
|
+
prev = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
|
142
109
|
var _nextRemove = _ref3.remove,
|
|
143
|
-
|
|
110
|
+
next = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
|
|
144
111
|
return (0, _isEqual["default"])(prev, next);
|
|
145
112
|
});
|
|
146
113
|
var defaultButtonLabels = {
|
|
@@ -151,106 +118,93 @@ var initialState = {
|
|
|
151
118
|
index: 0,
|
|
152
119
|
history: []
|
|
153
120
|
};
|
|
154
|
-
|
|
155
|
-
var reducer = function reducer(state, _ref4) {
|
|
121
|
+
var reducer = exports.reducer = function reducer(state, _ref4) {
|
|
156
122
|
var type = _ref4.type,
|
|
157
|
-
|
|
158
|
-
|
|
123
|
+
action = _ref4.action;
|
|
159
124
|
switch (type) {
|
|
160
125
|
case 'redo':
|
|
161
126
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
162
127
|
index: state.index + 1
|
|
163
128
|
});
|
|
164
|
-
|
|
165
129
|
case 'action':
|
|
166
130
|
return {
|
|
167
131
|
index: state.index + 1,
|
|
168
132
|
history: [].concat((0, _toConsumableArray2["default"])(state.history.slice(0, state.index)), [action])
|
|
169
133
|
};
|
|
170
|
-
|
|
171
134
|
case 'undo':
|
|
172
135
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
173
136
|
index: state.index - 1
|
|
174
137
|
});
|
|
175
|
-
|
|
176
138
|
case 'resetHistory':
|
|
177
139
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
178
140
|
history: state.history.slice(0, state.index)
|
|
179
141
|
});
|
|
180
|
-
|
|
181
142
|
default:
|
|
182
143
|
return state;
|
|
183
144
|
}
|
|
184
145
|
};
|
|
185
|
-
|
|
186
|
-
exports.reducer = reducer;
|
|
187
|
-
|
|
188
146
|
var DynamicArray = function DynamicArray(_ref5) {
|
|
189
|
-
var props = (0, _extends2["default"])({}, _ref5);
|
|
190
|
-
|
|
147
|
+
var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref5), _ref5));
|
|
191
148
|
var _useFieldApi = (0, _useFieldApi2["default"])(props),
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
149
|
+
arrayValidator = _useFieldApi.arrayValidator,
|
|
150
|
+
label = _useFieldApi.label,
|
|
151
|
+
description = _useFieldApi.description,
|
|
152
|
+
formFields = _useFieldApi.fields,
|
|
153
|
+
defaultItem = _useFieldApi.defaultItem,
|
|
154
|
+
meta = _useFieldApi.meta,
|
|
155
|
+
_useFieldApi$minItems = _useFieldApi.minItems,
|
|
156
|
+
minItems = _useFieldApi$minItems === void 0 ? 0 : _useFieldApi$minItems,
|
|
157
|
+
_useFieldApi$maxItems = _useFieldApi.maxItems,
|
|
158
|
+
maxItems = _useFieldApi$maxItems === void 0 ? Infinity : _useFieldApi$maxItems,
|
|
159
|
+
_useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
|
|
160
|
+
noItemsMessage = _useFieldApi$noItemsM === void 0 ? 'No items added' : _useFieldApi$noItemsM,
|
|
161
|
+
_useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
|
|
162
|
+
FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
|
|
163
|
+
_useFieldApi$FormCont = _useFieldApi.FormControlProps,
|
|
164
|
+
FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
|
|
165
|
+
buttonLabels = _useFieldApi.buttonLabels,
|
|
166
|
+
_useFieldApi$GridCont = _useFieldApi.GridContainerProps,
|
|
167
|
+
GridContainerProps = _useFieldApi$GridCont === void 0 ? {} : _useFieldApi$GridCont,
|
|
168
|
+
_useFieldApi$HeaderGr = _useFieldApi.HeaderGridProps,
|
|
169
|
+
HeaderGridProps = _useFieldApi$HeaderGr === void 0 ? {} : _useFieldApi$HeaderGr,
|
|
170
|
+
_useFieldApi$HeaderPr = _useFieldApi.HeaderProps,
|
|
171
|
+
HeaderProps = _useFieldApi$HeaderPr === void 0 ? {} : _useFieldApi$HeaderPr,
|
|
172
|
+
_useFieldApi$UndoButt = _useFieldApi.UndoButtonProps,
|
|
173
|
+
UndoButtonProps = _useFieldApi$UndoButt === void 0 ? {} : _useFieldApi$UndoButt,
|
|
174
|
+
_useFieldApi$RedoButt = _useFieldApi.RedoButtonProps,
|
|
175
|
+
RedoButtonProps = _useFieldApi$RedoButt === void 0 ? {} : _useFieldApi$RedoButt,
|
|
176
|
+
_useFieldApi$AddButto = _useFieldApi.AddButtonProps,
|
|
177
|
+
AddButtonProps = _useFieldApi$AddButto === void 0 ? {} : _useFieldApi$AddButto,
|
|
178
|
+
_useFieldApi$Descript = _useFieldApi.DescriptionGridProps,
|
|
179
|
+
DescriptionGridProps = _useFieldApi$Descript === void 0 ? {} : _useFieldApi$Descript,
|
|
180
|
+
_useFieldApi$Descript2 = _useFieldApi.DescriptionProps,
|
|
181
|
+
DescriptionProps = _useFieldApi$Descript2 === void 0 ? {} : _useFieldApi$Descript2,
|
|
182
|
+
_useFieldApi$BodyGrid = _useFieldApi.BodyGridProps,
|
|
183
|
+
BodyGridProps = _useFieldApi$BodyGrid === void 0 ? {} : _useFieldApi$BodyGrid,
|
|
184
|
+
_useFieldApi$NoItemsP = _useFieldApi.NoItemsProps,
|
|
185
|
+
NoItemsProps = _useFieldApi$NoItemsP === void 0 ? {} : _useFieldApi$NoItemsP,
|
|
186
|
+
_useFieldApi$FormHelp = _useFieldApi.FormHelperTextGridProps,
|
|
187
|
+
FormHelperTextGridProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
|
|
188
|
+
_useFieldApi$FormHelp2 = _useFieldApi.FormHelperTextProps,
|
|
189
|
+
FormHelperTextProps = _useFieldApi$FormHelp2 === void 0 ? {} : _useFieldApi$FormHelp2,
|
|
190
|
+
_useFieldApi$FieldCon = _useFieldApi.FieldContainerProps,
|
|
191
|
+
FieldContainerProps = _useFieldApi$FieldCon === void 0 ? {} : _useFieldApi$FieldCon,
|
|
192
|
+
_useFieldApi$FieldGro = _useFieldApi.FieldGroupGridProps,
|
|
193
|
+
FieldGroupGridProps = _useFieldApi$FieldGro === void 0 ? {} : _useFieldApi$FieldGro,
|
|
194
|
+
_useFieldApi$RemoveBu = _useFieldApi.RemoveButtonGridProps,
|
|
195
|
+
RemoveButtonGridProps = _useFieldApi$RemoveBu === void 0 ? {} : _useFieldApi$RemoveBu,
|
|
196
|
+
_useFieldApi$RemoveBu2 = _useFieldApi.RemoveButtonProps,
|
|
197
|
+
RemoveButtonProps = _useFieldApi$RemoveBu2 === void 0 ? {} : _useFieldApi$RemoveBu2,
|
|
198
|
+
rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded3);
|
|
243
199
|
var _useReducer = (0, _react.useReducer)(reducer, initialState),
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
200
|
+
_useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
|
|
201
|
+
state = _useReducer2[0],
|
|
202
|
+
dispatch = _useReducer2[1];
|
|
248
203
|
var combinedButtonLabels = _objectSpread(_objectSpread({}, defaultButtonLabels), buttonLabels);
|
|
249
|
-
|
|
250
204
|
var dirty = meta.dirty,
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
205
|
+
submitFailed = meta.submitFailed,
|
|
206
|
+
error = meta.error,
|
|
207
|
+
submitError = meta.submitError;
|
|
254
208
|
var isError = (dirty || submitFailed) && error && typeof error === 'string';
|
|
255
209
|
return /*#__PURE__*/_react["default"].createElement(StyledFormFieldGrid, (0, _extends2["default"])({}, FormFieldGridProps, {
|
|
256
210
|
className: (0, _clsx["default"])(classes.fieldArrayGroup, FormFieldGridProps.classname)
|
|
@@ -265,19 +219,17 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
265
219
|
validate: arrayValidator
|
|
266
220
|
}, function (_ref6) {
|
|
267
221
|
var _ref6$fields = _ref6.fields,
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
222
|
+
map = _ref6$fields.map,
|
|
223
|
+
_ref6$fields$value = _ref6$fields.value,
|
|
224
|
+
value = _ref6$fields$value === void 0 ? [] : _ref6$fields$value,
|
|
225
|
+
push = _ref6$fields.push,
|
|
226
|
+
remove = _ref6$fields.remove;
|
|
274
227
|
var pushWrapper = function pushWrapper() {
|
|
275
228
|
dispatch({
|
|
276
229
|
type: 'resetHistory'
|
|
277
230
|
});
|
|
278
231
|
push(defaultItem);
|
|
279
232
|
};
|
|
280
|
-
|
|
281
233
|
var removeWrapper = function removeWrapper(index) {
|
|
282
234
|
dispatch({
|
|
283
235
|
type: 'action',
|
|
@@ -288,21 +240,18 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
288
240
|
});
|
|
289
241
|
remove(index);
|
|
290
242
|
};
|
|
291
|
-
|
|
292
243
|
var undo = function undo() {
|
|
293
244
|
push(state.history[state.index - 1].value);
|
|
294
245
|
dispatch({
|
|
295
246
|
type: 'undo'
|
|
296
247
|
});
|
|
297
248
|
};
|
|
298
|
-
|
|
299
249
|
var redo = function redo() {
|
|
300
250
|
remove(value.length - 1);
|
|
301
251
|
dispatch({
|
|
302
252
|
type: 'redo'
|
|
303
253
|
});
|
|
304
254
|
};
|
|
305
|
-
|
|
306
255
|
return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
|
|
307
256
|
container: true,
|
|
308
257
|
spacing: 3
|
|
@@ -366,6 +315,4 @@ var DynamicArray = function DynamicArray(_ref5) {
|
|
|
366
315
|
}, FormHelperTextGridProps), /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, error || submitError)));
|
|
367
316
|
})));
|
|
368
317
|
};
|
|
369
|
-
|
|
370
|
-
var _default = DynamicArray;
|
|
371
|
-
exports["default"] = _default;
|
|
318
|
+
var _default = exports["default"] = DynamicArray;
|
package/field-array/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
|
12
11
|
return _fieldArray["default"];
|
|
13
12
|
}
|
|
14
13
|
});
|
|
15
|
-
|
|
16
14
|
var _fieldArray = _interopRequireWildcard(require("./field-array"));
|
|
17
|
-
|
|
18
15
|
Object.keys(_fieldArray).forEach(function (key) {
|
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -26,7 +23,4 @@ Object.keys(_fieldArray).forEach(function (key) {
|
|
|
26
23
|
}
|
|
27
24
|
});
|
|
28
25
|
});
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
package/field-array/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/field-array","typings":"index.d.ts"}
|
|
1
|
+
{"name":"@data-driven-forms/mui-component-mapper-field-array","main":"index.js","module":"../esm/field-array","typings":"index.d.ts"}
|
|
@@ -1,26 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _styles = require("@mui/material/styles");
|
|
19
|
-
|
|
20
13
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
21
|
-
|
|
22
14
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
23
|
-
|
|
24
15
|
var _excluded = ["children", "className"];
|
|
25
16
|
var PREFIX = 'FormFieldGrid';
|
|
26
17
|
var classes = {
|
|
@@ -29,17 +20,14 @@ var classes = {
|
|
|
29
20
|
var StyledGrid = (0, _styles.styled)(_Grid["default"])((0, _defineProperty2["default"])({}, "&.".concat(classes.grid), {
|
|
30
21
|
position: 'relative'
|
|
31
22
|
}));
|
|
32
|
-
|
|
33
23
|
var FormFieldGrid = function FormFieldGrid(_ref) {
|
|
34
24
|
var children = _ref.children,
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
className = _ref.className,
|
|
26
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
37
27
|
return /*#__PURE__*/_react["default"].createElement(StyledGrid, (0, _extends2["default"])({
|
|
38
28
|
xs: 12,
|
|
39
29
|
item: true,
|
|
40
30
|
className: (0, _clsx["default"])(classes.grid, className)
|
|
41
31
|
}, props), children);
|
|
42
32
|
};
|
|
43
|
-
|
|
44
|
-
var _default = FormFieldGrid;
|
|
45
|
-
exports["default"] = _default;
|
|
33
|
+
var _default = exports["default"] = FormFieldGrid;
|
package/form-field-grid/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _formFieldGrid["default"];
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _formFieldGrid = _interopRequireDefault(require("./form-field-grid"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/form-field-grid","typings":"index.d.ts"}
|
|
1
|
+
{"name":"@data-driven-forms/mui-component-mapper-form-field-grid","main":"index.js","module":"../esm/form-field-grid","typings":"index.d.ts"}
|