@data-driven-forms/mui-component-mapper 4.1.4 → 4.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
package/wizard/step-buttons.js
CHANGED
|
@@ -1,32 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _styles = require("@mui/material/styles");
|
|
19
|
-
|
|
20
13
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
21
|
-
|
|
22
14
|
var _selectNext = _interopRequireDefault(require("@data-driven-forms/common/wizard/select-next"));
|
|
23
|
-
|
|
24
15
|
var _formSpy = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/form-spy"));
|
|
25
|
-
|
|
26
16
|
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
27
|
-
|
|
28
17
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
29
|
-
|
|
30
18
|
var _excluded = ["buttons"];
|
|
31
19
|
var PREFIX = 'WizardStepButtons';
|
|
32
20
|
var classes = {
|
|
@@ -36,30 +24,27 @@ var classes = {
|
|
|
36
24
|
buttonsContainer: "".concat(PREFIX, "-buttonsContainer")
|
|
37
25
|
};
|
|
38
26
|
var StyledGrid = (0, _styles.styled)(_Grid["default"])(function () {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return _ref = {}, (0, _defineProperty2["default"])(_ref, "& .".concat(classes.wizardBody), {
|
|
27
|
+
return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "& .".concat(classes.wizardBody), {
|
|
42
28
|
padding: 24,
|
|
43
29
|
margin: 0
|
|
44
|
-
}),
|
|
30
|
+
}), "& .".concat(classes.buttons), {
|
|
45
31
|
display: 'flex',
|
|
46
32
|
justifyContent: 'flex-end'
|
|
47
|
-
}),
|
|
33
|
+
}), "& .".concat(classes.button), {
|
|
48
34
|
marginRight: 16
|
|
49
|
-
}),
|
|
35
|
+
}), "&.".concat(classes.buttonsContainer), {
|
|
50
36
|
marginTop: 36
|
|
51
|
-
})
|
|
37
|
+
});
|
|
52
38
|
});
|
|
53
|
-
|
|
54
39
|
var NextButton = function NextButton(_ref2) {
|
|
55
40
|
var nextStep = _ref2.nextStep,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
41
|
+
valid = _ref2.valid,
|
|
42
|
+
handleNext = _ref2.handleNext,
|
|
43
|
+
nextLabel = _ref2.nextLabel,
|
|
44
|
+
getState = _ref2.getState,
|
|
45
|
+
handleSubmit = _ref2.handleSubmit,
|
|
46
|
+
submitLabel = _ref2.submitLabel,
|
|
47
|
+
conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
|
|
63
48
|
var nextResult = nextStep ? (0, _selectNext["default"])(nextStep, getState) : nextStep;
|
|
64
49
|
var progressNext = nextResult !== conditionalSubmitFlag && nextStep;
|
|
65
50
|
return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
@@ -71,30 +56,27 @@ var NextButton = function NextButton(_ref2) {
|
|
|
71
56
|
}
|
|
72
57
|
}, progressNext ? nextLabel : submitLabel);
|
|
73
58
|
};
|
|
74
|
-
|
|
75
59
|
var WizardStepButtons = function WizardStepButtons(_ref3) {
|
|
76
60
|
var Buttons = _ref3.buttons,
|
|
77
|
-
|
|
78
|
-
|
|
61
|
+
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
|
|
79
62
|
if (Buttons) {
|
|
80
63
|
return /*#__PURE__*/_react["default"].createElement(Buttons, (0, _extends2["default"])({
|
|
81
64
|
classes: classes
|
|
82
65
|
}, props));
|
|
83
66
|
}
|
|
84
|
-
|
|
85
67
|
var disableBack = props.disableBack,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
68
|
+
handlePrev = props.handlePrev,
|
|
69
|
+
nextStep = props.nextStep,
|
|
70
|
+
handleNext = props.handleNext,
|
|
71
|
+
_props$buttonLabels = props.buttonLabels,
|
|
72
|
+
cancel = _props$buttonLabels.cancel,
|
|
73
|
+
submit = _props$buttonLabels.submit,
|
|
74
|
+
back = _props$buttonLabels.back,
|
|
75
|
+
next = _props$buttonLabels.next,
|
|
76
|
+
formOptions = props.formOptions,
|
|
77
|
+
_props$ButtonContaine = props.ButtonContainerProps,
|
|
78
|
+
ButtonContainerProps = _props$ButtonContaine === void 0 ? {} : _props$ButtonContaine,
|
|
79
|
+
conditionalSubmitFlag = props.conditionalSubmitFlag;
|
|
98
80
|
return /*#__PURE__*/_react["default"].createElement(StyledGrid, (0, _extends2["default"])({
|
|
99
81
|
container: true,
|
|
100
82
|
direction: "row",
|
|
@@ -133,6 +115,4 @@ var WizardStepButtons = function WizardStepButtons(_ref3) {
|
|
|
133
115
|
}))));
|
|
134
116
|
}));
|
|
135
117
|
};
|
|
136
|
-
|
|
137
|
-
var _default = WizardStepButtons;
|
|
138
|
-
exports["default"] = _default;
|
|
118
|
+
var _default = exports["default"] = WizardStepButtons;
|
package/wizard/wizard-nav.js
CHANGED
|
@@ -1,28 +1,18 @@
|
|
|
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 _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
|
|
21
|
-
|
|
22
14
|
var _Step = _interopRequireDefault(require("@mui/material/Step"));
|
|
23
|
-
|
|
24
15
|
var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
|
|
25
|
-
|
|
26
16
|
var PREFIX = 'WizardNav';
|
|
27
17
|
var classes = {
|
|
28
18
|
stepper: "".concat(PREFIX, "-stepper")
|
|
@@ -32,25 +22,22 @@ var StyledStepper = (0, _styles.styled)(_Stepper["default"])(function () {
|
|
|
32
22
|
width: '100%'
|
|
33
23
|
});
|
|
34
24
|
});
|
|
35
|
-
|
|
36
25
|
var WizardNav = function WizardNav(_ref2) {
|
|
37
26
|
var _ref2$StepperProps = _ref2.StepperProps,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
27
|
+
StepperProps = _ref2$StepperProps === void 0 ? {} : _ref2$StepperProps,
|
|
28
|
+
stepsInfo = _ref2.stepsInfo,
|
|
29
|
+
activeStepIndex = _ref2.activeStepIndex;
|
|
41
30
|
return /*#__PURE__*/_react["default"].createElement(StyledStepper, (0, _extends2["default"])({}, StepperProps, {
|
|
42
31
|
className: (0, _clsx["default"])(classes.stepper, StepperProps.className),
|
|
43
32
|
activeStep: activeStepIndex
|
|
44
33
|
}), stepsInfo.map(function (_ref3, idx) {
|
|
45
34
|
var title = _ref3.title,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
35
|
+
label = _ref3.label,
|
|
36
|
+
StepLabelProps = _ref3.StepLabelProps,
|
|
37
|
+
StepProps = _ref3.StepProps;
|
|
49
38
|
return /*#__PURE__*/_react["default"].createElement(_Step["default"], (0, _extends2["default"])({}, StepProps, {
|
|
50
39
|
key: idx
|
|
51
40
|
}), /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], StepLabelProps, title || label));
|
|
52
41
|
}));
|
|
53
42
|
};
|
|
54
|
-
|
|
55
|
-
var _default = WizardNav;
|
|
56
|
-
exports["default"] = _default;
|
|
43
|
+
var _default = exports["default"] = WizardNav;
|
package/wizard/wizard.js
CHANGED
|
@@ -1,42 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _styles = require("@mui/material/styles");
|
|
19
|
-
|
|
20
13
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
21
|
-
|
|
22
14
|
var _wizardContext = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/wizard-context"));
|
|
23
|
-
|
|
24
15
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
25
|
-
|
|
26
16
|
var _wizard = _interopRequireDefault(require("@data-driven-forms/common/wizard"));
|
|
27
|
-
|
|
28
17
|
var _wizardNav = _interopRequireDefault(require("./wizard-nav"));
|
|
29
|
-
|
|
30
18
|
var _stepButtons = _interopRequireDefault(require("./step-buttons"));
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
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; }
|
|
35
|
-
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
21
|
+
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; }
|
|
40
22
|
var PREFIX = 'MuiWizard';
|
|
41
23
|
var classes = {
|
|
42
24
|
wizardBody: "".concat(PREFIX, "-wizardBody")
|
|
@@ -47,33 +29,29 @@ var StyledWizard = (0, _styles.styled)(_Grid["default"])(function () {
|
|
|
47
29
|
margin: 0
|
|
48
30
|
});
|
|
49
31
|
});
|
|
50
|
-
|
|
51
32
|
var WizardInternal = function WizardInternal(_ref2) {
|
|
52
33
|
var buttonLabels = _ref2.buttonLabels,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
34
|
+
stepsInfo = _ref2.stepsInfo,
|
|
35
|
+
ButtonContainerProps = _ref2.ButtonContainerProps,
|
|
36
|
+
StepperProps = _ref2.StepperProps,
|
|
37
|
+
_ref2$WizardBodyProps = _ref2.WizardBodyProps,
|
|
38
|
+
WizardBodyProps = _ref2$WizardBodyProps === void 0 ? {} : _ref2$WizardBodyProps,
|
|
39
|
+
WizardProps = _ref2.WizardProps,
|
|
40
|
+
conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
|
|
61
41
|
var _useContext = (0, _react.useContext)(_wizardContext["default"]),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
42
|
+
formOptions = _useContext.formOptions,
|
|
43
|
+
currentStep = _useContext.currentStep,
|
|
44
|
+
handlePrev = _useContext.handlePrev,
|
|
45
|
+
onKeyDown = _useContext.onKeyDown,
|
|
46
|
+
handleNext = _useContext.handleNext,
|
|
47
|
+
activeStepIndex = _useContext.activeStepIndex,
|
|
48
|
+
prevSteps = _useContext.prevSteps;
|
|
70
49
|
var buttonLabelsFinal = _objectSpread({
|
|
71
50
|
next: 'Continue',
|
|
72
51
|
submit: 'Submit',
|
|
73
52
|
cancel: 'Cancel',
|
|
74
53
|
back: 'Back'
|
|
75
54
|
}, buttonLabels);
|
|
76
|
-
|
|
77
55
|
return /*#__PURE__*/_react["default"].createElement(StyledWizard, (0, _extends2["default"])({
|
|
78
56
|
container: true
|
|
79
57
|
}, WizardProps, {
|
|
@@ -99,12 +77,9 @@ var WizardInternal = function WizardInternal(_ref2) {
|
|
|
99
77
|
ButtonContainerProps: ButtonContainerProps
|
|
100
78
|
}))));
|
|
101
79
|
};
|
|
102
|
-
|
|
103
80
|
var MuiWizard = function MuiWizard(props) {
|
|
104
81
|
return /*#__PURE__*/_react["default"].createElement(_wizard["default"], (0, _extends2["default"])({
|
|
105
82
|
Wizard: WizardInternal
|
|
106
83
|
}, props));
|
|
107
84
|
};
|
|
108
|
-
|
|
109
|
-
var _default = MuiWizard;
|
|
110
|
-
exports["default"] = _default;
|
|
85
|
+
var _default = exports["default"] = MuiWizard;
|
package/tsconfig.json
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"sourceMap": true,
|
|
4
|
-
"module": "esnext",
|
|
5
|
-
"moduleResolution": "node",
|
|
6
|
-
"target": "es5",
|
|
7
|
-
"lib": ["es6", "dom"],
|
|
8
|
-
"jsx": "preserve",
|
|
9
|
-
"allowSyntheticDefaultImports": true,
|
|
10
|
-
"noErrorTruncation": true,
|
|
11
|
-
"allowJs": true,
|
|
12
|
-
"strict": true,
|
|
13
|
-
"noEmit": true
|
|
14
|
-
},
|
|
15
|
-
"include": ["./src/**/*.ts", "./src/**/*.tsx", "./src/**/*.js"],
|
|
16
|
-
"exclude": ["./dist"]
|
|
17
|
-
}
|