@data-driven-forms/carbon-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.
Files changed (75) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/checkbox/checkbox.js +31 -56
  3. package/checkbox/index.js +1 -7
  4. package/component-mapper/component-mapper.js +4 -26
  5. package/component-mapper/index.js +1 -7
  6. package/date-picker/date-picker.js +10 -23
  7. package/date-picker/index.js +1 -7
  8. package/dual-list-select/dual-list-select.js +112 -139
  9. package/dual-list-select/index.js +1 -7
  10. package/esm/checkbox/checkbox.js +29 -40
  11. package/esm/component-mapper/component-mapper.js +1 -3
  12. package/esm/date-picker/date-picker.js +9 -12
  13. package/esm/dual-list-select/dual-list-select.js +111 -127
  14. package/esm/field-array/field-array.js +43 -55
  15. package/esm/form-template/form-template.js +15 -25
  16. package/esm/helper-text-block/helper-text-block.js +3 -10
  17. package/esm/is-required/is-required.js +1 -5
  18. package/esm/plain-text/plain-text.js +6 -12
  19. package/esm/prepare-props/prepare-props.js +8 -14
  20. package/esm/radio/radio.js +11 -15
  21. package/esm/select/select.js +92 -112
  22. package/esm/slider/slider.js +7 -10
  23. package/esm/sub-form/sub-form.js +12 -17
  24. package/esm/switch/switch.js +16 -24
  25. package/esm/tabs/tabs.js +11 -17
  26. package/esm/text-field/text-field.js +5 -10
  27. package/esm/textarea/textarea.js +5 -8
  28. package/esm/time-picker/time-picker.js +1 -4
  29. package/esm/time-picker-base/time-picker-base.js +16 -20
  30. package/esm/time-picker-date/time-picker-date.js +34 -52
  31. package/esm/time-picker-string/time-picker-string.js +21 -30
  32. package/esm/with-description/with-description.js +2 -6
  33. package/esm/wizard/wizard.js +41 -62
  34. package/field-array/field-array.js +45 -75
  35. package/field-array/index.js +1 -7
  36. package/form-template/form-template.js +22 -57
  37. package/form-template/index.js +1 -7
  38. package/helper-text-block/helper-text-block.js +4 -16
  39. package/helper-text-block/index.js +1 -7
  40. package/index.js +1 -23
  41. package/is-required/index.js +1 -7
  42. package/is-required/is-required.js +2 -11
  43. package/package.json +3 -3
  44. package/plain-text/index.js +1 -7
  45. package/plain-text/plain-text.js +7 -17
  46. package/prepare-props/index.js +1 -7
  47. package/prepare-props/prepare-props.js +10 -25
  48. package/radio/index.js +1 -7
  49. package/radio/radio.js +12 -26
  50. package/select/index.js +1 -7
  51. package/select/select.js +95 -130
  52. package/slider/index.js +1 -7
  53. package/slider/slider.js +8 -21
  54. package/sub-form/index.js +1 -7
  55. package/sub-form/sub-form.js +13 -26
  56. package/switch/index.js +1 -7
  57. package/switch/switch.js +17 -33
  58. package/tabs/index.js +1 -7
  59. package/tabs/tabs.js +12 -26
  60. package/text-field/index.js +1 -7
  61. package/text-field/text-field.js +6 -20
  62. package/textarea/index.js +1 -7
  63. package/textarea/textarea.js +6 -18
  64. package/time-picker/index.js +1 -7
  65. package/time-picker/time-picker.js +2 -11
  66. package/time-picker-base/index.js +1 -7
  67. package/time-picker-base/time-picker-base.js +17 -27
  68. package/time-picker-date/index.js +1 -7
  69. package/time-picker-date/time-picker-date.js +36 -68
  70. package/time-picker-string/index.js +1 -7
  71. package/time-picker-string/time-picker-string.js +23 -46
  72. package/with-description/index.js +1 -7
  73. package/with-description/with-description.js +3 -14
  74. package/wizard/index.js +1 -7
  75. 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
- _excluded2 = ["title"],
34
- _excluded3 = ["stepsInfo", "buttonLabels", "ButtonSetProps", "BackButtonProps", "NextButtonProps", "SubmitButtonProps", "ProgressIndicatorProps", "vertical", "WizardBodyProps", "conditionalSubmitFlag"];
35
-
36
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- jumpToStep = _ref.jumpToStep,
63
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
64
-
42
+ jumpToStep = _ref.jumpToStep,
43
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
65
44
  var _useStyles = useStyles(),
66
- horizontalNav = _useStyles.horizontalNav;
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
- step = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
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
- fields = _ref3.fields,
94
- WizardBodyProps = _ref3.WizardBodyProps;
95
-
69
+ fields = _ref3.fields,
70
+ WizardBodyProps = _ref3.WizardBodyProps;
96
71
  var _useStyles2 = useStyles(),
97
- body = _useStyles2.body;
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
- fields = _ref4.fields,
107
- WizardBodyProps = _ref4.WizardBodyProps;
108
-
79
+ fields = _ref4.fields,
80
+ WizardBodyProps = _ref4.WizardBodyProps;
109
81
  var _useStyles3 = useStyles(),
110
- body = _useStyles3.body;
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
- buttonLabels = _ref5.buttonLabels,
130
- _ref5$ButtonSetProps = _ref5.ButtonSetProps,
131
- ButtonSetProps = _ref5$ButtonSetProps === void 0 ? {} : _ref5$ButtonSetProps,
132
- _ref5$BackButtonProps = _ref5.BackButtonProps,
133
- BackButtonProps = _ref5$BackButtonProps === void 0 ? {} : _ref5$BackButtonProps,
134
- _ref5$NextButtonProps = _ref5.NextButtonProps,
135
- NextButtonProps = _ref5$NextButtonProps === void 0 ? {} : _ref5$NextButtonProps,
136
- _ref5$SubmitButtonPro = _ref5.SubmitButtonProps,
137
- SubmitButtonProps = _ref5$SubmitButtonPro === void 0 ? {} : _ref5$SubmitButtonPro,
138
- _ref5$ProgressIndicat = _ref5.ProgressIndicatorProps,
139
- ProgressIndicatorProps = _ref5$ProgressIndicat === void 0 ? {} : _ref5$ProgressIndicat,
140
- vertical = _ref5.vertical,
141
- _ref5$WizardBodyProps = _ref5.WizardBodyProps,
142
- WizardBodyProps = _ref5$WizardBodyProps === void 0 ? {} : _ref5$WizardBodyProps,
143
- conditionalSubmitFlag = _ref5.conditionalSubmitFlag,
144
- props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded3);
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
- formOptions = _useContext.formOptions,
148
- currentStep = _useContext.currentStep,
149
- handlePrev = _useContext.handlePrev,
150
- onKeyDown = _useContext.onKeyDown,
151
- handleNext = _useContext.handleNext,
152
- activeStepIndex = _useContext.activeStepIndex,
153
- selectNext = _useContext.selectNext,
154
- jumpToStep = _useContext.jumpToStep;
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
- buttonSet = _useStyles4.buttonSet;
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
- validating = _ref6.validating,
181
- submitting = _ref6.submitting;
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;