@data-driven-forms/mui-component-mapper 4.1.0 → 4.2.0-0
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/checkbox/checkbox.js +33 -58
- package/checkbox/index.js +1 -7
- package/checkbox/package.json +1 -1
- package/component-mapper/component-mapper.js +3 -25
- package/component-mapper/index.js +1 -7
- package/component-mapper/package.json +1 -1
- package/date-picker/date-picker.d.ts +3 -3
- package/date-picker/date-picker.js +17 -28
- package/date-picker/index.js +1 -7
- package/date-picker/package.json +1 -1
- package/dual-list-select/dual-list-select.js +149 -186
- package/dual-list-select/index.js +1 -7
- package/dual-list-select/package.json +1 -1
- 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/field-array/package.json +1 -1
- package/form-field-grid/form-field-grid.js +3 -15
- package/form-field-grid/index.js +0 -2
- package/form-field-grid/package.json +1 -1
- package/form-template/form-template.js +25 -55
- package/form-template/index.js +1 -7
- package/form-template/package.json +1 -1
- package/index.js +1 -25
- package/multiple-choice-list/index.js +1 -7
- package/multiple-choice-list/multiple-choice-list.js +42 -70
- package/multiple-choice-list/package.json +1 -1
- package/package.json +17 -15
- package/plain-text/index.js +1 -7
- package/plain-text/package.json +1 -1
- package/plain-text/plain-text.js +9 -18
- package/radio/index.js +1 -7
- package/radio/package.json +1 -1
- package/radio/radio.js +46 -72
- package/select/index.js +1 -7
- package/select/package.json +1 -1
- package/select/select.js +59 -97
- package/slider/index.js +1 -7
- package/slider/package.json +1 -1
- package/slider/slider.js +22 -40
- package/sub-form/index.js +1 -7
- package/sub-form/package.json +1 -1
- package/sub-form/sub-form.js +11 -26
- package/switch/index.js +1 -7
- package/switch/package.json +1 -1
- package/switch/switch.js +32 -54
- package/tabs/index.js +1 -7
- package/tabs/package.json +1 -1
- package/tabs/tabs.js +20 -43
- package/text-field/index.js +1 -7
- package/text-field/package.json +1 -1
- package/text-field/text-field.js +16 -32
- package/textarea/index.js +1 -7
- package/textarea/package.json +1 -1
- package/textarea/textarea.js +18 -34
- package/time-picker/index.js +1 -7
- package/time-picker/package.json +1 -1
- package/time-picker/time-picker.js +17 -30
- package/tsconfig.json +17 -0
- package/validation-error/index.js +1 -7
- package/validation-error/package.json +1 -1
- package/validation-error/validation-error.js +2 -7
- package/wizard/index.js +1 -7
- package/wizard/package.json +1 -1
- package/wizard/step-buttons.js +26 -46
- package/wizard/wizard-nav.js +7 -20
- package/wizard/wizard.js +18 -43
package/radio/radio.js
CHANGED
|
@@ -1,47 +1,29 @@
|
|
|
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 _Radio = _interopRequireDefault(require("@mui/material/Radio"));
|
|
21
|
-
|
|
22
14
|
var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
|
|
23
|
-
|
|
24
15
|
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
25
|
-
|
|
26
16
|
var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
|
|
27
|
-
|
|
28
17
|
var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
|
|
29
|
-
|
|
30
18
|
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
|
|
31
|
-
|
|
32
19
|
var _validationError = require("../validation-error/validation-error");
|
|
33
|
-
|
|
34
20
|
var _useFieldApi3 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
|
|
35
|
-
|
|
36
21
|
var _excluded = ["inputProps"],
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
function
|
|
42
|
-
|
|
43
|
-
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; }
|
|
44
|
-
|
|
22
|
+
_excluded2 = ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"],
|
|
23
|
+
_excluded3 = ["name"],
|
|
24
|
+
_excluded4 = ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"];
|
|
25
|
+
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; }
|
|
26
|
+
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; }
|
|
45
27
|
var PREFIX = 'Radio';
|
|
46
28
|
var classes = {
|
|
47
29
|
grid: "".concat(PREFIX, "-grid")
|
|
@@ -53,25 +35,22 @@ var StyledFormFieldGrid = (0, _styles.styled)(_formFieldGrid["default"])(functio
|
|
|
53
35
|
}
|
|
54
36
|
});
|
|
55
37
|
});
|
|
56
|
-
|
|
57
38
|
var RadioOption = function RadioOption(_ref2) {
|
|
58
39
|
var name = _ref2.name,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
40
|
+
option = _ref2.option,
|
|
41
|
+
isDisabled = _ref2.isDisabled,
|
|
42
|
+
isReadOnly = _ref2.isReadOnly,
|
|
43
|
+
FormControlLabelProps = _ref2.FormControlLabelProps,
|
|
44
|
+
_ref2$RadioProps = _ref2.RadioProps,
|
|
45
|
+
inputProps = _ref2$RadioProps.inputProps,
|
|
46
|
+
RadioProps = (0, _objectWithoutProperties2["default"])(_ref2$RadioProps, _excluded),
|
|
47
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
68
48
|
var _useFieldApi = (0, _useFieldApi3["default"])({
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
49
|
+
name: name,
|
|
50
|
+
type: 'radio',
|
|
51
|
+
value: option.value
|
|
52
|
+
}),
|
|
53
|
+
input = _useFieldApi.input;
|
|
75
54
|
return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], (0, _extends2["default"])({
|
|
76
55
|
key: "".concat(name, "-").concat(option.value),
|
|
77
56
|
control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], (0, _extends2["default"])({}, input, {
|
|
@@ -87,39 +66,36 @@ var RadioOption = function RadioOption(_ref2) {
|
|
|
87
66
|
label: option.label
|
|
88
67
|
}, FormControlLabelProps, props));
|
|
89
68
|
};
|
|
90
|
-
|
|
91
69
|
var Radio = function Radio(_ref3) {
|
|
92
70
|
var name = _ref3.name,
|
|
93
|
-
|
|
94
|
-
|
|
71
|
+
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
|
|
95
72
|
var _useFieldApi2 = (0, _useFieldApi3["default"])(_objectSpread(_objectSpread({}, props), {}, {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
73
|
+
name: name,
|
|
74
|
+
type: 'radio'
|
|
75
|
+
})),
|
|
76
|
+
_useFieldApi2$options = _useFieldApi2.options,
|
|
77
|
+
options = _useFieldApi2$options === void 0 ? [] : _useFieldApi2$options,
|
|
78
|
+
isDisabled = _useFieldApi2.isDisabled,
|
|
79
|
+
label = _useFieldApi2.label,
|
|
80
|
+
isRequired = _useFieldApi2.isRequired,
|
|
81
|
+
helperText = _useFieldApi2.helperText,
|
|
82
|
+
description = _useFieldApi2.description,
|
|
83
|
+
isReadOnly = _useFieldApi2.isReadOnly,
|
|
84
|
+
meta = _useFieldApi2.meta,
|
|
85
|
+
validateOnMount = _useFieldApi2.validateOnMount,
|
|
86
|
+
_useFieldApi2$FormFie = _useFieldApi2.FormFieldGridProps,
|
|
87
|
+
FormFieldGridProps = _useFieldApi2$FormFie === void 0 ? {} : _useFieldApi2$FormFie,
|
|
88
|
+
_useFieldApi2$FormCon = _useFieldApi2.FormControlProps,
|
|
89
|
+
FormControlProps = _useFieldApi2$FormCon === void 0 ? {} : _useFieldApi2$FormCon,
|
|
90
|
+
_useFieldApi2$FormLab = _useFieldApi2.FormLabelProps,
|
|
91
|
+
FormLabelProps = _useFieldApi2$FormLab === void 0 ? {} : _useFieldApi2$FormLab,
|
|
92
|
+
_useFieldApi2$FormHel = _useFieldApi2.FormHelperTextProps,
|
|
93
|
+
FormHelperTextProps = _useFieldApi2$FormHel === void 0 ? {} : _useFieldApi2$FormHel,
|
|
94
|
+
_useFieldApi2$FormCon2 = _useFieldApi2.FormControlLabelProps,
|
|
95
|
+
FormControlLabelProps = _useFieldApi2$FormCon2 === void 0 ? {} : _useFieldApi2$FormCon2,
|
|
96
|
+
_useFieldApi2$RadioPr = _useFieldApi2.RadioProps,
|
|
97
|
+
RadioProps = _useFieldApi2$RadioPr === void 0 ? {} : _useFieldApi2$RadioPr,
|
|
98
|
+
rest = (0, _objectWithoutProperties2["default"])(_useFieldApi2, _excluded4);
|
|
123
99
|
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
124
100
|
var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
|
|
125
101
|
return /*#__PURE__*/_react["default"].createElement(StyledFormFieldGrid, (0, _extends2["default"])({
|
|
@@ -142,6 +118,4 @@ var Radio = function Radio(_ref3) {
|
|
|
142
118
|
}, rest));
|
|
143
119
|
}), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text)));
|
|
144
120
|
};
|
|
145
|
-
|
|
146
|
-
var _default = Radio;
|
|
147
|
-
exports["default"] = _default;
|
|
121
|
+
var _default = exports["default"] = Radio;
|
package/select/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
|
12
11
|
return _select["default"];
|
|
13
12
|
}
|
|
14
13
|
});
|
|
15
|
-
|
|
16
14
|
var _select = _interopRequireWildcard(require("./select"));
|
|
17
|
-
|
|
18
15
|
Object.keys(_select).forEach(function (key) {
|
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -26,7 +23,4 @@ Object.keys(_select).forEach(function (key) {
|
|
|
26
23
|
}
|
|
27
24
|
});
|
|
28
25
|
});
|
|
29
|
-
|
|
30
|
-
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); }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
26
|
+
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); }
|
package/select/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/select","typings":"index.d.ts"}
|
|
1
|
+
{"name":"@data-driven-forms/mui-component-mapper-select","main":"index.js","module":"../esm/select","typings":"index.d.ts"}
|
package/select/select.js
CHANGED
|
@@ -1,94 +1,64 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.getOptionLabel = exports["default"] = exports.createValue = 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
12
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
14
|
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
|
|
23
|
-
|
|
24
15
|
var _validationError = require("../validation-error/validation-error");
|
|
25
|
-
|
|
26
16
|
var _select = _interopRequireDefault(require("@data-driven-forms/common/select"));
|
|
27
|
-
|
|
28
17
|
var _parseInternalValue = _interopRequireDefault(require("@data-driven-forms/common/select/parse-internal-value"));
|
|
29
|
-
|
|
30
18
|
var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
|
|
31
|
-
|
|
32
19
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
33
|
-
|
|
34
20
|
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
35
|
-
|
|
36
21
|
var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
|
|
37
|
-
|
|
38
22
|
var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
|
|
39
|
-
|
|
40
23
|
var _excluded = ["inputProps"],
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
50
|
-
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; }
|
|
51
|
-
|
|
24
|
+
_excluded2 = ["value", "options", "label", "helperText", "validateOnMount", "meta", "isSearchable", "description", "classNamePrefix", "isMulti", "placeholder", "onInputChange", "isFetching", "noOptionsMessage", "hideSelectedOptions", "closeMenuOnSelect", "required", "onChange", "onFocus", "onBlur", "FormFieldGridProps", "TextFieldProps", "inputProps", "isClearable", "isDisabled", "loadingText"],
|
|
25
|
+
_excluded3 = ["input", "isRequired", "isDisabled", "isReadOnly", "disabled", "multiple", "isMulti", "isClearable", "disableClearable", "loadingMessage", "loadingText", "noOptionsMessage", "noOptionsText", "closeMenuOnSelect"];
|
|
26
|
+
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" != _typeof3(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); }
|
|
27
|
+
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; }
|
|
28
|
+
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; }
|
|
52
29
|
/**
|
|
53
30
|
* Returns label of selected option
|
|
54
31
|
* @param {Object|Array} option currently selected option
|
|
55
32
|
* @param {Array<Object>} options all options avaiable
|
|
56
33
|
* @returns {String}
|
|
57
34
|
*/
|
|
58
|
-
var _getOptionLabel = function getOptionLabel(option, options) {
|
|
35
|
+
var _getOptionLabel = exports.getOptionLabel = function getOptionLabel(option, options) {
|
|
59
36
|
if (typeof option === 'undefined') {
|
|
60
37
|
return '';
|
|
61
38
|
}
|
|
62
|
-
|
|
63
39
|
if (option === '') {
|
|
64
40
|
return '';
|
|
65
41
|
}
|
|
66
|
-
|
|
67
42
|
if (Array.isArray(option) && option.length === 0) {
|
|
68
43
|
return '';
|
|
69
44
|
}
|
|
70
|
-
|
|
71
45
|
if ((0, _typeof2["default"])(option) === 'object') {
|
|
72
46
|
return option.label;
|
|
73
47
|
}
|
|
74
|
-
|
|
75
48
|
var item = options.find(function (_ref) {
|
|
76
49
|
var value = _ref.value;
|
|
77
50
|
return value === option;
|
|
78
51
|
});
|
|
79
52
|
return item && item.label || '';
|
|
80
53
|
};
|
|
54
|
+
|
|
81
55
|
/**
|
|
82
56
|
* Function that creates correct DDF select value format
|
|
83
57
|
* @param {Object|Array} option currently selected values
|
|
84
58
|
* @param {Boolean} isMulti multiple select flag
|
|
85
59
|
* @returns {Object|Array<Object>}
|
|
86
60
|
*/
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
exports.getOptionLabel = _getOptionLabel;
|
|
90
|
-
|
|
91
|
-
var createValue = function createValue(option, isMulti) {
|
|
61
|
+
var createValue = exports.createValue = function createValue(option, isMulti) {
|
|
92
62
|
if (isMulti) {
|
|
93
63
|
return Array.isArray(option) ? option.map(function (item) {
|
|
94
64
|
return (0, _typeof2["default"])(item) === 'object' ? item : {
|
|
@@ -96,50 +66,46 @@ var createValue = function createValue(option, isMulti) {
|
|
|
96
66
|
};
|
|
97
67
|
}) : option;
|
|
98
68
|
}
|
|
99
|
-
|
|
100
69
|
return option;
|
|
101
70
|
};
|
|
102
|
-
|
|
103
|
-
exports.createValue = createValue;
|
|
104
|
-
|
|
105
71
|
var InternalSelect = function InternalSelect(_ref2) {
|
|
106
72
|
var value = _ref2.value,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
73
|
+
options = _ref2.options,
|
|
74
|
+
label = _ref2.label,
|
|
75
|
+
helperText = _ref2.helperText,
|
|
76
|
+
validateOnMount = _ref2.validateOnMount,
|
|
77
|
+
meta = _ref2.meta,
|
|
78
|
+
isSearchable = _ref2.isSearchable,
|
|
79
|
+
description = _ref2.description,
|
|
80
|
+
classNamePrefix = _ref2.classNamePrefix,
|
|
81
|
+
isMulti = _ref2.isMulti,
|
|
82
|
+
_ref2$placeholder = _ref2.placeholder,
|
|
83
|
+
placeholder = _ref2$placeholder === void 0 ? 'Please choose' : _ref2$placeholder,
|
|
84
|
+
_onInputChange = _ref2.onInputChange,
|
|
85
|
+
isFetching = _ref2.isFetching,
|
|
86
|
+
noOptionsMessage = _ref2.noOptionsMessage,
|
|
87
|
+
hideSelectedOptions = _ref2.hideSelectedOptions,
|
|
88
|
+
closeMenuOnSelect = _ref2.closeMenuOnSelect,
|
|
89
|
+
required = _ref2.required,
|
|
90
|
+
_onChange = _ref2.onChange,
|
|
91
|
+
onFocus = _ref2.onFocus,
|
|
92
|
+
onBlur = _ref2.onBlur,
|
|
93
|
+
_ref2$FormFieldGridPr = _ref2.FormFieldGridProps,
|
|
94
|
+
FormFieldGridProps = _ref2$FormFieldGridPr === void 0 ? {} : _ref2$FormFieldGridPr,
|
|
95
|
+
_ref2$TextFieldProps = _ref2.TextFieldProps,
|
|
96
|
+
_ref2$TextFieldProps2 = _ref2$TextFieldProps === void 0 ? {} : _ref2$TextFieldProps,
|
|
97
|
+
textFieldInputProps = _ref2$TextFieldProps2.inputProps,
|
|
98
|
+
TextFieldProps = (0, _objectWithoutProperties2["default"])(_ref2$TextFieldProps2, _excluded),
|
|
99
|
+
_ref2$inputProps = _ref2.inputProps,
|
|
100
|
+
inputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps,
|
|
101
|
+
isClearable = _ref2.isClearable,
|
|
102
|
+
isDisabled = _ref2.isDisabled,
|
|
103
|
+
_ref2$loadingText = _ref2.loadingText,
|
|
104
|
+
loadingText = _ref2$loadingText === void 0 ? 'Loading...' : _ref2$loadingText,
|
|
105
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
106
|
+
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
107
|
+
// When isMulti is true, the "parseInternalValue" always creates new value array, we need to memoize it to not create new array instance
|
|
141
108
|
// Memo is required to fix https://github.com/data-driven-forms/react-forms/issues/1366
|
|
142
|
-
|
|
143
109
|
var internalValue = (0, _react.useMemo)(function () {
|
|
144
110
|
return (0, _parseInternalValue["default"])(value, isMulti);
|
|
145
111
|
}, [value, isMulti]);
|
|
@@ -187,25 +153,23 @@ var InternalSelect = function InternalSelect(_ref2) {
|
|
|
187
153
|
loading: isFetching
|
|
188
154
|
})));
|
|
189
155
|
};
|
|
190
|
-
|
|
191
156
|
var Select = function Select(props) {
|
|
192
157
|
var _useFieldApi = (0, _useFieldApi2["default"])(props),
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
158
|
+
input = _useFieldApi.input,
|
|
159
|
+
isRequired = _useFieldApi.isRequired,
|
|
160
|
+
isDisabled = _useFieldApi.isDisabled,
|
|
161
|
+
isReadOnly = _useFieldApi.isReadOnly,
|
|
162
|
+
disabled = _useFieldApi.disabled,
|
|
163
|
+
multiple = _useFieldApi.multiple,
|
|
164
|
+
isMulti = _useFieldApi.isMulti,
|
|
165
|
+
isClearable = _useFieldApi.isClearable,
|
|
166
|
+
disableClearable = _useFieldApi.disableClearable,
|
|
167
|
+
loadingMessage = _useFieldApi.loadingMessage,
|
|
168
|
+
loadingText = _useFieldApi.loadingText,
|
|
169
|
+
noOptionsMessage = _useFieldApi.noOptionsMessage,
|
|
170
|
+
noOptionsText = _useFieldApi.noOptionsText,
|
|
171
|
+
closeMenuOnSelect = _useFieldApi.closeMenuOnSelect,
|
|
172
|
+
rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded3);
|
|
209
173
|
return /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _extends2["default"])({}, input, {
|
|
210
174
|
isMulti: multiple || isMulti,
|
|
211
175
|
required: isRequired,
|
|
@@ -217,6 +181,4 @@ var Select = function Select(props) {
|
|
|
217
181
|
SelectComponent: InternalSelect
|
|
218
182
|
}));
|
|
219
183
|
};
|
|
220
|
-
|
|
221
|
-
var _default = Select;
|
|
222
|
-
exports["default"] = _default;
|
|
184
|
+
var _default = exports["default"] = Select;
|
package/slider/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
|
12
11
|
return _slider["default"];
|
|
13
12
|
}
|
|
14
13
|
});
|
|
15
|
-
|
|
16
14
|
var _slider = _interopRequireWildcard(require("./slider"));
|
|
17
|
-
|
|
18
15
|
Object.keys(_slider).forEach(function (key) {
|
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -26,7 +23,4 @@ Object.keys(_slider).forEach(function (key) {
|
|
|
26
23
|
}
|
|
27
24
|
});
|
|
28
25
|
});
|
|
29
|
-
|
|
30
|
-
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); }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
26
|
+
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); }
|
package/slider/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/slider","typings":"index.d.ts"}
|
|
1
|
+
{"name":"@data-driven-forms/mui-component-mapper-slider","main":"index.js","module":"../esm/slider","typings":"index.d.ts"}
|
package/slider/slider.js
CHANGED
|
@@ -1,62 +1,46 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
17
|
-
|
|
18
12
|
var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
|
|
19
|
-
|
|
20
13
|
var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
|
|
21
|
-
|
|
22
14
|
var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
|
|
23
|
-
|
|
24
15
|
var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
|
|
25
|
-
|
|
26
16
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
27
|
-
|
|
28
17
|
var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
|
|
29
|
-
|
|
30
18
|
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
|
|
31
|
-
|
|
32
19
|
var _validationError = require("../validation-error/validation-error");
|
|
33
|
-
|
|
34
20
|
var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormLabelProps", "FormHelperTextProps", "before", "after", "InputGridProps", "BeforeGridProps", "SliderGridProps", "AfterGridProps"];
|
|
35
|
-
|
|
36
21
|
var Slider = function Slider(props) {
|
|
37
22
|
var _useFieldApi = (0, _useFieldApi2["default"])(props),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
23
|
+
input = _useFieldApi.input,
|
|
24
|
+
isReadOnly = _useFieldApi.isReadOnly,
|
|
25
|
+
isDisabled = _useFieldApi.isDisabled,
|
|
26
|
+
isRequired = _useFieldApi.isRequired,
|
|
27
|
+
label = _useFieldApi.label,
|
|
28
|
+
helperText = _useFieldApi.helperText,
|
|
29
|
+
description = _useFieldApi.description,
|
|
30
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
31
|
+
meta = _useFieldApi.meta,
|
|
32
|
+
FormFieldGridProps = _useFieldApi.FormFieldGridProps,
|
|
33
|
+
FormControlProps = _useFieldApi.FormControlProps,
|
|
34
|
+
FormGroupProps = _useFieldApi.FormGroupProps,
|
|
35
|
+
FormLabelProps = _useFieldApi.FormLabelProps,
|
|
36
|
+
FormHelperTextProps = _useFieldApi.FormHelperTextProps,
|
|
37
|
+
before = _useFieldApi.before,
|
|
38
|
+
after = _useFieldApi.after,
|
|
39
|
+
InputGridProps = _useFieldApi.InputGridProps,
|
|
40
|
+
BeforeGridProps = _useFieldApi.BeforeGridProps,
|
|
41
|
+
SliderGridProps = _useFieldApi.SliderGridProps,
|
|
42
|
+
AfterGridProps = _useFieldApi.AfterGridProps,
|
|
43
|
+
rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
|
|
60
44
|
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
61
45
|
var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
|
|
62
46
|
return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
|
|
@@ -86,6 +70,4 @@ var Slider = function Slider(props) {
|
|
|
86
70
|
item: true
|
|
87
71
|
}, AfterGridProps), after)), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text))));
|
|
88
72
|
};
|
|
89
|
-
|
|
90
|
-
var _default = Slider;
|
|
91
|
-
exports["default"] = _default;
|
|
73
|
+
var _default = exports["default"] = Slider;
|
package/sub-form/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
|
12
11
|
return _subForm["default"];
|
|
13
12
|
}
|
|
14
13
|
});
|
|
15
|
-
|
|
16
14
|
var _subForm = _interopRequireWildcard(require("./sub-form"));
|
|
17
|
-
|
|
18
15
|
Object.keys(_subForm).forEach(function (key) {
|
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -26,7 +23,4 @@ Object.keys(_subForm).forEach(function (key) {
|
|
|
26
23
|
}
|
|
27
24
|
});
|
|
28
25
|
});
|
|
29
|
-
|
|
30
|
-
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); }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
26
|
+
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); }
|
package/sub-form/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/sub-form","typings":"index.d.ts"}
|
|
1
|
+
{"name":"@data-driven-forms/mui-component-mapper-sub-form","main":"index.js","module":"../esm/sub-form","typings":"index.d.ts"}
|