@data-driven-forms/mui-component-mapper 4.1.12 → 4.1.14
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/.eslintrc.json +27 -0
- package/CHANGELOG.md +13 -2
- package/checkbox/checkbox.d.ts +29 -16
- package/checkbox/checkbox.js +44 -77
- package/checkbox/checkbox.js.map +1 -0
- package/checkbox/index.js +22 -24
- package/checkbox/index.js.map +1 -0
- package/component-mapper/component-mapper.d.ts +35 -40
- package/component-mapper/component-mapper.js +55 -40
- package/component-mapper/component-mapper.js.map +1 -0
- package/component-mapper/index.js +22 -24
- package/component-mapper/index.js.map +1 -0
- package/date-picker/date-picker.d.ts +10 -10
- package/date-picker/date-picker.js +52 -63
- package/date-picker/date-picker.js.map +1 -0
- package/date-picker/index.js +22 -24
- package/date-picker/index.js.map +1 -0
- package/dual-list-select/dual-list-select.d.ts +3 -111
- package/dual-list-select/dual-list-select.js +93 -412
- package/dual-list-select/dual-list-select.js.map +1 -0
- package/dual-list-select/index.js +22 -24
- package/dual-list-select/index.js.map +1 -0
- package/esm/checkbox/checkbox.d.ts +31 -0
- package/esm/checkbox/checkbox.js +25 -69
- package/esm/checkbox/checkbox.js.map +1 -0
- package/esm/checkbox/index.d.ts +2 -0
- package/esm/checkbox/index.js +2 -1
- package/esm/checkbox/index.js.map +1 -0
- package/esm/component-mapper/component-mapper.d.ts +36 -0
- package/esm/component-mapper/component-mapper.js +34 -19
- package/esm/component-mapper/component-mapper.js.map +1 -0
- package/esm/component-mapper/index.d.ts +2 -0
- package/esm/component-mapper/index.js +2 -1
- package/esm/component-mapper/index.js.map +1 -0
- package/esm/date-picker/date-picker.d.ts +12 -0
- package/esm/date-picker/date-picker.js +35 -55
- package/esm/date-picker/date-picker.js.map +1 -0
- package/esm/date-picker/index.d.ts +2 -0
- package/esm/date-picker/index.js +2 -1
- package/esm/date-picker/index.js.map +1 -0
- package/esm/dual-list-select/dual-list-select.d.ts +3 -0
- package/esm/dual-list-select/dual-list-select.js +59 -404
- package/esm/dual-list-select/dual-list-select.js.map +1 -0
- package/esm/dual-list-select/index.d.ts +2 -0
- package/esm/dual-list-select/index.js +2 -1
- package/esm/dual-list-select/index.js.map +1 -0
- package/esm/field-array/field-array.d.ts +56 -0
- package/esm/field-array/field-array.js +107 -296
- package/esm/field-array/field-array.js.map +1 -0
- package/esm/field-array/index.d.ts +2 -0
- package/esm/field-array/index.js +2 -1
- package/esm/field-array/index.js.map +1 -0
- package/esm/form-field-grid/form-field-grid.d.ts +8 -0
- package/esm/form-field-grid/form-field-grid.js +26 -22
- package/esm/form-field-grid/form-field-grid.js.map +1 -0
- package/esm/form-field-grid/index.d.ts +2 -0
- package/esm/form-field-grid/index.js +3 -1
- package/esm/form-field-grid/index.js.map +1 -0
- package/esm/form-template/form-template.d.ts +17 -0
- package/esm/form-template/form-template.js +57 -126
- package/esm/form-template/form-template.js.map +1 -0
- package/esm/form-template/index.d.ts +2 -0
- package/esm/form-template/index.js +2 -1
- package/esm/form-template/index.js.map +1 -0
- package/esm/index.d.ts +21 -0
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -0
- package/esm/multiple-choice-list/index.d.ts +2 -0
- package/esm/multiple-choice-list/index.js +2 -1
- package/esm/multiple-choice-list/index.js.map +1 -0
- package/esm/multiple-choice-list/multiple-choice-list.d.ts +14 -0
- package/esm/multiple-choice-list/multiple-choice-list.js +39 -93
- package/esm/multiple-choice-list/multiple-choice-list.js.map +1 -0
- package/esm/plain-text/index.d.ts +2 -0
- package/esm/plain-text/index.js +2 -1
- package/esm/plain-text/index.js.map +1 -0
- package/esm/plain-text/plain-text.d.ts +12 -0
- package/esm/plain-text/plain-text.js +18 -27
- package/esm/plain-text/plain-text.js.map +1 -0
- package/esm/radio/index.d.ts +2 -0
- package/esm/radio/index.js +2 -1
- package/esm/radio/index.js.map +1 -0
- package/esm/radio/radio.d.ts +19 -0
- package/esm/radio/radio.js +38 -110
- package/esm/radio/radio.js.map +1 -0
- package/esm/select/index.d.ts +2 -0
- package/esm/select/index.js +2 -1
- package/esm/select/index.js.map +1 -0
- package/esm/select/select.d.ts +44 -0
- package/esm/select/select.js +55 -162
- package/esm/select/select.js.map +1 -0
- package/esm/slider/index.d.ts +2 -0
- package/esm/slider/index.js +2 -1
- package/esm/slider/index.js.map +1 -0
- package/esm/slider/slider.d.ts +24 -0
- package/esm/slider/slider.js +22 -63
- package/esm/slider/slider.js.map +1 -0
- package/esm/sub-form/index.d.ts +2 -0
- package/esm/sub-form/index.js +2 -1
- package/esm/sub-form/index.js.map +1 -0
- package/esm/sub-form/sub-form.d.ts +16 -0
- package/esm/sub-form/sub-form.js +29 -52
- package/esm/sub-form/sub-form.js.map +1 -0
- package/esm/switch/index.d.ts +2 -0
- package/esm/switch/index.js +2 -1
- package/esm/switch/index.js.map +1 -0
- package/esm/switch/switch.d.ts +18 -0
- package/esm/switch/switch.js +21 -62
- package/esm/switch/switch.js.map +1 -0
- package/esm/tabs/index.d.ts +2 -0
- package/esm/tabs/index.js +2 -1
- package/esm/tabs/index.js.map +1 -0
- package/esm/tabs/tabs.d.ts +19 -0
- package/esm/tabs/tabs.js +9 -73
- package/esm/tabs/tabs.js.map +1 -0
- package/esm/text-field/index.d.ts +2 -0
- package/esm/text-field/index.js +2 -1
- package/esm/text-field/index.js.map +1 -0
- package/esm/text-field/text-field.d.ts +10 -0
- package/esm/text-field/text-field.js +20 -38
- package/esm/text-field/text-field.js.map +1 -0
- package/esm/textarea/index.d.ts +2 -0
- package/esm/textarea/index.js +2 -1
- package/esm/textarea/index.js.map +1 -0
- package/esm/textarea/textarea.d.ts +13 -0
- package/esm/textarea/textarea.js +20 -42
- package/esm/textarea/textarea.js.map +1 -0
- package/esm/time-picker/index.d.ts +2 -0
- package/esm/time-picker/index.js +2 -1
- package/esm/time-picker/index.js.map +1 -0
- package/esm/time-picker/time-picker.d.ts +13 -0
- package/esm/time-picker/time-picker.js +35 -57
- package/esm/time-picker/time-picker.js.map +1 -0
- package/esm/validation-error/index.d.ts +2 -0
- package/esm/validation-error/index.js +2 -1
- package/esm/validation-error/index.js.map +1 -0
- package/esm/validation-error/validation-error.d.ts +6 -0
- package/esm/validation-error/validation-error.js +7 -6
- package/esm/validation-error/validation-error.js.map +1 -0
- package/esm/wizard/index.d.ts +2 -0
- package/esm/wizard/index.js +2 -1
- package/esm/wizard/index.js.map +1 -0
- package/esm/wizard/step-buttons.d.ts +33 -0
- package/esm/wizard/step-buttons.js +49 -104
- package/esm/wizard/step-buttons.js.map +1 -0
- package/esm/wizard/wizard-nav.d.ts +15 -0
- package/esm/wizard/wizard-nav.js +15 -33
- package/esm/wizard/wizard-nav.js.map +1 -0
- package/esm/wizard/wizard.d.ts +4 -0
- package/esm/wizard/wizard.js +21 -70
- package/esm/wizard/wizard.js.map +1 -0
- package/field-array/field-array.d.ts +54 -38
- package/field-array/field-array.js +138 -306
- package/field-array/field-array.js.map +1 -0
- package/field-array/index.js +22 -24
- package/field-array/index.js.map +1 -0
- package/form-field-grid/form-field-grid.d.ts +7 -5
- package/form-field-grid/form-field-grid.js +42 -28
- package/form-field-grid/form-field-grid.js.map +1 -0
- package/form-field-grid/index.js +23 -12
- package/form-field-grid/index.js.map +1 -0
- package/form-template/form-template.d.ts +17 -5
- package/form-template/form-template.js +78 -132
- package/form-template/form-template.js.map +1 -0
- package/form-template/index.js +22 -24
- package/form-template/index.js.map +1 -0
- package/index.d.ts +10 -29
- package/index.js +45 -146
- package/index.js.map +1 -0
- package/multiple-choice-list/index.js +22 -24
- package/multiple-choice-list/index.js.map +1 -0
- package/multiple-choice-list/multiple-choice-list.d.ts +12 -24
- package/multiple-choice-list/multiple-choice-list.js +53 -101
- package/multiple-choice-list/multiple-choice-list.js.map +1 -0
- package/package.json +9 -11
- package/plain-text/index.js +22 -24
- package/plain-text/index.js.map +1 -0
- package/plain-text/plain-text.d.ts +10 -10
- package/plain-text/plain-text.js +30 -33
- package/plain-text/plain-text.js.map +1 -0
- package/radio/index.js +22 -24
- package/radio/index.js.map +1 -0
- package/radio/radio.d.ts +17 -25
- package/radio/radio.js +56 -116
- package/radio/radio.js.map +1 -0
- package/select/index.js +22 -24
- package/select/index.js.map +1 -0
- package/select/select.d.ts +42 -27
- package/select/select.js +78 -172
- package/select/select.js.map +1 -0
- package/slider/index.js +22 -24
- package/slider/index.js.map +1 -0
- package/slider/slider.d.ts +22 -28
- package/slider/slider.js +39 -71
- package/slider/slider.js.map +1 -0
- package/sub-form/index.js +22 -24
- package/sub-form/index.js.map +1 -0
- package/sub-form/sub-form.d.ts +14 -16
- package/sub-form/sub-form.js +42 -56
- package/sub-form/sub-form.js.map +1 -0
- package/switch/index.js +22 -24
- package/switch/index.js.map +1 -0
- package/switch/switch.d.ts +16 -26
- package/switch/switch.js +43 -70
- package/switch/switch.js.map +1 -0
- package/tabs/index.js +22 -24
- package/tabs/index.js.map +1 -0
- package/tabs/tabs.d.ts +18 -14
- package/tabs/tabs.js +33 -82
- package/tabs/tabs.js.map +1 -0
- package/text-field/index.js +22 -24
- package/text-field/index.js.map +1 -0
- package/text-field/text-field.d.ts +8 -16
- package/text-field/text-field.js +37 -46
- package/text-field/text-field.js.map +1 -0
- package/textarea/index.js +22 -24
- package/textarea/index.js.map +1 -0
- package/textarea/textarea.d.ts +11 -17
- package/textarea/textarea.js +37 -50
- package/textarea/textarea.js.map +1 -0
- package/time-picker/index.js +22 -24
- package/time-picker/index.js.map +1 -0
- package/time-picker/time-picker.d.ts +11 -16
- package/time-picker/time-picker.js +52 -65
- package/time-picker/time-picker.js.map +1 -0
- package/tsconfig.cjs.json +8 -0
- package/tsconfig.demo.json +31 -0
- package/tsconfig.esm.json +8 -0
- package/tsconfig.json +17 -9
- package/validation-error/index.js +22 -24
- package/validation-error/index.js.map +1 -0
- package/validation-error/validation-error.d.ts +5 -4
- package/validation-error/validation-error.js +10 -11
- package/validation-error/validation-error.js.map +1 -0
- package/wizard/index.js +22 -24
- package/wizard/index.js.map +1 -0
- package/wizard/step-buttons.d.ts +33 -0
- package/wizard/step-buttons.js +68 -110
- package/wizard/step-buttons.js.map +1 -0
- package/wizard/wizard-nav.d.ts +15 -0
- package/wizard/wizard-nav.js +37 -37
- package/wizard/wizard-nav.js.map +1 -0
- package/wizard/wizard.d.ts +4 -28
- package/wizard/wizard.js +41 -79
- package/wizard/wizard.js.map +1 -0
|
@@ -1,309 +1,120 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { memo, useReducer } from 'react';
|
|
13
14
|
import { styled } from '@mui/material/styles';
|
|
14
|
-
import useFormApi from
|
|
15
|
-
import FieldArray from "@data-driven-forms/react-form-renderer/field-array";
|
|
15
|
+
import { useFormApi, FieldArray } from '@data-driven-forms/react-form-renderer';
|
|
16
16
|
import isEqual from 'lodash/isEqual';
|
|
17
|
-
import Grid from
|
|
18
|
-
import Button from "@mui/material/Button";
|
|
19
|
-
import Typography from "@mui/material/Typography";
|
|
20
|
-
import FormControl from "@mui/material/FormControl";
|
|
21
|
-
import FormHelperText from "@mui/material/FormHelperText";
|
|
22
|
-
import IconButton from "@mui/material/IconButton";
|
|
17
|
+
import { Grid, Button, Typography, FormControl, FormHelperText, IconButton } from '@mui/material';
|
|
23
18
|
import RedoIcon from '@mui/icons-material/Redo';
|
|
24
19
|
import UndoIcon from '@mui/icons-material/Undo';
|
|
25
|
-
import useFieldApi from
|
|
20
|
+
import { useFieldApi } from '@data-driven-forms/react-form-renderer';
|
|
26
21
|
import FormFieldGrid from '../form-field-grid/form-field-grid';
|
|
27
22
|
import clsx from 'clsx';
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
23
|
+
const PREFIX = 'DynamicArray';
|
|
24
|
+
const classes = {
|
|
25
|
+
formControl: `${PREFIX}-formControl`,
|
|
26
|
+
centerText: `${PREFIX}-centerText`,
|
|
27
|
+
buttonsToEnd: `${PREFIX}-buttonsToEnd`,
|
|
28
|
+
header: `${PREFIX}-header`,
|
|
29
|
+
label: `${PREFIX}-label`,
|
|
30
|
+
fieldArrayGroup: `${PREFIX}-fieldArrayGroup`,
|
|
36
31
|
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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;
|
|
68
|
-
var _useFormApi = useFormApi(),
|
|
69
|
-
renderForm = _useFormApi.renderForm;
|
|
70
|
-
var editedFields = fields.map(function (field, index) {
|
|
71
|
-
var computedName = field.name ? "".concat(name, ".").concat(field.name) : name;
|
|
72
|
-
return _objectSpread(_objectSpread({}, field), {}, {
|
|
73
|
-
name: computedName,
|
|
74
|
-
key: "".concat(computedName, "-").concat(index)
|
|
75
|
-
});
|
|
76
|
-
});
|
|
77
|
-
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
78
|
-
container: true,
|
|
79
|
-
spacing: 3
|
|
80
|
-
}, FieldContainerProps), /*#__PURE__*/React.createElement(Grid, _extends({
|
|
81
|
-
item: true,
|
|
82
|
-
xs: 12
|
|
83
|
-
}, FieldGroupGridProps), /*#__PURE__*/React.createElement(Grid, {
|
|
84
|
-
container: true,
|
|
85
|
-
spacing: 3
|
|
86
|
-
}, renderForm([editedFields]))), /*#__PURE__*/React.createElement(Grid, _extends({
|
|
87
|
-
item: true,
|
|
88
|
-
xs: 12,
|
|
89
|
-
className: classes.buttonsToEnd
|
|
90
|
-
}, RemoveButtonGridProps), /*#__PURE__*/React.createElement(Button, _extends({
|
|
91
|
-
color: "secondary",
|
|
92
|
-
onClick: function onClick() {
|
|
93
|
-
return remove(fieldIndex);
|
|
32
|
+
const StyledFormFieldGrid = styled(FormFieldGrid)({
|
|
33
|
+
[`& .${classes.formControl}`]: {
|
|
34
|
+
width: '100%',
|
|
35
|
+
},
|
|
36
|
+
[`& .${classes.centerText}`]: {
|
|
37
|
+
display: 'flex',
|
|
38
|
+
justifyContent: 'center',
|
|
39
|
+
},
|
|
40
|
+
[`& .${classes.buttonsToEnd}`]: {
|
|
41
|
+
display: 'flex',
|
|
42
|
+
justifyContent: 'flex-end',
|
|
43
|
+
},
|
|
44
|
+
[`& .${classes.header}`]: {
|
|
45
|
+
display: 'flex',
|
|
46
|
+
},
|
|
47
|
+
[`& .${classes.label}`]: {
|
|
48
|
+
flexGrow: 1,
|
|
49
|
+
},
|
|
50
|
+
[`&.${classes.fieldArrayGroup}`]: {
|
|
51
|
+
marginBottom: 32,
|
|
94
52
|
},
|
|
95
|
-
disabled: length <= minItems
|
|
96
|
-
}, RemoveButtonProps), removeLabel)));
|
|
97
|
-
}, function (_ref2, _ref3) {
|
|
98
|
-
var _prevRemove = _ref2.remove,
|
|
99
|
-
prev = _objectWithoutProperties(_ref2, _excluded);
|
|
100
|
-
var _nextRemove = _ref3.remove,
|
|
101
|
-
next = _objectWithoutProperties(_ref3, _excluded2);
|
|
102
|
-
return isEqual(prev, next);
|
|
103
53
|
});
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
54
|
+
const ArrayItem = memo(({ fields, fieldIndex, name, remove, length, minItems, removeLabel, FieldContainerProps = {}, FieldGroupGridProps = {}, RemoveButtonGridProps = {}, RemoveButtonProps = {}, }) => {
|
|
55
|
+
const { renderForm } = useFormApi();
|
|
56
|
+
const editedFields = fields.map((field, index) => {
|
|
57
|
+
const computedName = field.name ? `${name}.${field.name}` : name;
|
|
58
|
+
return Object.assign(Object.assign({}, field), { name: computedName, key: `${computedName}-${index}` });
|
|
59
|
+
});
|
|
60
|
+
return (_jsxs(Grid, Object.assign({ container: true, spacing: 3 }, FieldContainerProps, { children: [_jsx(Grid, Object.assign({ item: true, xs: 12 }, FieldGroupGridProps, { children: _jsx(Grid, { container: true, spacing: 3, children: renderForm(editedFields) }) })), _jsx(Grid, Object.assign({ item: true, xs: 12, className: classes.buttonsToEnd }, RemoveButtonGridProps, { children: _jsx(Button, Object.assign({ color: "secondary", onClick: () => remove(fieldIndex), disabled: length <= minItems }, RemoveButtonProps, { children: removeLabel })) }))] })));
|
|
61
|
+
}, (_a, _b) => {
|
|
62
|
+
var { remove: _prevRemove } = _a, prev = __rest(_a, ["remove"]);
|
|
63
|
+
var _nextRemove = _b.remove, next = __rest(_b, ["remove"]);
|
|
64
|
+
return isEqual(prev, next);
|
|
65
|
+
});
|
|
66
|
+
const defaultButtonLabels = {
|
|
67
|
+
add: 'ADD',
|
|
68
|
+
remove: 'REMOVE',
|
|
107
69
|
};
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
70
|
+
const initialState = {
|
|
71
|
+
index: 0,
|
|
72
|
+
history: [],
|
|
111
73
|
};
|
|
112
|
-
export
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
case 'resetHistory':
|
|
130
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
131
|
-
history: state.history.slice(0, state.index)
|
|
132
|
-
});
|
|
133
|
-
default:
|
|
134
|
-
return state;
|
|
135
|
-
}
|
|
74
|
+
export const reducer = (state, actionObj) => {
|
|
75
|
+
const { type } = actionObj;
|
|
76
|
+
switch (type) {
|
|
77
|
+
case 'redo':
|
|
78
|
+
return Object.assign(Object.assign({}, state), { index: state.index + 1 });
|
|
79
|
+
case 'action':
|
|
80
|
+
return {
|
|
81
|
+
index: state.index + 1,
|
|
82
|
+
history: [...state.history.slice(0, state.index), actionObj.action],
|
|
83
|
+
};
|
|
84
|
+
case 'undo':
|
|
85
|
+
return Object.assign(Object.assign({}, state), { index: state.index - 1 });
|
|
86
|
+
case 'resetHistory':
|
|
87
|
+
return Object.assign(Object.assign({}, state), { history: state.history.slice(0, state.index) });
|
|
88
|
+
default:
|
|
89
|
+
return state;
|
|
90
|
+
}
|
|
136
91
|
};
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
_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);
|
|
190
|
-
var _useReducer = useReducer(reducer, initialState),
|
|
191
|
-
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
192
|
-
state = _useReducer2[0],
|
|
193
|
-
dispatch = _useReducer2[1];
|
|
194
|
-
var combinedButtonLabels = _objectSpread(_objectSpread({}, defaultButtonLabels), buttonLabels);
|
|
195
|
-
var dirty = meta.dirty,
|
|
196
|
-
submitFailed = meta.submitFailed,
|
|
197
|
-
error = meta.error,
|
|
198
|
-
submitError = meta.submitError;
|
|
199
|
-
var isError = (dirty || submitFailed) && error && typeof error === 'string';
|
|
200
|
-
return /*#__PURE__*/React.createElement(StyledFormFieldGrid, _extends({}, FormFieldGridProps, {
|
|
201
|
-
className: clsx(classes.fieldArrayGroup, FormFieldGridProps.classname)
|
|
202
|
-
}), /*#__PURE__*/React.createElement(FormControl, _extends({
|
|
203
|
-
component: "fieldset",
|
|
204
|
-
error: isError || submitError
|
|
205
|
-
}, FormControlProps, {
|
|
206
|
-
className: clsx(classes.formControl, FormControlProps.className)
|
|
207
|
-
}), /*#__PURE__*/React.createElement(FieldArray, {
|
|
208
|
-
key: rest.input.name,
|
|
209
|
-
name: rest.input.name,
|
|
210
|
-
validate: arrayValidator
|
|
211
|
-
}, function (_ref6) {
|
|
212
|
-
var _ref6$fields = _ref6.fields,
|
|
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;
|
|
218
|
-
var pushWrapper = function pushWrapper() {
|
|
219
|
-
dispatch({
|
|
220
|
-
type: 'resetHistory'
|
|
221
|
-
});
|
|
222
|
-
push(defaultItem);
|
|
223
|
-
};
|
|
224
|
-
var removeWrapper = function removeWrapper(index) {
|
|
225
|
-
dispatch({
|
|
226
|
-
type: 'action',
|
|
227
|
-
action: {
|
|
228
|
-
action: 'remove',
|
|
229
|
-
value: value[index]
|
|
230
|
-
}
|
|
231
|
-
});
|
|
232
|
-
remove(index);
|
|
233
|
-
};
|
|
234
|
-
var undo = function undo() {
|
|
235
|
-
push(state.history[state.index - 1].value);
|
|
236
|
-
dispatch({
|
|
237
|
-
type: 'undo'
|
|
238
|
-
});
|
|
239
|
-
};
|
|
240
|
-
var redo = function redo() {
|
|
241
|
-
remove(value.length - 1);
|
|
242
|
-
dispatch({
|
|
243
|
-
type: 'redo'
|
|
244
|
-
});
|
|
245
|
-
};
|
|
246
|
-
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
247
|
-
container: true,
|
|
248
|
-
spacing: 3
|
|
249
|
-
}, GridContainerProps), /*#__PURE__*/React.createElement(Grid, _extends({
|
|
250
|
-
item: true,
|
|
251
|
-
xs: 12,
|
|
252
|
-
className: classes.header
|
|
253
|
-
}, HeaderGridProps), label && /*#__PURE__*/React.createElement(Typography, _extends({
|
|
254
|
-
variant: "h6",
|
|
255
|
-
className: classes.label
|
|
256
|
-
}, HeaderProps), label), /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
257
|
-
color: "primary",
|
|
258
|
-
"aria-label": "undo",
|
|
259
|
-
component: "span",
|
|
260
|
-
disabled: state.index === 0,
|
|
261
|
-
onClick: undo
|
|
262
|
-
}, UndoButtonProps, {
|
|
263
|
-
size: "large"
|
|
264
|
-
}), /*#__PURE__*/React.createElement(UndoIcon, null)), /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
265
|
-
color: "primary",
|
|
266
|
-
"aria-label": "redo",
|
|
267
|
-
component: "span",
|
|
268
|
-
disabled: state.index === state.history.length,
|
|
269
|
-
onClick: redo
|
|
270
|
-
}, RedoButtonProps, {
|
|
271
|
-
size: "large"
|
|
272
|
-
}), /*#__PURE__*/React.createElement(RedoIcon, null)), /*#__PURE__*/React.createElement(Button, _extends({
|
|
273
|
-
color: "primary",
|
|
274
|
-
onClick: pushWrapper,
|
|
275
|
-
disabled: value.length >= maxItems
|
|
276
|
-
}, AddButtonProps), combinedButtonLabels.add)), description && /*#__PURE__*/React.createElement(Grid, _extends({
|
|
277
|
-
item: true,
|
|
278
|
-
xs: 12
|
|
279
|
-
}, DescriptionGridProps), /*#__PURE__*/React.createElement(Typography, _extends({
|
|
280
|
-
variant: "subtitle1"
|
|
281
|
-
}, DescriptionProps), description)), /*#__PURE__*/React.createElement(Grid, _extends({
|
|
282
|
-
item: true,
|
|
283
|
-
xs: 12
|
|
284
|
-
}, BodyGridProps), value.length <= 0 ? /*#__PURE__*/React.createElement(Typography, _extends({
|
|
285
|
-
variant: "body1",
|
|
286
|
-
gutterBottom: true,
|
|
287
|
-
className: classes.centerText
|
|
288
|
-
}, NoItemsProps), noItemsMessage) : map(function (name, index) {
|
|
289
|
-
return /*#__PURE__*/React.createElement(ArrayItem, {
|
|
290
|
-
key: name,
|
|
291
|
-
fields: formFields,
|
|
292
|
-
name: name,
|
|
293
|
-
fieldIndex: index,
|
|
294
|
-
remove: removeWrapper,
|
|
295
|
-
length: value.length,
|
|
296
|
-
minItems: minItems,
|
|
297
|
-
removeLabel: combinedButtonLabels.remove,
|
|
298
|
-
FieldContainerProps: FieldContainerProps,
|
|
299
|
-
FieldGroupGridProps: FieldGroupGridProps,
|
|
300
|
-
RemoveButtonGridProps: RemoveButtonGridProps,
|
|
301
|
-
RemoveButtonProps: RemoveButtonProps
|
|
302
|
-
});
|
|
303
|
-
})), (isError || submitError) && /*#__PURE__*/React.createElement(Grid, _extends({
|
|
304
|
-
item: true,
|
|
305
|
-
xs: 12
|
|
306
|
-
}, FormHelperTextGridProps), /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, error || submitError)));
|
|
307
|
-
})));
|
|
92
|
+
const DynamicArray = (_a) => {
|
|
93
|
+
var props = __rest(_a, []);
|
|
94
|
+
const _b = useFieldApi(props), { arrayValidator, label, description, fields: formFields, defaultItem, meta, minItems = 0, maxItems = Infinity, noItemsMessage = 'No items added', FormFieldGridProps = {}, FormControlProps = {}, buttonLabels, GridContainerProps = {}, HeaderGridProps = {}, HeaderProps = {}, UndoButtonProps = {}, RedoButtonProps = {}, AddButtonProps = {}, DescriptionGridProps = {}, DescriptionProps = {}, BodyGridProps = {}, NoItemsProps = {}, FormHelperTextGridProps = {}, FormHelperTextProps = {}, FieldContainerProps = {}, FieldGroupGridProps = {}, RemoveButtonGridProps = {}, RemoveButtonProps = {} } = _b, rest = __rest(_b, ["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"]);
|
|
95
|
+
const [state, dispatch] = useReducer(reducer, initialState);
|
|
96
|
+
const combinedButtonLabels = Object.assign(Object.assign({}, defaultButtonLabels), buttonLabels);
|
|
97
|
+
const { dirty, submitFailed, error, submitError } = meta;
|
|
98
|
+
const isError = (dirty || submitFailed) && error && typeof error === 'string';
|
|
99
|
+
return (_jsx(StyledFormFieldGrid, Object.assign({}, FormFieldGridProps, { className: clsx(classes.fieldArrayGroup, FormFieldGridProps.className), children: _jsx(FormControl, Object.assign({ component: "fieldset", error: isError || submitError }, FormControlProps, { className: clsx(classes.formControl, FormControlProps.className), children: _jsx(FieldArray, { name: rest.input.name, validate: arrayValidator, children: ({ fields: { map, value = [], push, remove } }) => {
|
|
100
|
+
const pushWrapper = () => {
|
|
101
|
+
dispatch({ type: 'resetHistory' });
|
|
102
|
+
push(defaultItem);
|
|
103
|
+
};
|
|
104
|
+
const removeWrapper = (index) => {
|
|
105
|
+
dispatch({ type: 'action', action: { action: 'remove', value: value[index] } });
|
|
106
|
+
remove(index);
|
|
107
|
+
};
|
|
108
|
+
const undo = () => {
|
|
109
|
+
push(state.history[state.index - 1].value);
|
|
110
|
+
dispatch({ type: 'undo' });
|
|
111
|
+
};
|
|
112
|
+
const redo = () => {
|
|
113
|
+
remove(value.length - 1);
|
|
114
|
+
dispatch({ type: 'redo' });
|
|
115
|
+
};
|
|
116
|
+
return (_jsxs(Grid, Object.assign({ container: true, spacing: 3 }, GridContainerProps, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 12, className: classes.header }, HeaderGridProps, { children: [label && (_jsx(Typography, Object.assign({ variant: "h6", className: classes.label }, HeaderProps, { children: label }))), _jsx(IconButton, Object.assign({ color: "primary", "aria-label": "undo", component: "span", disabled: state.index === 0, onClick: undo }, UndoButtonProps, { size: "large", children: _jsx(UndoIcon, {}) })), _jsx(IconButton, Object.assign({ color: "primary", "aria-label": "redo", component: "span", disabled: state.index === state.history.length, onClick: redo }, RedoButtonProps, { size: "large", children: _jsx(RedoIcon, {}) })), _jsx(Button, Object.assign({ color: "primary", onClick: pushWrapper, disabled: value.length >= maxItems }, AddButtonProps, { children: combinedButtonLabels.add }))] })), description && (_jsx(Grid, Object.assign({ item: true, xs: 12 }, DescriptionGridProps, { children: _jsx(Typography, Object.assign({ variant: "subtitle1" }, DescriptionProps, { children: description })) }))), _jsx(Grid, Object.assign({ item: true, xs: 12 }, BodyGridProps, { children: value.length <= 0 ? (_jsx(Typography, Object.assign({ variant: "body1", gutterBottom: true, className: classes.centerText }, NoItemsProps, { children: noItemsMessage }))) : (map((name, index) => (_jsx(ArrayItem, { fields: formFields, name: name, fieldIndex: index, remove: removeWrapper, length: value.length, minItems: minItems, removeLabel: combinedButtonLabels.remove, FieldContainerProps: FieldContainerProps, FieldGroupGridProps: FieldGroupGridProps, RemoveButtonGridProps: RemoveButtonGridProps, RemoveButtonProps: RemoveButtonProps }, name)))) })), (isError || submitError) && (_jsx(Grid, Object.assign({ item: true, xs: 12 }, FormHelperTextGridProps, { children: _jsx(FormHelperText, Object.assign({}, FormHelperTextProps, { children: error || submitError })) })))] })));
|
|
117
|
+
} }, rest.input.name) })) })));
|
|
308
118
|
};
|
|
309
|
-
export default DynamicArray;
|
|
119
|
+
export default DynamicArray;
|
|
120
|
+
//# sourceMappingURL=field-array.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-array.js","sourceRoot":"","sources":["../../src/field-array/field-array.tsx"],"names":[],"mappings":"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"}
|
package/esm/field-array/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-array/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { GridProps } from '@mui/material';
|
|
3
|
+
export interface FormFieldGridProps extends Omit<GridProps, 'xs' | 'item'> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const FormFieldGrid: React.FC<FormFieldGridProps>;
|
|
8
|
+
export default FormFieldGrid;
|
|
@@ -1,26 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
13
|
import { styled } from '@mui/material/styles';
|
|
7
|
-
import Grid from
|
|
14
|
+
import { Grid } from '@mui/material';
|
|
8
15
|
import clsx from 'clsx';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
16
|
+
const PREFIX = 'FormFieldGrid';
|
|
17
|
+
const classes = {
|
|
18
|
+
grid: `${PREFIX}-grid`,
|
|
12
19
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
props =
|
|
20
|
-
|
|
21
|
-
xs: 12,
|
|
22
|
-
item: true,
|
|
23
|
-
className: clsx(classes.grid, className)
|
|
24
|
-
}, props), children);
|
|
20
|
+
const StyledGrid = styled(Grid)({
|
|
21
|
+
[`&.${classes.grid}`]: {
|
|
22
|
+
position: 'relative',
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
const FormFieldGrid = (_a) => {
|
|
26
|
+
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
27
|
+
return (_jsx(StyledGrid, Object.assign({ xs: 12, item: true, className: clsx(classes.grid, className) }, props, { children: children })));
|
|
25
28
|
};
|
|
26
|
-
export default FormFieldGrid;
|
|
29
|
+
export default FormFieldGrid;
|
|
30
|
+
//# sourceMappingURL=form-field-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-field-grid.js","sourceRoot":"","sources":["../../src/form-field-grid/form-field-grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,MAAM,GAAG,eAAe,CAAC;AAE/B,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACrB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAOH,MAAM,aAAa,GAAiC,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,QAAQ,EAAE,SAAS,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAAO,OAAA,CACzF,KAAC,UAAU,kBAAC,EAAE,EAAE,EAAE,EAAE,IAAI,QAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK,cACzE,QAAQ,IACE,CACd,CAAA;CAAA,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form-field-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AlertProps, AlertTitleProps } from '@mui/material';
|
|
3
|
+
import type { FormTemplateCommonProps } from '@data-driven-forms/common/form-template';
|
|
4
|
+
interface FormErrorObject {
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
TitleProps?: AlertTitleProps;
|
|
8
|
+
className?: string;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
interface FormErrorProps {
|
|
12
|
+
formError?: string | FormErrorObject;
|
|
13
|
+
alertProps?: AlertProps;
|
|
14
|
+
}
|
|
15
|
+
export declare const FormError: React.FC<FormErrorProps>;
|
|
16
|
+
declare const MuiFormTemplate: React.FC<FormTemplateCommonProps>;
|
|
17
|
+
export default MuiFormTemplate;
|