@data-driven-forms/mui-component-mapper 4.1.4 → 4.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/checkbox/checkbox.js +33 -58
- package/checkbox/index.js +1 -7
- package/component-mapper/component-mapper.js +3 -25
- package/component-mapper/index.js +1 -7
- package/date-picker/date-picker.js +17 -28
- package/date-picker/index.js +1 -7
- package/dual-list-select/dual-list-select.js +149 -186
- package/dual-list-select/index.js +1 -7
- 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/form-field-grid/form-field-grid.js +3 -15
- package/form-field-grid/index.js +0 -2
- package/form-template/form-template.js +25 -55
- package/form-template/index.js +1 -7
- package/index.js +1 -25
- package/multiple-choice-list/index.js +1 -7
- package/multiple-choice-list/multiple-choice-list.js +42 -70
- package/package.json +3 -3
- package/plain-text/index.js +1 -7
- package/plain-text/plain-text.js +9 -18
- package/radio/index.js +1 -7
- package/radio/radio.js +46 -72
- package/select/index.js +1 -7
- package/select/select.js +59 -97
- package/slider/index.js +1 -7
- package/slider/slider.js +22 -40
- package/sub-form/index.js +1 -7
- package/sub-form/sub-form.js +11 -26
- package/switch/index.js +1 -7
- package/switch/switch.js +32 -54
- package/tabs/index.js +1 -7
- package/tabs/tabs.js +20 -43
- package/text-field/index.js +1 -7
- package/text-field/text-field.js +16 -32
- package/textarea/index.js +1 -7
- package/textarea/textarea.js +18 -34
- package/time-picker/index.js +1 -7
- package/time-picker/time-picker.js +17 -30
- package/validation-error/index.js +1 -7
- package/validation-error/validation-error.js +2 -7
- package/wizard/index.js +1 -7
- package/wizard/step-buttons.js +26 -46
- package/wizard/wizard-nav.js +7 -20
- package/wizard/wizard.js +18 -43
- package/tsconfig.json +0 -17
|
@@ -1,66 +1,37 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _styles = require("@mui/material/styles");
|
|
17
|
-
|
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
19
|
-
|
|
20
13
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
21
|
-
|
|
22
14
|
var _List = _interopRequireDefault(require("@mui/material/List"));
|
|
23
|
-
|
|
24
15
|
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
|
|
25
|
-
|
|
26
16
|
var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
|
|
27
|
-
|
|
28
17
|
var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
|
|
29
|
-
|
|
30
18
|
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
31
|
-
|
|
32
19
|
var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
|
|
33
|
-
|
|
34
20
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
35
|
-
|
|
36
21
|
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
37
|
-
|
|
38
22
|
var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
|
|
39
|
-
|
|
40
23
|
var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
|
|
41
|
-
|
|
42
24
|
var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
|
|
43
|
-
|
|
44
25
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
45
|
-
|
|
46
26
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
47
|
-
|
|
48
27
|
var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
|
|
49
|
-
|
|
50
28
|
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
51
|
-
|
|
52
29
|
var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
|
|
53
|
-
|
|
54
30
|
var _dualListSelect = _interopRequireDefault(require("@data-driven-forms/common/dual-list-select"));
|
|
55
|
-
|
|
56
31
|
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
|
|
57
|
-
|
|
58
32
|
var _validationError = require("../validation-error/validation-error");
|
|
59
|
-
|
|
60
|
-
function
|
|
61
|
-
|
|
62
|
-
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; }
|
|
63
|
-
|
|
33
|
+
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; }
|
|
34
|
+
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; }
|
|
64
35
|
var PREFIX = 'DualListSelectWrapper';
|
|
65
36
|
var classes = {
|
|
66
37
|
allToLeftIcon: "".concat(PREFIX, "-allToLeftIcon"),
|
|
@@ -72,48 +43,45 @@ var classes = {
|
|
|
72
43
|
toolbar: "".concat(PREFIX, "-toolbar")
|
|
73
44
|
};
|
|
74
45
|
var StyledDualListSelect = (0, _styles.styled)(_formFieldGrid["default"])(function (_ref) {
|
|
75
|
-
var _ref2;
|
|
76
|
-
|
|
77
46
|
var theme = _ref.theme;
|
|
78
|
-
return
|
|
47
|
+
return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "& .".concat(classes.allToLeftIcon), {
|
|
79
48
|
transform: 'scaleX(-1)'
|
|
80
|
-
}),
|
|
49
|
+
}), "& .".concat(classes.upsideDown), {
|
|
81
50
|
transform: 'scaleY(-1)'
|
|
82
|
-
}),
|
|
51
|
+
}), "& .".concat(classes.list), {
|
|
83
52
|
height: 300,
|
|
84
53
|
overflow: 'auto'
|
|
85
|
-
}),
|
|
54
|
+
}), "& .".concat(classes.button), {
|
|
86
55
|
display: 'flex',
|
|
87
56
|
justifyContent: 'center',
|
|
88
57
|
margin: theme.spacing(0.5, 0)
|
|
89
|
-
}),
|
|
58
|
+
}), "& .".concat(classes.buttonsGrid), {
|
|
90
59
|
height: '100%',
|
|
91
60
|
alignContent: 'center'
|
|
92
|
-
}),
|
|
61
|
+
}), "& .".concat(classes.filter), {
|
|
93
62
|
width: '100%'
|
|
94
|
-
}),
|
|
63
|
+
}), "& .".concat(classes.toolbar), {
|
|
95
64
|
paddingLeft: 16,
|
|
96
65
|
paddingRight: 16
|
|
97
|
-
})
|
|
66
|
+
});
|
|
98
67
|
});
|
|
99
|
-
|
|
100
68
|
var ListInternal = function ListInternal(_ref3) {
|
|
101
69
|
var _ref3$value = _ref3.value,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
70
|
+
value = _ref3$value === void 0 ? [] : _ref3$value,
|
|
71
|
+
optionClick = _ref3.optionClick,
|
|
72
|
+
noOptionsTitle = _ref3.noOptionsTitle,
|
|
73
|
+
filterValue = _ref3.filterValue,
|
|
74
|
+
filterValueText = _ref3.filterValueText,
|
|
75
|
+
selectedValues = _ref3.selectedValues,
|
|
76
|
+
_ref3$ListProps = _ref3.ListProps,
|
|
77
|
+
ListProps = _ref3$ListProps === void 0 ? {} : _ref3$ListProps,
|
|
78
|
+
ListItemProps = _ref3.ListItemProps,
|
|
79
|
+
ListItemIconProps = _ref3.ListItemIconProps,
|
|
80
|
+
ListItemTextProps = _ref3.ListItemTextProps,
|
|
81
|
+
ListItemSecondaryActionProps = _ref3.ListItemSecondaryActionProps,
|
|
82
|
+
checkboxVariant = _ref3.checkboxVariant,
|
|
83
|
+
PaperProps = _ref3.PaperProps,
|
|
84
|
+
LeftPaperProps = _ref3.LeftPaperProps;
|
|
117
85
|
return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({}, PaperProps, LeftPaperProps, {
|
|
118
86
|
className: (0, _clsx["default"])(PaperProps && PaperProps.className, LeftPaperProps && LeftPaperProps.className)
|
|
119
87
|
}), /*#__PURE__*/_react["default"].createElement(_List["default"], (0, _extends2["default"])({
|
|
@@ -129,14 +97,14 @@ var ListInternal = function ListInternal(_ref3) {
|
|
|
129
97
|
primary: filterValue ? filterValueText : noOptionsTitle
|
|
130
98
|
})), value.length > 0 && value.map(function (_ref4) {
|
|
131
99
|
var value = _ref4.value,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
100
|
+
label = _ref4.label,
|
|
101
|
+
icon = _ref4.icon,
|
|
102
|
+
isCheckbox = _ref4.isCheckbox,
|
|
103
|
+
secondaryActions = _ref4.secondaryActions,
|
|
104
|
+
ListItemPropsItem = _ref4.ListItemProps,
|
|
105
|
+
ListItemIconPropsItem = _ref4.ListItemIconProps,
|
|
106
|
+
ListItemTextPropsItem = _ref4.ListItemTextProps,
|
|
107
|
+
ListItemSecondaryActionPropsItem = _ref4.ListItemSecondaryActionProps;
|
|
140
108
|
return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], (0, _extends2["default"])({
|
|
141
109
|
button: true,
|
|
142
110
|
key: value,
|
|
@@ -156,22 +124,21 @@ var ListInternal = function ListInternal(_ref3) {
|
|
|
156
124
|
}, ListItemTextProps, ListItemTextPropsItem)), secondaryActions && /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction["default"], (0, _extends2["default"])({}, ListItemSecondaryActionProps, ListItemSecondaryActionPropsItem), secondaryActions));
|
|
157
125
|
})));
|
|
158
126
|
};
|
|
159
|
-
|
|
160
127
|
var ToolbarInternal = function ToolbarInternal(_ref5) {
|
|
161
128
|
var ToolbarProps = _ref5.ToolbarProps,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
129
|
+
LeftToolbarProps = _ref5.LeftToolbarProps,
|
|
130
|
+
filterOptions = _ref5.filterOptions,
|
|
131
|
+
filterOptionsTitle = _ref5.filterOptionsTitle,
|
|
132
|
+
FilterFieldProps = _ref5.FilterFieldProps,
|
|
133
|
+
sortOptions = _ref5.sortOptions,
|
|
134
|
+
SortIconButtonProps = _ref5.SortIconButtonProps,
|
|
135
|
+
SortIconProps = _ref5.SortIconProps,
|
|
136
|
+
LeftSortIconProps = _ref5.LeftSortIconProps,
|
|
137
|
+
LeftFilterFieldProps = _ref5.LeftFilterFieldProps,
|
|
138
|
+
LeftSortIconButtonProps = _ref5.LeftSortIconButtonProps,
|
|
139
|
+
filter = _ref5.filter,
|
|
140
|
+
sortDesc = _ref5.sortDesc,
|
|
141
|
+
isValue = _ref5.isValue;
|
|
175
142
|
return /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], (0, _extends2["default"])({
|
|
176
143
|
variant: "dense"
|
|
177
144
|
}, ToolbarProps, LeftToolbarProps, {
|
|
@@ -199,111 +166,110 @@ var ToolbarInternal = function ToolbarInternal(_ref5) {
|
|
|
199
166
|
className: (0, _clsx["default"])(!sortDesc && classes.upsideDown, SortIconProps && SortIconProps.className, LeftSortIconProps && LeftSortIconProps.className)
|
|
200
167
|
}))));
|
|
201
168
|
};
|
|
202
|
-
|
|
203
169
|
var DualListSelect = function DualListSelect(_ref7) {
|
|
204
170
|
var handleOptionsClick = _ref7.handleOptionsClick,
|
|
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
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
171
|
+
rightValues = _ref7.rightValues,
|
|
172
|
+
_ref7$noValueTitle = _ref7.noValueTitle,
|
|
173
|
+
noValueTitle = _ref7$noValueTitle === void 0 ? 'No selected' : _ref7$noValueTitle,
|
|
174
|
+
_ref7$filterValueText = _ref7.filterValueText,
|
|
175
|
+
filterValueText = _ref7$filterValueText === void 0 ? 'Remove your filter to see all selected' : _ref7$filterValueText,
|
|
176
|
+
leftValues = _ref7.leftValues,
|
|
177
|
+
_ref7$noOptionsTitle = _ref7.noOptionsTitle,
|
|
178
|
+
noOptionsTitle = _ref7$noOptionsTitle === void 0 ? 'No available options' : _ref7$noOptionsTitle,
|
|
179
|
+
state = _ref7.state,
|
|
180
|
+
_ref7$filterOptionsTe = _ref7.filterOptionsText,
|
|
181
|
+
filterOptionsText = _ref7$filterOptionsTe === void 0 ? 'Remove your filter to see all options' : _ref7$filterOptionsTe,
|
|
182
|
+
handleValuesClick = _ref7.handleValuesClick,
|
|
183
|
+
handleMoveRight = _ref7.handleMoveRight,
|
|
184
|
+
_ref7$moveRightTitle = _ref7.moveRightTitle,
|
|
185
|
+
moveRightTitle = _ref7$moveRightTitle === void 0 ? 'Move selected to right' : _ref7$moveRightTitle,
|
|
186
|
+
handleClearLeftValues = _ref7.handleClearLeftValues,
|
|
187
|
+
_ref7$moveAllRightTit = _ref7.moveAllRightTitle,
|
|
188
|
+
moveAllRightTitle = _ref7$moveAllRightTit === void 0 ? 'Move all to right' : _ref7$moveAllRightTit,
|
|
189
|
+
handleClearRightValues = _ref7.handleClearRightValues,
|
|
190
|
+
_ref7$moveAllLeftTitl = _ref7.moveAllLeftTitle,
|
|
191
|
+
moveAllLeftTitle = _ref7$moveAllLeftTitl === void 0 ? 'Move all to left' : _ref7$moveAllLeftTitl,
|
|
192
|
+
handleMoveLeft = _ref7.handleMoveLeft,
|
|
193
|
+
_ref7$moveLeftTitle = _ref7.moveLeftTitle,
|
|
194
|
+
moveLeftTitle = _ref7$moveLeftTitle === void 0 ? 'Move selected to left' : _ref7$moveLeftTitle,
|
|
195
|
+
_ref7$allToRight = _ref7.allToRight,
|
|
196
|
+
allToRight = _ref7$allToRight === void 0 ? true : _ref7$allToRight,
|
|
197
|
+
_ref7$allToLeft = _ref7.allToLeft,
|
|
198
|
+
allToLeft = _ref7$allToLeft === void 0 ? true : _ref7$allToLeft,
|
|
199
|
+
checkboxVariant = _ref7.checkboxVariant,
|
|
200
|
+
isRequired = _ref7.isRequired,
|
|
201
|
+
meta = _ref7.meta,
|
|
202
|
+
validateOnMount = _ref7.validateOnMount,
|
|
203
|
+
label = _ref7.label,
|
|
204
|
+
helperText = _ref7.helperText,
|
|
205
|
+
description = _ref7.description,
|
|
206
|
+
_ref7$filterOptionsTi = _ref7.filterOptionsTitle,
|
|
207
|
+
filterOptionsTitle = _ref7$filterOptionsTi === void 0 ? 'Filter options' : _ref7$filterOptionsTi,
|
|
208
|
+
_ref7$leftTitle = _ref7.leftTitle,
|
|
209
|
+
leftTitle = _ref7$leftTitle === void 0 ? 'Options' : _ref7$leftTitle,
|
|
210
|
+
filterOptions = _ref7.filterOptions,
|
|
211
|
+
sortOptions = _ref7.sortOptions,
|
|
212
|
+
sortValues = _ref7.sortValues,
|
|
213
|
+
_ref7$filterValueTitl = _ref7.filterValueTitle,
|
|
214
|
+
filterValueTitle = _ref7$filterValueTitl === void 0 ? 'Filter selected value' : _ref7$filterValueTitl,
|
|
215
|
+
filterValues = _ref7.filterValues,
|
|
216
|
+
_ref7$rightTitle = _ref7.rightTitle,
|
|
217
|
+
rightTitle = _ref7$rightTitle === void 0 ? 'Selected' : _ref7$rightTitle,
|
|
218
|
+
_ref7$isFilterable = _ref7.isFilterable,
|
|
219
|
+
isFilterable = _ref7$isFilterable === void 0 ? true : _ref7$isFilterable,
|
|
220
|
+
FormFieldGridProps = _ref7.FormFieldGridProps,
|
|
221
|
+
InternalGridProps = _ref7.InternalGridProps,
|
|
222
|
+
ListGridProps = _ref7.ListGridProps,
|
|
223
|
+
LeftListGridProps = _ref7.LeftListGridProps,
|
|
224
|
+
ListProps = _ref7.ListProps,
|
|
225
|
+
LeftListProps = _ref7.LeftListProps,
|
|
226
|
+
ButtonsGridProps = _ref7.ButtonsGridProps,
|
|
227
|
+
ButtonsInternalGridProps = _ref7.ButtonsInternalGridProps,
|
|
228
|
+
ButtonGridProps = _ref7.ButtonGridProps,
|
|
229
|
+
ToRightGridProps = _ref7.ToRightGridProps,
|
|
230
|
+
IconButtonProps = _ref7.IconButtonProps,
|
|
231
|
+
ToRightIconButtonProps = _ref7.ToRightIconButtonProps,
|
|
232
|
+
AllToRightGridProps = _ref7.AllToRightGridProps,
|
|
233
|
+
AllToRightIconButtonProps = _ref7.AllToRightIconButtonProps,
|
|
234
|
+
AllToLeftGridProps = _ref7.AllToLeftGridProps,
|
|
235
|
+
AllToLeftIconButtonProps = _ref7.AllToLeftIconButtonProps,
|
|
236
|
+
ToLeftGridProps = _ref7.ToLeftGridProps,
|
|
237
|
+
ToLeftIconButtonProps = _ref7.ToLeftIconButtonProps,
|
|
238
|
+
RightListGridProps = _ref7.RightListGridProps,
|
|
239
|
+
RightListProps = _ref7.RightListProps,
|
|
240
|
+
ListItemProps = _ref7.ListItemProps,
|
|
241
|
+
ListItemIconProps = _ref7.ListItemIconProps,
|
|
242
|
+
ListItemTextProps = _ref7.ListItemTextProps,
|
|
243
|
+
ListItemSecondaryActionProps = _ref7.ListItemSecondaryActionProps,
|
|
244
|
+
LeftListItemProps = _ref7.LeftListItemProps,
|
|
245
|
+
LeftListItemIconProps = _ref7.LeftListItemIconProps,
|
|
246
|
+
LeftItemTextProps = _ref7.LeftItemTextProps,
|
|
247
|
+
LeftItemSecondaryActionProps = _ref7.LeftItemSecondaryActionProps,
|
|
248
|
+
RightListItemProps = _ref7.RightListItemProps,
|
|
249
|
+
RightListItemIconProps = _ref7.RightListItemIconProps,
|
|
250
|
+
RightItemTextProps = _ref7.RightItemTextProps,
|
|
251
|
+
RightItemSecondaryActionProps = _ref7.RightItemSecondaryActionProps,
|
|
252
|
+
FormControlProps = _ref7.FormControlProps,
|
|
253
|
+
FormLabelProps = _ref7.FormLabelProps,
|
|
254
|
+
FormHelperTextProps = _ref7.FormHelperTextProps,
|
|
255
|
+
TitleProps = _ref7.TitleProps,
|
|
256
|
+
ToolbarProps = _ref7.ToolbarProps,
|
|
257
|
+
FilterFieldProps = _ref7.FilterFieldProps,
|
|
258
|
+
SortIconButtonProps = _ref7.SortIconButtonProps,
|
|
259
|
+
SortIconProps = _ref7.SortIconProps,
|
|
260
|
+
LeftToolbarProps = _ref7.LeftToolbarProps,
|
|
261
|
+
LeftFilterFieldProps = _ref7.LeftFilterFieldProps,
|
|
262
|
+
LeftSortIconButtonProps = _ref7.LeftSortIconButtonProps,
|
|
263
|
+
LeftSortIconProps = _ref7.LeftSortIconProps,
|
|
264
|
+
LeftTitleProps = _ref7.LeftTitleProps,
|
|
265
|
+
RightToolbarProps = _ref7.RightToolbarProps,
|
|
266
|
+
RightFilterFieldProps = _ref7.RightFilterFieldProps,
|
|
267
|
+
RightSortIconButtonProps = _ref7.RightSortIconButtonProps,
|
|
268
|
+
RightSortIconProps = _ref7.RightSortIconProps,
|
|
269
|
+
RightTitleProps = _ref7.RightTitleProps,
|
|
270
|
+
PaperProps = _ref7.PaperProps,
|
|
271
|
+
LeftPaperProps = _ref7.LeftPaperProps,
|
|
272
|
+
RightPaperProps = _ref7.RightPaperProps;
|
|
307
273
|
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
308
274
|
var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
|
|
309
275
|
return /*#__PURE__*/_react["default"].createElement(StyledDualListSelect, FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
|
|
@@ -446,12 +412,9 @@ var DualListSelect = function DualListSelect(_ref7) {
|
|
|
446
412
|
LeftPaperProps: RightPaperProps
|
|
447
413
|
}))), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text)));
|
|
448
414
|
};
|
|
449
|
-
|
|
450
415
|
var DualListSelectWrapper = function DualListSelectWrapper(props) {
|
|
451
416
|
return /*#__PURE__*/_react["default"].createElement(_dualListSelect["default"], (0, _extends2["default"])({}, props, {
|
|
452
417
|
DualListSelect: DualListSelect
|
|
453
418
|
}));
|
|
454
419
|
};
|
|
455
|
-
|
|
456
|
-
var _default = DualListSelectWrapper;
|
|
457
|
-
exports["default"] = _default;
|
|
420
|
+
var _default = exports["default"] = DualListSelectWrapper;
|
|
@@ -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 _dualListSelect["default"];
|
|
13
12
|
}
|
|
14
13
|
});
|
|
15
|
-
|
|
16
14
|
var _dualListSelect = _interopRequireWildcard(require("./dual-list-select"));
|
|
17
|
-
|
|
18
15
|
Object.keys(_dualListSelect).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(_dualListSelect).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/esm/checkbox/checkbox.js
CHANGED
|
@@ -2,12 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormControlLabelProps", "CheckboxProps", "FormLabelProps", "FormHelperTextProps", "inputProps"],
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
-
|
|
5
|
+
_excluded2 = ["options"];
|
|
6
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
8
|
import React from 'react';
|
|
12
9
|
import MUICheckbox from "@mui/material/Checkbox";
|
|
13
10
|
import FormControl from "@mui/material/FormControl";
|
|
@@ -21,34 +18,33 @@ import MultipleChoiceList from '../multiple-choice-list/multiple-choice-list';
|
|
|
21
18
|
import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
|
|
22
19
|
export var SingleCheckbox = function SingleCheckbox(props) {
|
|
23
20
|
var _useFieldApi = useFieldApi(_objectSpread(_objectSpread({}, props), {}, {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
21
|
+
type: 'checkbox'
|
|
22
|
+
})),
|
|
23
|
+
input = _useFieldApi.input,
|
|
24
|
+
isReadOnly = _useFieldApi.isReadOnly,
|
|
25
|
+
isDisabled = _useFieldApi.isDisabled,
|
|
26
|
+
isRequired = _useFieldApi.isRequired,
|
|
27
|
+
label = _useFieldApi.label,
|
|
28
|
+
helperText = _useFieldApi.helperText,
|
|
29
|
+
description = _useFieldApi.description,
|
|
30
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
31
|
+
meta = _useFieldApi.meta,
|
|
32
|
+
_useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
|
|
33
|
+
FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
|
|
34
|
+
_useFieldApi$FormCont = _useFieldApi.FormControlProps,
|
|
35
|
+
FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
|
|
36
|
+
_useFieldApi$FormGrou = _useFieldApi.FormGroupProps,
|
|
37
|
+
FormGroupProps = _useFieldApi$FormGrou === void 0 ? {} : _useFieldApi$FormGrou,
|
|
38
|
+
_useFieldApi$FormCont2 = _useFieldApi.FormControlLabelProps,
|
|
39
|
+
FormControlLabelProps = _useFieldApi$FormCont2 === void 0 ? {} : _useFieldApi$FormCont2,
|
|
40
|
+
_useFieldApi$Checkbox = _useFieldApi.CheckboxProps,
|
|
41
|
+
CheckboxProps = _useFieldApi$Checkbox === void 0 ? {} : _useFieldApi$Checkbox,
|
|
42
|
+
_useFieldApi$FormLabe = _useFieldApi.FormLabelProps,
|
|
43
|
+
FormLabelProps = _useFieldApi$FormLabe === void 0 ? {} : _useFieldApi$FormLabe,
|
|
44
|
+
_useFieldApi$FormHelp = _useFieldApi.FormHelperTextProps,
|
|
45
|
+
FormHelperTextProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
|
|
46
|
+
inputProps = _useFieldApi.inputProps,
|
|
47
|
+
rest = _objectWithoutProperties(_useFieldApi, _excluded);
|
|
52
48
|
var invalid = validationError(meta, validateOnMount);
|
|
53
49
|
var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
|
|
54
50
|
return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(FormControl, _extends({
|
|
@@ -67,14 +63,11 @@ export var SingleCheckbox = function SingleCheckbox(props) {
|
|
|
67
63
|
label: /*#__PURE__*/React.createElement(FormLabel, FormLabelProps, label)
|
|
68
64
|
})), text && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, text))));
|
|
69
65
|
};
|
|
70
|
-
|
|
71
66
|
var Checkbox = function Checkbox(_ref) {
|
|
72
67
|
var options = _ref.options,
|
|
73
|
-
|
|
74
|
-
|
|
68
|
+
props = _objectWithoutProperties(_ref, _excluded2);
|
|
75
69
|
return options ? /*#__PURE__*/React.createElement(MultipleChoiceList, _extends({
|
|
76
70
|
options: options
|
|
77
71
|
}, props)) : /*#__PURE__*/React.createElement(SingleCheckbox, props);
|
|
78
72
|
};
|
|
79
|
-
|
|
80
73
|
export default Checkbox;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
var _componentMapper;
|
|
4
|
-
|
|
5
3
|
import componentTypes from "@data-driven-forms/react-form-renderer/component-types";
|
|
6
4
|
import SubForm from '../sub-form';
|
|
7
5
|
import Tabs from '../tabs';
|
|
@@ -33,5 +31,5 @@ export var components = {
|
|
|
33
31
|
DualListSelect: DualListSelect,
|
|
34
32
|
Slider: Slider
|
|
35
33
|
};
|
|
36
|
-
var componentMapper = (_componentMapper = {}, _defineProperty(_componentMapper, componentTypes.TEXT_FIELD, TextField),
|
|
34
|
+
var componentMapper = (_componentMapper = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentMapper, componentTypes.TEXT_FIELD, TextField), componentTypes.TEXTAREA, Textarea), componentTypes.SELECT, Select), componentTypes.CHECKBOX, Checkbox), componentTypes.SUB_FORM, SubForm), componentTypes.RADIO, Radio), componentTypes.TABS, Tabs), componentTypes.DATE_PICKER, DatePicker), componentTypes.TIME_PICKER, TimePicker), componentTypes.SWITCH, Switch), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentMapper, componentTypes.PLAIN_TEXT, PlainText), componentTypes.WIZARD, Wizard), componentTypes.FIELD_ARRAY, FieldArray), componentTypes.DUAL_LIST_SELECT, DualListSelect), componentTypes.SLIDER, Slider));
|
|
37
35
|
export default componentMapper;
|
|
@@ -5,24 +5,22 @@ import FormFieldGrid from '../form-field-grid/form-field-grid';
|
|
|
5
5
|
import { validationError } from '../validation-error/validation-error';
|
|
6
6
|
import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
|
|
7
7
|
import TextField from "@mui/material/TextField";
|
|
8
|
-
|
|
9
8
|
var DatePicker = function DatePicker(props) {
|
|
10
9
|
var _useFieldApi = useFieldApi(props),
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
10
|
+
input = _useFieldApi.input,
|
|
11
|
+
isReadOnly = _useFieldApi.isReadOnly,
|
|
12
|
+
isDisabled = _useFieldApi.isDisabled,
|
|
13
|
+
placeholder = _useFieldApi.placeholder,
|
|
14
|
+
isRequired = _useFieldApi.isRequired,
|
|
15
|
+
label = _useFieldApi.label,
|
|
16
|
+
helperText = _useFieldApi.helperText,
|
|
17
|
+
description = _useFieldApi.description,
|
|
18
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
19
|
+
meta = _useFieldApi.meta,
|
|
20
|
+
_useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
|
|
21
|
+
FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
|
|
22
|
+
_useFieldApi$DatePick = _useFieldApi.DatePickerProps,
|
|
23
|
+
DatePickerProps = _useFieldApi$DatePick === void 0 ? {} : _useFieldApi$DatePick;
|
|
26
24
|
var invalid = validationError(meta, validateOnMount);
|
|
27
25
|
return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(MUIDatePicker, _extends({
|
|
28
26
|
slotProps: {
|
|
@@ -37,7 +35,8 @@ var DatePicker = function DatePicker(props) {
|
|
|
37
35
|
onBlur: input.onBlur,
|
|
38
36
|
onFocus: input.onFocus
|
|
39
37
|
}
|
|
40
|
-
}
|
|
38
|
+
}
|
|
39
|
+
// legacy version
|
|
41
40
|
,
|
|
42
41
|
renderInput: function renderInput(props) {
|
|
43
42
|
return /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
@@ -56,5 +55,4 @@ var DatePicker = function DatePicker(props) {
|
|
|
56
55
|
value: input.value || null
|
|
57
56
|
}, DatePickerProps)));
|
|
58
57
|
};
|
|
59
|
-
|
|
60
58
|
export default DatePicker;
|