@data-driven-forms/carbon-component-mapper 4.1.4 → 4.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/checkbox/checkbox.js +31 -56
- package/checkbox/index.js +1 -7
- package/component-mapper/component-mapper.js +4 -26
- package/component-mapper/index.js +1 -7
- package/date-picker/date-picker.js +10 -23
- package/date-picker/index.js +1 -7
- package/dual-list-select/dual-list-select.js +112 -139
- package/dual-list-select/index.js +1 -7
- package/esm/checkbox/checkbox.js +29 -40
- package/esm/component-mapper/component-mapper.js +1 -3
- package/esm/date-picker/date-picker.js +9 -12
- package/esm/dual-list-select/dual-list-select.js +111 -127
- package/esm/field-array/field-array.js +43 -55
- package/esm/form-template/form-template.js +15 -25
- package/esm/helper-text-block/helper-text-block.js +3 -10
- package/esm/is-required/is-required.js +1 -5
- package/esm/plain-text/plain-text.js +6 -12
- package/esm/prepare-props/prepare-props.js +8 -14
- package/esm/radio/radio.js +11 -15
- package/esm/select/select.js +92 -112
- package/esm/slider/slider.js +7 -10
- package/esm/sub-form/sub-form.js +12 -17
- package/esm/switch/switch.js +16 -24
- package/esm/tabs/tabs.js +11 -17
- package/esm/text-field/text-field.js +5 -10
- package/esm/textarea/textarea.js +5 -8
- package/esm/time-picker/time-picker.js +1 -4
- package/esm/time-picker-base/time-picker-base.js +16 -20
- package/esm/time-picker-date/time-picker-date.js +34 -52
- package/esm/time-picker-string/time-picker-string.js +21 -30
- package/esm/with-description/with-description.js +2 -6
- package/esm/wizard/wizard.js +41 -62
- package/field-array/field-array.js +45 -75
- package/field-array/index.js +1 -7
- package/form-template/form-template.js +22 -57
- package/form-template/index.js +1 -7
- package/helper-text-block/helper-text-block.js +4 -16
- package/helper-text-block/index.js +1 -7
- package/index.js +1 -23
- package/is-required/index.js +1 -7
- package/is-required/is-required.js +2 -11
- package/package.json +3 -3
- package/plain-text/index.js +1 -7
- package/plain-text/plain-text.js +7 -17
- package/prepare-props/index.js +1 -7
- package/prepare-props/prepare-props.js +10 -25
- package/radio/index.js +1 -7
- package/radio/radio.js +12 -26
- package/select/index.js +1 -7
- package/select/select.js +95 -130
- package/slider/index.js +1 -7
- package/slider/slider.js +8 -21
- package/sub-form/index.js +1 -7
- package/sub-form/sub-form.js +13 -26
- package/switch/index.js +1 -7
- package/switch/switch.js +17 -33
- package/tabs/index.js +1 -7
- package/tabs/tabs.js +12 -26
- package/text-field/index.js +1 -7
- package/text-field/text-field.js +6 -20
- package/textarea/index.js +1 -7
- package/textarea/textarea.js +6 -18
- package/time-picker/index.js +1 -7
- package/time-picker/time-picker.js +2 -11
- package/time-picker-base/index.js +1 -7
- package/time-picker-base/time-picker-base.js +17 -27
- package/time-picker-date/index.js +1 -7
- package/time-picker-date/time-picker-date.js +36 -68
- package/time-picker-string/index.js +1 -7
- package/time-picker-string/time-picker-string.js +23 -46
- package/with-description/index.js +1 -7
- package/with-description/with-description.js +3 -14
- package/wizard/index.js +1 -7
- package/wizard/wizard.js +43 -81
package/wizard/wizard.js
CHANGED
|
@@ -1,46 +1,27 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
21
|
-
|
|
22
14
|
var _reactJssCjs = require("react-jss/dist/react-jss.cjs.js");
|
|
23
|
-
|
|
24
15
|
var _wizard = _interopRequireDefault(require("@data-driven-forms/common/wizard/wizard"));
|
|
25
|
-
|
|
26
16
|
var _formSpy = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/form-spy"));
|
|
27
|
-
|
|
28
17
|
var _wizardContext = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/wizard-context"));
|
|
29
|
-
|
|
30
18
|
var _react2 = require("@carbon/react");
|
|
31
|
-
|
|
32
19
|
var _excluded = ["stepsInfo", "jumpToStep"],
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
20
|
+
_excluded2 = ["title"],
|
|
21
|
+
_excluded3 = ["stepsInfo", "buttonLabels", "ButtonSetProps", "BackButtonProps", "NextButtonProps", "SubmitButtonProps", "ProgressIndicatorProps", "vertical", "WizardBodyProps", "conditionalSubmitFlag"];
|
|
22
|
+
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); }
|
|
23
|
+
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; }
|
|
24
|
+
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; }
|
|
44
25
|
var useStyles = (0, _reactJssCjs.createUseStyles)({
|
|
45
26
|
horizontalNav: {
|
|
46
27
|
marginBottom: 48
|
|
@@ -56,15 +37,12 @@ var useStyles = (0, _reactJssCjs.createUseStyles)({
|
|
|
56
37
|
}
|
|
57
38
|
}
|
|
58
39
|
});
|
|
59
|
-
|
|
60
40
|
var WizardNav = function WizardNav(_ref) {
|
|
61
41
|
var stepsInfo = _ref.stepsInfo,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
42
|
+
jumpToStep = _ref.jumpToStep,
|
|
43
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
65
44
|
var _useStyles = useStyles(),
|
|
66
|
-
|
|
67
|
-
|
|
45
|
+
horizontalNav = _useStyles.horizontalNav;
|
|
68
46
|
return /*#__PURE__*/_react["default"].createElement(_react2.ProgressIndicator, (0, _extends2["default"])({
|
|
69
47
|
onChange: function onChange(index) {
|
|
70
48
|
return props.currentIndex > index ? jumpToStep(index, true) : undefined;
|
|
@@ -73,7 +51,7 @@ var WizardNav = function WizardNav(_ref) {
|
|
|
73
51
|
className: (0, _clsx["default"])(horizontalNav, props.className)
|
|
74
52
|
}), stepsInfo.map(function (_ref2, index) {
|
|
75
53
|
var title = _ref2.title,
|
|
76
|
-
|
|
54
|
+
step = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
77
55
|
return /*#__PURE__*/_react["default"].createElement(_react2.ProgressStep, (0, _extends2["default"])({
|
|
78
56
|
key: index,
|
|
79
57
|
label: title,
|
|
@@ -81,34 +59,27 @@ var WizardNav = function WizardNav(_ref) {
|
|
|
81
59
|
}, step));
|
|
82
60
|
}));
|
|
83
61
|
};
|
|
84
|
-
|
|
85
62
|
var defaultLabels = {
|
|
86
63
|
submit: 'Submit',
|
|
87
64
|
back: 'Back',
|
|
88
65
|
next: 'Next'
|
|
89
66
|
};
|
|
90
|
-
|
|
91
67
|
var Layout = function Layout(_ref3) {
|
|
92
68
|
var nav = _ref3.nav,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
69
|
+
fields = _ref3.fields,
|
|
70
|
+
WizardBodyProps = _ref3.WizardBodyProps;
|
|
96
71
|
var _useStyles2 = useStyles(),
|
|
97
|
-
|
|
98
|
-
|
|
72
|
+
body = _useStyles2.body;
|
|
99
73
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, nav, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, WizardBodyProps, {
|
|
100
74
|
className: (0, _clsx["default"])(body, WizardBodyProps === null || WizardBodyProps === void 0 ? void 0 : WizardBodyProps.className)
|
|
101
75
|
}), fields));
|
|
102
76
|
};
|
|
103
|
-
|
|
104
77
|
var VerticalLayout = function VerticalLayout(_ref4) {
|
|
105
78
|
var nav = _ref4.nav,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
79
|
+
fields = _ref4.fields,
|
|
80
|
+
WizardBodyProps = _ref4.WizardBodyProps;
|
|
109
81
|
var _useStyles3 = useStyles(),
|
|
110
|
-
|
|
111
|
-
|
|
82
|
+
body = _useStyles3.body;
|
|
112
83
|
return /*#__PURE__*/_react["default"].createElement(_react2.Grid, {
|
|
113
84
|
narrow: true
|
|
114
85
|
}, /*#__PURE__*/_react["default"].createElement(_react2.Column, {
|
|
@@ -123,48 +94,42 @@ var VerticalLayout = function VerticalLayout(_ref4) {
|
|
|
123
94
|
className: (0, _clsx["default"])(body, WizardBodyProps === null || WizardBodyProps === void 0 ? void 0 : WizardBodyProps.className)
|
|
124
95
|
}), fields));
|
|
125
96
|
};
|
|
126
|
-
|
|
127
97
|
var WizardInternal = function WizardInternal(_ref5) {
|
|
128
98
|
var stepsInfo = _ref5.stepsInfo,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
99
|
+
buttonLabels = _ref5.buttonLabels,
|
|
100
|
+
_ref5$ButtonSetProps = _ref5.ButtonSetProps,
|
|
101
|
+
ButtonSetProps = _ref5$ButtonSetProps === void 0 ? {} : _ref5$ButtonSetProps,
|
|
102
|
+
_ref5$BackButtonProps = _ref5.BackButtonProps,
|
|
103
|
+
BackButtonProps = _ref5$BackButtonProps === void 0 ? {} : _ref5$BackButtonProps,
|
|
104
|
+
_ref5$NextButtonProps = _ref5.NextButtonProps,
|
|
105
|
+
NextButtonProps = _ref5$NextButtonProps === void 0 ? {} : _ref5$NextButtonProps,
|
|
106
|
+
_ref5$SubmitButtonPro = _ref5.SubmitButtonProps,
|
|
107
|
+
SubmitButtonProps = _ref5$SubmitButtonPro === void 0 ? {} : _ref5$SubmitButtonPro,
|
|
108
|
+
_ref5$ProgressIndicat = _ref5.ProgressIndicatorProps,
|
|
109
|
+
ProgressIndicatorProps = _ref5$ProgressIndicat === void 0 ? {} : _ref5$ProgressIndicat,
|
|
110
|
+
vertical = _ref5.vertical,
|
|
111
|
+
_ref5$WizardBodyProps = _ref5.WizardBodyProps,
|
|
112
|
+
WizardBodyProps = _ref5$WizardBodyProps === void 0 ? {} : _ref5$WizardBodyProps,
|
|
113
|
+
conditionalSubmitFlag = _ref5.conditionalSubmitFlag,
|
|
114
|
+
props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded3);
|
|
146
115
|
var _useContext = (0, _react.useContext)(_wizardContext["default"]),
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
116
|
+
formOptions = _useContext.formOptions,
|
|
117
|
+
currentStep = _useContext.currentStep,
|
|
118
|
+
handlePrev = _useContext.handlePrev,
|
|
119
|
+
onKeyDown = _useContext.onKeyDown,
|
|
120
|
+
handleNext = _useContext.handleNext,
|
|
121
|
+
activeStepIndex = _useContext.activeStepIndex,
|
|
122
|
+
selectNext = _useContext.selectNext,
|
|
123
|
+
jumpToStep = _useContext.jumpToStep;
|
|
156
124
|
var _useStyles4 = useStyles(),
|
|
157
|
-
|
|
158
|
-
|
|
125
|
+
buttonSet = _useStyles4.buttonSet;
|
|
159
126
|
var finalButtoLabels = _objectSpread(_objectSpread({}, defaultLabels), buttonLabels);
|
|
160
|
-
|
|
161
127
|
var nav = stepsInfo && /*#__PURE__*/_react["default"].createElement(WizardNav, (0, _extends2["default"])({
|
|
162
128
|
vertical: vertical,
|
|
163
129
|
stepsInfo: stepsInfo,
|
|
164
130
|
currentIndex: activeStepIndex,
|
|
165
131
|
jumpToStep: jumpToStep
|
|
166
132
|
}, ProgressIndicatorProps));
|
|
167
|
-
|
|
168
133
|
var fields = currentStep.fields.map(function (item) {
|
|
169
134
|
return formOptions.renderForm([item], formOptions);
|
|
170
135
|
});
|
|
@@ -177,8 +142,8 @@ var WizardInternal = function WizardInternal(_ref5) {
|
|
|
177
142
|
WizardBodyProps: WizardBodyProps
|
|
178
143
|
}), /*#__PURE__*/_react["default"].createElement(_formSpy["default"], null, function (_ref6) {
|
|
179
144
|
var invalid = _ref6.invalid,
|
|
180
|
-
|
|
181
|
-
|
|
145
|
+
validating = _ref6.validating,
|
|
146
|
+
submitting = _ref6.submitting;
|
|
182
147
|
var nextResult = currentStep.nextStep ? selectNext(currentStep.nextStep, formOptions.getState) : currentStep.nextStep;
|
|
183
148
|
var progressNext = nextResult !== conditionalSubmitFlag && currentStep.nextStep;
|
|
184
149
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, ButtonSetProps, {
|
|
@@ -200,12 +165,9 @@ var WizardInternal = function WizardInternal(_ref5) {
|
|
|
200
165
|
}, BackButtonProps), finalButtoLabels.back));
|
|
201
166
|
}));
|
|
202
167
|
};
|
|
203
|
-
|
|
204
168
|
var Wizard = function Wizard(props) {
|
|
205
169
|
return /*#__PURE__*/_react["default"].createElement(_wizard["default"], (0, _extends2["default"])({
|
|
206
170
|
Wizard: WizardInternal
|
|
207
171
|
}, props));
|
|
208
172
|
};
|
|
209
|
-
|
|
210
|
-
var _default = Wizard;
|
|
211
|
-
exports["default"] = _default;
|
|
173
|
+
var _default = exports["default"] = Wizard;
|