@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.
Files changed (68) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/checkbox/checkbox.js +33 -58
  3. package/checkbox/index.js +1 -7
  4. package/component-mapper/component-mapper.js +3 -25
  5. package/component-mapper/index.js +1 -7
  6. package/date-picker/date-picker.js +17 -28
  7. package/date-picker/index.js +1 -7
  8. package/dual-list-select/dual-list-select.js +149 -186
  9. package/dual-list-select/index.js +1 -7
  10. package/esm/checkbox/checkbox.js +31 -38
  11. package/esm/component-mapper/component-mapper.js +1 -3
  12. package/esm/date-picker/date-picker.js +16 -18
  13. package/esm/dual-list-select/dual-list-select.js +148 -158
  14. package/esm/field-array/field-array.js +92 -116
  15. package/esm/form-field-grid/form-field-grid.js +2 -5
  16. package/esm/form-template/form-template.js +23 -40
  17. package/esm/multiple-choice-list/multiple-choice-list.js +40 -49
  18. package/esm/plain-text/plain-text.js +8 -11
  19. package/esm/radio/radio.js +45 -55
  20. package/esm/select/select.js +55 -71
  21. package/esm/slider/slider.js +21 -24
  22. package/esm/sub-form/sub-form.js +10 -14
  23. package/esm/switch/switch.js +30 -34
  24. package/esm/tabs/tabs.js +18 -24
  25. package/esm/text-field/text-field.js +15 -21
  26. package/esm/textarea/textarea.js +17 -23
  27. package/esm/time-picker/time-picker.js +16 -18
  28. package/esm/validation-error/validation-error.js +0 -1
  29. package/esm/wizard/step-buttons.js +25 -32
  30. package/esm/wizard/wizard-nav.js +6 -8
  31. package/esm/wizard/wizard.js +16 -25
  32. package/field-array/field-array.js +95 -148
  33. package/field-array/index.js +1 -7
  34. package/form-field-grid/form-field-grid.js +3 -15
  35. package/form-field-grid/index.js +0 -2
  36. package/form-template/form-template.js +25 -55
  37. package/form-template/index.js +1 -7
  38. package/index.js +1 -25
  39. package/multiple-choice-list/index.js +1 -7
  40. package/multiple-choice-list/multiple-choice-list.js +42 -70
  41. package/package.json +3 -3
  42. package/plain-text/index.js +1 -7
  43. package/plain-text/plain-text.js +9 -18
  44. package/radio/index.js +1 -7
  45. package/radio/radio.js +46 -72
  46. package/select/index.js +1 -7
  47. package/select/select.js +59 -97
  48. package/slider/index.js +1 -7
  49. package/slider/slider.js +22 -40
  50. package/sub-form/index.js +1 -7
  51. package/sub-form/sub-form.js +11 -26
  52. package/switch/index.js +1 -7
  53. package/switch/switch.js +32 -54
  54. package/tabs/index.js +1 -7
  55. package/tabs/tabs.js +20 -43
  56. package/text-field/index.js +1 -7
  57. package/text-field/text-field.js +16 -32
  58. package/textarea/index.js +1 -7
  59. package/textarea/textarea.js +18 -34
  60. package/time-picker/index.js +1 -7
  61. package/time-picker/time-picker.js +17 -30
  62. package/validation-error/index.js +1 -7
  63. package/validation-error/validation-error.js +2 -7
  64. package/wizard/index.js +1 -7
  65. package/wizard/step-buttons.js +26 -46
  66. package/wizard/wizard-nav.js +7 -20
  67. package/wizard/wizard.js +18 -43
  68. package/tsconfig.json +0 -17
@@ -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
- var _ref;
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
- }), (0, _defineProperty2["default"])(_ref, "& .".concat(classes.buttons), {
30
+ }), "& .".concat(classes.buttons), {
45
31
  display: 'flex',
46
32
  justifyContent: 'flex-end'
47
- }), (0, _defineProperty2["default"])(_ref, "& .".concat(classes.button), {
33
+ }), "& .".concat(classes.button), {
48
34
  marginRight: 16
49
- }), (0, _defineProperty2["default"])(_ref, "&.".concat(classes.buttonsContainer), {
35
+ }), "&.".concat(classes.buttonsContainer), {
50
36
  marginTop: 36
51
- }), _ref;
37
+ });
52
38
  });
53
-
54
39
  var NextButton = function NextButton(_ref2) {
55
40
  var nextStep = _ref2.nextStep,
56
- valid = _ref2.valid,
57
- handleNext = _ref2.handleNext,
58
- nextLabel = _ref2.nextLabel,
59
- getState = _ref2.getState,
60
- handleSubmit = _ref2.handleSubmit,
61
- submitLabel = _ref2.submitLabel,
62
- conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
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
- props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
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
- handlePrev = props.handlePrev,
87
- nextStep = props.nextStep,
88
- handleNext = props.handleNext,
89
- _props$buttonLabels = props.buttonLabels,
90
- cancel = _props$buttonLabels.cancel,
91
- submit = _props$buttonLabels.submit,
92
- back = _props$buttonLabels.back,
93
- next = _props$buttonLabels.next,
94
- formOptions = props.formOptions,
95
- _props$ButtonContaine = props.ButtonContainerProps,
96
- ButtonContainerProps = _props$ButtonContaine === void 0 ? {} : _props$ButtonContaine,
97
- conditionalSubmitFlag = props.conditionalSubmitFlag;
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;
@@ -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
- StepperProps = _ref2$StepperProps === void 0 ? {} : _ref2$StepperProps,
39
- stepsInfo = _ref2.stepsInfo,
40
- activeStepIndex = _ref2.activeStepIndex;
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
- label = _ref3.label,
47
- StepLabelProps = _ref3.StepLabelProps,
48
- StepProps = _ref3.StepProps;
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 _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); }
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
- stepsInfo = _ref2.stepsInfo,
54
- ButtonContainerProps = _ref2.ButtonContainerProps,
55
- StepperProps = _ref2.StepperProps,
56
- _ref2$WizardBodyProps = _ref2.WizardBodyProps,
57
- WizardBodyProps = _ref2$WizardBodyProps === void 0 ? {} : _ref2$WizardBodyProps,
58
- WizardProps = _ref2.WizardProps,
59
- conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
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
- formOptions = _useContext.formOptions,
63
- currentStep = _useContext.currentStep,
64
- handlePrev = _useContext.handlePrev,
65
- onKeyDown = _useContext.onKeyDown,
66
- handleNext = _useContext.handleNext,
67
- activeStepIndex = _useContext.activeStepIndex,
68
- prevSteps = _useContext.prevSteps;
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
- }