@data-driven-forms/mui-component-mapper 4.1.13 → 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 +11 -3
- 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 +8 -10
- 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,138 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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";
|
|
12
13
|
import { styled } from '@mui/material/styles';
|
|
13
|
-
import Grid from
|
|
14
|
-
import
|
|
15
|
-
import Typography from "@mui/material/Typography";
|
|
16
|
-
import Alert from "@mui/material/Alert";
|
|
17
|
-
import AlertTitle from "@mui/material/AlertTitle";
|
|
14
|
+
import { Grid, Button as MUIButton, Typography } from '@mui/material';
|
|
15
|
+
import { Alert, AlertTitle } from '@mui/material';
|
|
18
16
|
import FormTemplate from '@data-driven-forms/common/form-template';
|
|
19
17
|
import clsx from 'clsx';
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
const PREFIX = 'MuiFormTemplate';
|
|
19
|
+
const classes = {
|
|
20
|
+
buttonGroup: `${PREFIX}-buttonGroup`,
|
|
23
21
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
GridProps = _ref2.GridProps,
|
|
37
|
-
props = _objectWithoutProperties(_ref2, _excluded);
|
|
38
|
-
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
39
|
-
item: true,
|
|
40
|
-
xs: 12
|
|
41
|
-
}, GridProps), /*#__PURE__*/React.createElement("form", _extends({
|
|
42
|
-
noValidate: true
|
|
43
|
-
}, props), /*#__PURE__*/React.createElement(Grid, _extends({
|
|
44
|
-
container: true,
|
|
45
|
-
rowSpacing: 2,
|
|
46
|
-
item: true,
|
|
47
|
-
xs: 12
|
|
48
|
-
}, GridContainerProps), children)));
|
|
22
|
+
const StyledButtonGroup = styled(Grid)(() => ({
|
|
23
|
+
[`& .${classes.buttonGroup}`]: {
|
|
24
|
+
display: 'flex',
|
|
25
|
+
justifyContent: 'flex-end',
|
|
26
|
+
'&>button:not(last-child)': {
|
|
27
|
+
marginLeft: 8,
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
}));
|
|
31
|
+
const Form = (_a) => {
|
|
32
|
+
var { children, GridContainerProps, GridProps } = _a, props = __rest(_a, ["children", "GridContainerProps", "GridProps"]);
|
|
33
|
+
return (_jsx(Grid, Object.assign({ item: true, xs: 12 }, GridProps, { children: _jsx("form", Object.assign({ noValidate: true }, props, { children: _jsx(Grid, Object.assign({ container: true, rowSpacing: 2, item: true, xs: 12 }, GridContainerProps, { children: children })) })) })));
|
|
49
34
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
54
|
-
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
55
|
-
item: true,
|
|
56
|
-
xs: 12
|
|
57
|
-
}, GridProps), /*#__PURE__*/React.createElement(Typography, _extends({
|
|
58
|
-
variant: "body1",
|
|
59
|
-
gutterBottom: true
|
|
60
|
-
}, props), children));
|
|
35
|
+
const Description = (_a) => {
|
|
36
|
+
var { children, GridProps } = _a, props = __rest(_a, ["children", "GridProps"]);
|
|
37
|
+
return (_jsx(Grid, Object.assign({ item: true, xs: 12 }, GridProps, { children: _jsx(Typography, Object.assign({ variant: "body1", gutterBottom: true }, props, { children: children })) })));
|
|
61
38
|
};
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
props = _objectWithoutProperties(_ref4, _excluded3);
|
|
66
|
-
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
67
|
-
item: true,
|
|
68
|
-
xs: 12
|
|
69
|
-
}, GridProps), /*#__PURE__*/React.createElement(Typography, _extends({
|
|
70
|
-
variant: "h3",
|
|
71
|
-
gutterBottom: true
|
|
72
|
-
}, props), children));
|
|
39
|
+
const Title = (_a) => {
|
|
40
|
+
var { children, GridProps } = _a, props = __rest(_a, ["children", "GridProps"]);
|
|
41
|
+
return (_jsx(Grid, Object.assign({ item: true, xs: 12 }, GridProps, { children: _jsx(Typography, Object.assign({ variant: "h3", gutterBottom: true }, props, { children: children })) })));
|
|
73
42
|
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
props = _objectWithoutProperties(_ref5, _excluded4);
|
|
78
|
-
return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
|
|
79
|
-
item: true,
|
|
80
|
-
xs: 12
|
|
81
|
-
}, GridProps), /*#__PURE__*/React.createElement("div", _extends({
|
|
82
|
-
className: classes.buttonGroup
|
|
83
|
-
}, props), children));
|
|
43
|
+
const ButtonGroup = (_a) => {
|
|
44
|
+
var { children, GridProps } = _a, props = __rest(_a, ["children", "GridProps"]);
|
|
45
|
+
return (_jsx(StyledButtonGroup, Object.assign({ item: true, xs: 12 }, GridProps, { children: _jsx("div", Object.assign({ className: classes.buttonGroup }, props, { children: children })) })));
|
|
84
46
|
};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
children = _ref6.children,
|
|
89
|
-
buttonType = _ref6.buttonType,
|
|
90
|
-
props = _objectWithoutProperties(_ref6, _excluded5);
|
|
91
|
-
return /*#__PURE__*/React.createElement(MUIButton, _extends({
|
|
92
|
-
color: variant,
|
|
93
|
-
variant: "contained"
|
|
94
|
-
}, props), label || children);
|
|
47
|
+
const Button = (_a) => {
|
|
48
|
+
var { label, variant, children, buttonType } = _a, props = __rest(_a, ["label", "variant", "children", "buttonType"]);
|
|
49
|
+
return (_jsx(MUIButton, Object.assign({ color: variant, variant: "contained" }, props, { children: label || children })));
|
|
95
50
|
};
|
|
96
|
-
|
|
97
|
-
return {
|
|
51
|
+
const StyledAlert = styled(Alert)(() => ({
|
|
98
52
|
'& .alert': {
|
|
99
|
-
|
|
100
|
-
|
|
53
|
+
width: '100%',
|
|
54
|
+
margin: 8,
|
|
55
|
+
},
|
|
56
|
+
}));
|
|
57
|
+
export const FormError = ({ formError, alertProps }) => {
|
|
58
|
+
if (typeof formError === 'object' && formError && (formError.title || formError.description)) {
|
|
59
|
+
const { title, description, TitleProps, className } = formError, props = __rest(formError, ["title", "description", "TitleProps", "className"]);
|
|
60
|
+
return (_jsxs(StyledAlert, Object.assign({ severity: "error" }, props, alertProps, { className: clsx('alert', alertProps === null || alertProps === void 0 ? void 0 : alertProps.className, className), children: [title && _jsx(AlertTitle, Object.assign({}, TitleProps, { children: title })), description] })));
|
|
101
61
|
}
|
|
102
|
-
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
alertProps = _ref7.alertProps;
|
|
107
|
-
if (_typeof(formError) === 'object' && (formError.title || formError.title)) {
|
|
108
|
-
var title = formError.title,
|
|
109
|
-
description = formError.description,
|
|
110
|
-
TitleProps = formError.TitleProps,
|
|
111
|
-
className = formError.className,
|
|
112
|
-
props = _objectWithoutProperties(formError, _excluded6);
|
|
113
|
-
return /*#__PURE__*/React.createElement(StyledAlert, _extends({
|
|
114
|
-
severity: "error"
|
|
115
|
-
}, props, alertProps, {
|
|
116
|
-
className: clsx('alert', alertProps === null || alertProps === void 0 ? void 0 : alertProps.className, className)
|
|
117
|
-
}), title && /*#__PURE__*/React.createElement(AlertTitle, TitleProps, title), description);
|
|
118
|
-
}
|
|
119
|
-
if (formError) {
|
|
120
|
-
return /*#__PURE__*/React.createElement(StyledAlert, _extends({
|
|
121
|
-
severity: "error"
|
|
122
|
-
}, alertProps, {
|
|
123
|
-
className: clsx('alert', alertProps === null || alertProps === void 0 ? void 0 : alertProps.className)
|
|
124
|
-
}), formError);
|
|
125
|
-
}
|
|
126
|
-
return null;
|
|
127
|
-
};
|
|
128
|
-
var MuiFormTemplate = function MuiFormTemplate(props) {
|
|
129
|
-
return /*#__PURE__*/React.createElement(FormTemplate, _extends({
|
|
130
|
-
BeforeError: FormError,
|
|
131
|
-
FormWrapper: Form,
|
|
132
|
-
Button: Button,
|
|
133
|
-
ButtonGroup: ButtonGroup,
|
|
134
|
-
Title: Title,
|
|
135
|
-
Description: Description
|
|
136
|
-
}, props));
|
|
62
|
+
if (typeof formError === 'string' && formError) {
|
|
63
|
+
return (_jsx(StyledAlert, Object.assign({ severity: "error" }, alertProps, { className: clsx('alert', alertProps === null || alertProps === void 0 ? void 0 : alertProps.className), children: formError })));
|
|
64
|
+
}
|
|
65
|
+
return null;
|
|
137
66
|
};
|
|
138
|
-
|
|
67
|
+
const MuiFormTemplate = (props) => (_jsx(FormTemplate, Object.assign({ BeforeError: FormError, FormWrapper: Form, Button: Button, ButtonGroup: ButtonGroup, Title: Title, Description: Description }, props)));
|
|
68
|
+
export default MuiFormTemplate;
|
|
69
|
+
//# sourceMappingURL=form-template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-template.js","sourceRoot":"","sources":["../../src/form-template/form-template.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form-template/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}
|
package/esm/index.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { default as componentMapper, components } from './component-mapper';
|
|
2
|
+
export { default as FormTemplate } from './form-template';
|
|
3
|
+
export { default as Checkbox } from './checkbox';
|
|
4
|
+
export { default as DatePicker } from './date-picker';
|
|
5
|
+
export { default as DualListSelect } from './dual-list-select';
|
|
6
|
+
export { default as FieldArray } from './field-array';
|
|
7
|
+
export { default as PlainText } from './plain-text';
|
|
8
|
+
export { default as Radio } from './radio';
|
|
9
|
+
export { default as Select } from './select';
|
|
10
|
+
export { default as Slider } from './slider';
|
|
11
|
+
export { default as SubForm } from './sub-form';
|
|
12
|
+
export { default as Switch } from './switch';
|
|
13
|
+
export { default as Tabs } from './tabs';
|
|
14
|
+
export { default as Textarea } from './textarea';
|
|
15
|
+
export { default as TimePicker } from './time-picker';
|
|
16
|
+
export { default as Wizard } from './wizard';
|
|
17
|
+
export { default as FormFieldGrid } from './form-field-grid';
|
|
18
|
+
export { default as MultipleChoiceList } from './multiple-choice-list';
|
|
19
|
+
export { default as validationError } from './validation-error';
|
|
20
|
+
export type { SelectOption, OptionValue, SelectValue, SelectOptionValue, FlatSelectOption } from '@data-driven-forms/common';
|
|
21
|
+
export type { BaseFieldProps, ComponentMapper } from '@data-driven-forms/react-form-renderer';
|
package/esm/index.js
CHANGED
|
@@ -2,7 +2,7 @@ export { default as componentMapper, components } from './component-mapper';
|
|
|
2
2
|
export { default as FormTemplate } from './form-template';
|
|
3
3
|
export { default as Checkbox } from './checkbox';
|
|
4
4
|
export { default as DatePicker } from './date-picker';
|
|
5
|
-
export { default as
|
|
5
|
+
export { default as DualListSelect } from './dual-list-select';
|
|
6
6
|
export { default as FieldArray } from './field-array';
|
|
7
7
|
export { default as PlainText } from './plain-text';
|
|
8
8
|
export { default as Radio } from './radio';
|
|
@@ -16,4 +16,5 @@ export { default as TimePicker } from './time-picker';
|
|
|
16
16
|
export { default as Wizard } from './wizard';
|
|
17
17
|
export { default as FormFieldGrid } from './form-field-grid';
|
|
18
18
|
export { default as MultipleChoiceList } from './multiple-choice-list';
|
|
19
|
-
export { default as validationError } from './validation-error';
|
|
19
|
+
export { default as validationError } from './validation-error';
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/multiple-choice-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { GridProps, CheckboxProps as MUICheckboxProps, FormControlLabelProps, FormLabelProps, FormGroupProps, FormControlProps, FormHelperTextProps } from '@mui/material';
|
|
2
|
+
import type { MultipleChoiceListProps } from '@data-driven-forms/common';
|
|
3
|
+
import type { OptionValue } from '@data-driven-forms/common';
|
|
4
|
+
export interface MUIMultipleChoiceListProps<T extends OptionValue = OptionValue> extends Omit<MultipleChoiceListProps<T>, 'Wrapper' | 'Checkbox'> {
|
|
5
|
+
FormControlProps?: FormControlProps;
|
|
6
|
+
FormLabelProps?: FormLabelProps;
|
|
7
|
+
FormGroupProps?: FormGroupProps;
|
|
8
|
+
FormHelperTextProps?: FormHelperTextProps;
|
|
9
|
+
FormFieldGridProps?: GridProps;
|
|
10
|
+
FormControlLabelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
|
|
11
|
+
CheckboxProps?: MUICheckboxProps;
|
|
12
|
+
}
|
|
13
|
+
declare const MultipleChoiceList: <T extends OptionValue = OptionValue>({ FormControlProps, FormLabelProps, FormGroupProps, FormHelperTextProps, FormFieldGridProps, FormControlLabelProps, CheckboxProps, name, options, ...props }: MUIMultipleChoiceListProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default MultipleChoiceList;
|
|
@@ -1,97 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
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 { createContext, useContext } from 'react';
|
|
14
|
+
import { Grid, Checkbox, FormControlLabel, FormLabel, FormGroup, FormControl, FormHelperText } from '@mui/material';
|
|
15
|
+
import { MultipleChoiceList as MultipleChoiceListCommon } from '@data-driven-forms/common';
|
|
15
16
|
import { validationError } from '../validation-error/validation-error';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
FormControlLabelProps = _useContext.FormControlLabelProps,
|
|
23
|
-
CheckboxProps = _useContext.CheckboxProps,
|
|
24
|
-
_useContext$props = _useContext.props,
|
|
25
|
-
initialValue = _useContext$props.initialValue,
|
|
26
|
-
isRequired = _useContext$props.isRequired,
|
|
27
|
-
isReadOnly = _useContext$props.isReadOnly,
|
|
28
|
-
helperText = _useContext$props.helperText,
|
|
29
|
-
validate = _useContext$props.validate,
|
|
30
|
-
isDisabled = _useContext$props.isDisabled,
|
|
31
|
-
component = _useContext$props.component,
|
|
32
|
-
props = _objectWithoutProperties(_useContext$props, _excluded2);
|
|
33
|
-
return /*#__PURE__*/React.createElement(FormControlLabel, _extends({}, FormControlLabelProps, {
|
|
34
|
-
control: /*#__PURE__*/React.createElement(Checkbox, _extends({}, rest, props, CheckboxProps, {
|
|
35
|
-
disabled: isDisabled
|
|
36
|
-
}), label),
|
|
37
|
-
label: label
|
|
38
|
-
}));
|
|
17
|
+
const CheckboxContext = createContext({
|
|
18
|
+
props: {},
|
|
19
|
+
});
|
|
20
|
+
const FinalCheckbox = ({ label, isDisabled: _isDisabled, checked, onChange, value }) => {
|
|
21
|
+
const { FormControlLabelProps, CheckboxProps, props: { isDisabled }, } = useContext(CheckboxContext);
|
|
22
|
+
return (_jsx(FormControlLabel, Object.assign({}, FormControlLabelProps, { control: _jsx(Checkbox, Object.assign({ checked: checked, onChange: () => onChange && onChange(value), disabled: isDisabled }, CheckboxProps)), label: label })));
|
|
39
23
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
children
|
|
44
|
-
meta = _ref2.meta,
|
|
45
|
-
validateOnMount = _ref2.validateOnMount,
|
|
46
|
-
helperText = _ref2.helperText,
|
|
47
|
-
description = _ref2.description;
|
|
48
|
-
var invalid = validationError(meta, validateOnMount);
|
|
49
|
-
var _useContext2 = useContext(CheckboxContext),
|
|
50
|
-
FormFieldGridProps = _useContext2.FormFieldGridProps,
|
|
51
|
-
FormControlProps = _useContext2.FormControlProps,
|
|
52
|
-
FormLabelProps = _useContext2.FormLabelProps,
|
|
53
|
-
FormGroupProps = _useContext2.FormGroupProps,
|
|
54
|
-
FormHelperTextProps = _useContext2.FormHelperTextProps;
|
|
55
|
-
return /*#__PURE__*/React.createElement(Grid, _extends({
|
|
56
|
-
container: true,
|
|
57
|
-
item: true,
|
|
58
|
-
xs: 12
|
|
59
|
-
}, FormFieldGridProps), /*#__PURE__*/React.createElement(FormControl, _extends({
|
|
60
|
-
required: isRequired,
|
|
61
|
-
error: !!invalid,
|
|
62
|
-
component: "fieldset"
|
|
63
|
-
}, FormControlProps), /*#__PURE__*/React.createElement(FormLabel, FormLabelProps, label), /*#__PURE__*/React.createElement(FormGroup, FormGroupProps, children), (invalid || helperText || description) && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, invalid || helperText || description)));
|
|
24
|
+
const Wrapper = ({ label, isRequired, children, meta, validateOnMount, helperText, description }) => {
|
|
25
|
+
const invalid = validationError(meta, validateOnMount);
|
|
26
|
+
const { FormFieldGridProps, FormControlProps, FormLabelProps, FormGroupProps, FormHelperTextProps } = useContext(CheckboxContext);
|
|
27
|
+
return (_jsx(Grid, Object.assign({ container: true, item: true, xs: 12 }, FormFieldGridProps, { children: _jsxs(FormControl, Object.assign({ required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: [_jsx(FormLabel, Object.assign({}, FormLabelProps, { children: label })), _jsx(FormGroup, Object.assign({}, FormGroupProps, { children: children })), (invalid || helperText || description) && _jsx(FormHelperText, Object.assign({}, FormHelperTextProps, { children: invalid || helperText || description }))] })) })));
|
|
64
28
|
};
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
FormControlLabelProps = _ref3$FormControlLabe === void 0 ? {} : _ref3$FormControlLabe,
|
|
78
|
-
_ref3$CheckboxProps = _ref3.CheckboxProps,
|
|
79
|
-
CheckboxProps = _ref3$CheckboxProps === void 0 ? {} : _ref3$CheckboxProps,
|
|
80
|
-
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
81
|
-
return /*#__PURE__*/React.createElement(CheckboxContext.Provider, {
|
|
82
|
-
value: {
|
|
83
|
-
FormControlProps: FormControlProps,
|
|
84
|
-
FormLabelProps: FormLabelProps,
|
|
85
|
-
FormGroupProps: FormGroupProps,
|
|
86
|
-
FormHelperTextProps: FormHelperTextProps,
|
|
87
|
-
FormFieldGridProps: FormFieldGridProps,
|
|
88
|
-
FormControlLabelProps: FormControlLabelProps,
|
|
89
|
-
CheckboxProps: CheckboxProps,
|
|
90
|
-
props: props
|
|
91
|
-
}
|
|
92
|
-
}, /*#__PURE__*/React.createElement(MultipleChoiceListCommon, _extends({}, props, {
|
|
93
|
-
Wrapper: Wrapper,
|
|
94
|
-
Checkbox: FinalCheckbox
|
|
95
|
-
})));
|
|
29
|
+
const MultipleChoiceList = (_a) => {
|
|
30
|
+
var { FormControlProps = {}, FormLabelProps = {}, FormGroupProps = {}, FormHelperTextProps = {}, FormFieldGridProps = {}, FormControlLabelProps = {}, CheckboxProps = {}, name, options } = _a, props = __rest(_a, ["FormControlProps", "FormLabelProps", "FormGroupProps", "FormHelperTextProps", "FormFieldGridProps", "FormControlLabelProps", "CheckboxProps", "name", "options"]);
|
|
31
|
+
return (_jsx(CheckboxContext.Provider, { value: {
|
|
32
|
+
FormControlProps,
|
|
33
|
+
FormLabelProps,
|
|
34
|
+
FormGroupProps,
|
|
35
|
+
FormHelperTextProps,
|
|
36
|
+
FormFieldGridProps,
|
|
37
|
+
FormControlLabelProps,
|
|
38
|
+
CheckboxProps,
|
|
39
|
+
props,
|
|
40
|
+
}, children: _jsx(MultipleChoiceListCommon, Object.assign({ name: name, options: options }, props, { Wrapper: Wrapper, Checkbox: FinalCheckbox })) }));
|
|
96
41
|
};
|
|
97
|
-
export default MultipleChoiceList;
|
|
42
|
+
export default MultipleChoiceList;
|
|
43
|
+
//# sourceMappingURL=multiple-choice-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multiple-choice-list.js","sourceRoot":"","sources":["../../src/multiple-choice-list/multiple-choice-list.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAWpH,OAAO,EAAE,kBAAkB,IAAI,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG3F,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAcvE,MAAM,eAAe,GAAG,aAAa,CAAuB;IAC1D,KAAK,EAAE,EAAE;CACV,CAAC,CAAC;AAMH,MAAM,aAAa,GAAG,CAAsC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAyB,EAAE,EAAE;IACjJ,MAAM,EACJ,qBAAqB,EACrB,aAAa,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,GACtB,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,gBAAgB,oBACX,qBAAqB,IACzB,OAAO,EAAE,KAAC,QAAQ,kBAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,IAAM,aAAa,EAAI,EAC7H,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,OAAO,GAA2B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1H,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACvD,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAElI,OAAO,CACL,KAAC,IAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,EAAE,IAAM,kBAAkB,cACjD,MAAC,WAAW,kBAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,UAAU,IAAK,gBAAgB,eAC5F,KAAC,SAAS,oBAAK,cAAc,cAAG,KAAK,IAAa,EAClD,KAAC,SAAS,oBAAK,cAAc,cAAG,QAAQ,IAAa,EACpD,CAAC,OAAO,IAAI,UAAU,IAAI,WAAW,CAAC,IAAI,KAAC,cAAc,oBAAK,mBAAmB,cAAG,OAAO,IAAI,UAAU,IAAI,WAAW,IAAkB,KAC/H,IACT,CACR,CAAC;AACJ,CAAC,CAAC;AAYF,MAAM,kBAAkB,GAAG,CAAsC,EAWjC,EAAE,EAAE;QAX6B,EAC/D,gBAAgB,GAAG,EAAE,EACrB,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,EAAE,EACnB,mBAAmB,GAAG,EAAE,EACxB,kBAAkB,GAAG,EAAE,EACvB,qBAAqB,GAAG,EAAE,EAC1B,aAAa,GAAG,EAAE,EAClB,IAAI,EACJ,OAAO,OAEuB,EAD3B,KAAK,cAVuD,kKAWhE,CADS;IAC2B,OAAA,CACnC,KAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,gBAAgB;YAChB,cAAc;YACd,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,qBAAqB;YACrB,aAAa;YACb,KAAK;SACN,YAED,KAAC,wBAAwB,kBAAI,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,IAAI,GAC1F,CAC5B,CAAA;CAAA,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
package/esm/plain-text/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/plain-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TypographyProps } from '@mui/material';
|
|
3
|
+
export interface PlainTextProps extends Omit<TypographyProps, 'variant'> {
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
name?: string;
|
|
6
|
+
component?: React.ElementType;
|
|
7
|
+
element?: React.ElementType;
|
|
8
|
+
variant?: TypographyProps['variant'];
|
|
9
|
+
gutterBottom?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const PlainText: React.FC<PlainTextProps>;
|
|
12
|
+
export default PlainText;
|
|
@@ -1,28 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
_ref$variant = _ref.variant,
|
|
12
|
-
variant = _ref$variant === void 0 ? 'body1' : _ref$variant,
|
|
13
|
-
_ref$gutterBottom = _ref.gutterBottom,
|
|
14
|
-
gutterBottom = _ref$gutterBottom === void 0 ? true : _ref$gutterBottom,
|
|
15
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
-
return typeof label === 'string' ? label.split('\n').map(function (paragraph, index) {
|
|
17
|
-
return /*#__PURE__*/React.createElement(Typography, _extends({
|
|
18
|
-
key: "".concat(index, "-").concat(name),
|
|
19
|
-
variant: variant,
|
|
20
|
-
gutterBottom: gutterBottom
|
|
21
|
-
}, props, element && {
|
|
22
|
-
component: element
|
|
23
|
-
}), paragraph);
|
|
24
|
-
}) : /*#__PURE__*/React.createElement(Typography, _extends({}, props, element && {
|
|
25
|
-
component: element
|
|
26
|
-
}), label);
|
|
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;
|
|
27
11
|
};
|
|
28
|
-
|
|
12
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
|
+
import { Typography } from '@mui/material';
|
|
14
|
+
const PlainText = (_a) => {
|
|
15
|
+
var { label, name, component, element, variant = 'body1', gutterBottom = true } = _a, props = __rest(_a, ["label", "name", "component", "element", "variant", "gutterBottom"]);
|
|
16
|
+
return typeof label === 'string' ? (_jsx(_Fragment, { children: label.split('\n').map((paragraph, index) => (_jsx(Typography, Object.assign({ variant: variant, gutterBottom: gutterBottom }, props, (element && { component: element }), { children: paragraph }), `${index}-${name}`))) })) : (_jsx(Typography, Object.assign({}, props, (element && { component: element }), { children: label })));
|
|
17
|
+
};
|
|
18
|
+
export default PlainText;
|
|
19
|
+
//# sourceMappingURL=plain-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plain-text.js","sourceRoot":"","sources":["../../src/plain-text/plain-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAY3C,MAAM,SAAS,GAA6B,CAAC,EAAqF,EAAE,EAAE;QAAzF,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,YAAY,GAAG,IAAI,OAAY,EAAP,KAAK,cAAnF,oEAAqF,CAAF;IAC9H,OAAA,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,4BACG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,KAAC,UAAU,kBAA0B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAM,KAAK,EAAM,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,cAClI,SAAS,KADK,GAAG,KAAK,IAAI,IAAI,EAAE,CAEtB,CACd,CAAC,GACD,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,oBAAK,KAAK,EAAM,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,cAC3D,KAAK,IACK,CACd,CAAA;CAAA,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|
package/esm/radio/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { FormControlLabelProps, FormControlProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
|
|
2
|
+
import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
|
|
3
|
+
import type { SelectOption, OptionValue } from '@data-driven-forms/common';
|
|
4
|
+
import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
|
|
5
|
+
export interface RadioProps<T = OptionValue> extends BaseFieldProps {
|
|
6
|
+
options: SelectOption<T>[];
|
|
7
|
+
FormFieldGridProps?: FormFieldGridProps;
|
|
8
|
+
FormControlProps?: FormControlProps;
|
|
9
|
+
FormLabelProps?: FormLabelProps;
|
|
10
|
+
FormHelperTextProps?: FormHelperTextProps;
|
|
11
|
+
FormControlLabelProps?: FormControlLabelProps;
|
|
12
|
+
RadioProps?: {
|
|
13
|
+
inputProps?: Record<string, any>;
|
|
14
|
+
[key: string]: any;
|
|
15
|
+
};
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
}
|
|
18
|
+
declare function Radio<T = OptionValue>({ name, ...props }: RadioProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default Radio;
|