@data-driven-forms/mui-component-mapper 4.1.12 → 4.1.14
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/.eslintrc.json +27 -0
- package/CHANGELOG.md +13 -2
- package/checkbox/checkbox.d.ts +29 -16
- package/checkbox/checkbox.js +44 -77
- package/checkbox/checkbox.js.map +1 -0
- package/checkbox/index.js +22 -24
- package/checkbox/index.js.map +1 -0
- package/component-mapper/component-mapper.d.ts +35 -40
- package/component-mapper/component-mapper.js +55 -40
- package/component-mapper/component-mapper.js.map +1 -0
- package/component-mapper/index.js +22 -24
- package/component-mapper/index.js.map +1 -0
- package/date-picker/date-picker.d.ts +10 -10
- package/date-picker/date-picker.js +52 -63
- package/date-picker/date-picker.js.map +1 -0
- package/date-picker/index.js +22 -24
- package/date-picker/index.js.map +1 -0
- package/dual-list-select/dual-list-select.d.ts +3 -111
- package/dual-list-select/dual-list-select.js +93 -412
- package/dual-list-select/dual-list-select.js.map +1 -0
- package/dual-list-select/index.js +22 -24
- package/dual-list-select/index.js.map +1 -0
- package/esm/checkbox/checkbox.d.ts +31 -0
- package/esm/checkbox/checkbox.js +25 -69
- package/esm/checkbox/checkbox.js.map +1 -0
- package/esm/checkbox/index.d.ts +2 -0
- package/esm/checkbox/index.js +2 -1
- package/esm/checkbox/index.js.map +1 -0
- package/esm/component-mapper/component-mapper.d.ts +36 -0
- package/esm/component-mapper/component-mapper.js +34 -19
- package/esm/component-mapper/component-mapper.js.map +1 -0
- package/esm/component-mapper/index.d.ts +2 -0
- package/esm/component-mapper/index.js +2 -1
- package/esm/component-mapper/index.js.map +1 -0
- package/esm/date-picker/date-picker.d.ts +12 -0
- package/esm/date-picker/date-picker.js +35 -55
- package/esm/date-picker/date-picker.js.map +1 -0
- package/esm/date-picker/index.d.ts +2 -0
- package/esm/date-picker/index.js +2 -1
- package/esm/date-picker/index.js.map +1 -0
- package/esm/dual-list-select/dual-list-select.d.ts +3 -0
- package/esm/dual-list-select/dual-list-select.js +59 -404
- package/esm/dual-list-select/dual-list-select.js.map +1 -0
- package/esm/dual-list-select/index.d.ts +2 -0
- package/esm/dual-list-select/index.js +2 -1
- package/esm/dual-list-select/index.js.map +1 -0
- package/esm/field-array/field-array.d.ts +56 -0
- package/esm/field-array/field-array.js +107 -296
- package/esm/field-array/field-array.js.map +1 -0
- package/esm/field-array/index.d.ts +2 -0
- package/esm/field-array/index.js +2 -1
- package/esm/field-array/index.js.map +1 -0
- package/esm/form-field-grid/form-field-grid.d.ts +8 -0
- package/esm/form-field-grid/form-field-grid.js +26 -22
- package/esm/form-field-grid/form-field-grid.js.map +1 -0
- package/esm/form-field-grid/index.d.ts +2 -0
- package/esm/form-field-grid/index.js +3 -1
- package/esm/form-field-grid/index.js.map +1 -0
- package/esm/form-template/form-template.d.ts +17 -0
- package/esm/form-template/form-template.js +57 -126
- package/esm/form-template/form-template.js.map +1 -0
- package/esm/form-template/index.d.ts +2 -0
- package/esm/form-template/index.js +2 -1
- package/esm/form-template/index.js.map +1 -0
- package/esm/index.d.ts +21 -0
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -0
- package/esm/multiple-choice-list/index.d.ts +2 -0
- package/esm/multiple-choice-list/index.js +2 -1
- package/esm/multiple-choice-list/index.js.map +1 -0
- package/esm/multiple-choice-list/multiple-choice-list.d.ts +14 -0
- package/esm/multiple-choice-list/multiple-choice-list.js +39 -93
- package/esm/multiple-choice-list/multiple-choice-list.js.map +1 -0
- package/esm/plain-text/index.d.ts +2 -0
- package/esm/plain-text/index.js +2 -1
- package/esm/plain-text/index.js.map +1 -0
- package/esm/plain-text/plain-text.d.ts +12 -0
- package/esm/plain-text/plain-text.js +18 -27
- package/esm/plain-text/plain-text.js.map +1 -0
- package/esm/radio/index.d.ts +2 -0
- package/esm/radio/index.js +2 -1
- package/esm/radio/index.js.map +1 -0
- package/esm/radio/radio.d.ts +19 -0
- package/esm/radio/radio.js +38 -110
- package/esm/radio/radio.js.map +1 -0
- package/esm/select/index.d.ts +2 -0
- package/esm/select/index.js +2 -1
- package/esm/select/index.js.map +1 -0
- package/esm/select/select.d.ts +44 -0
- package/esm/select/select.js +55 -162
- package/esm/select/select.js.map +1 -0
- package/esm/slider/index.d.ts +2 -0
- package/esm/slider/index.js +2 -1
- package/esm/slider/index.js.map +1 -0
- package/esm/slider/slider.d.ts +24 -0
- package/esm/slider/slider.js +22 -63
- package/esm/slider/slider.js.map +1 -0
- package/esm/sub-form/index.d.ts +2 -0
- package/esm/sub-form/index.js +2 -1
- package/esm/sub-form/index.js.map +1 -0
- package/esm/sub-form/sub-form.d.ts +16 -0
- package/esm/sub-form/sub-form.js +29 -52
- package/esm/sub-form/sub-form.js.map +1 -0
- package/esm/switch/index.d.ts +2 -0
- package/esm/switch/index.js +2 -1
- package/esm/switch/index.js.map +1 -0
- package/esm/switch/switch.d.ts +18 -0
- package/esm/switch/switch.js +21 -62
- package/esm/switch/switch.js.map +1 -0
- package/esm/tabs/index.d.ts +2 -0
- package/esm/tabs/index.js +2 -1
- package/esm/tabs/index.js.map +1 -0
- package/esm/tabs/tabs.d.ts +19 -0
- package/esm/tabs/tabs.js +9 -73
- package/esm/tabs/tabs.js.map +1 -0
- package/esm/text-field/index.d.ts +2 -0
- package/esm/text-field/index.js +2 -1
- package/esm/text-field/index.js.map +1 -0
- package/esm/text-field/text-field.d.ts +10 -0
- package/esm/text-field/text-field.js +20 -38
- package/esm/text-field/text-field.js.map +1 -0
- package/esm/textarea/index.d.ts +2 -0
- package/esm/textarea/index.js +2 -1
- package/esm/textarea/index.js.map +1 -0
- package/esm/textarea/textarea.d.ts +13 -0
- package/esm/textarea/textarea.js +20 -42
- package/esm/textarea/textarea.js.map +1 -0
- package/esm/time-picker/index.d.ts +2 -0
- package/esm/time-picker/index.js +2 -1
- package/esm/time-picker/index.js.map +1 -0
- package/esm/time-picker/time-picker.d.ts +13 -0
- package/esm/time-picker/time-picker.js +35 -57
- package/esm/time-picker/time-picker.js.map +1 -0
- package/esm/validation-error/index.d.ts +2 -0
- package/esm/validation-error/index.js +2 -1
- package/esm/validation-error/index.js.map +1 -0
- package/esm/validation-error/validation-error.d.ts +6 -0
- package/esm/validation-error/validation-error.js +7 -6
- package/esm/validation-error/validation-error.js.map +1 -0
- package/esm/wizard/index.d.ts +2 -0
- package/esm/wizard/index.js +2 -1
- package/esm/wizard/index.js.map +1 -0
- package/esm/wizard/step-buttons.d.ts +33 -0
- package/esm/wizard/step-buttons.js +49 -104
- package/esm/wizard/step-buttons.js.map +1 -0
- package/esm/wizard/wizard-nav.d.ts +15 -0
- package/esm/wizard/wizard-nav.js +15 -33
- package/esm/wizard/wizard-nav.js.map +1 -0
- package/esm/wizard/wizard.d.ts +4 -0
- package/esm/wizard/wizard.js +21 -70
- package/esm/wizard/wizard.js.map +1 -0
- package/field-array/field-array.d.ts +54 -38
- package/field-array/field-array.js +138 -306
- package/field-array/field-array.js.map +1 -0
- package/field-array/index.js +22 -24
- package/field-array/index.js.map +1 -0
- package/form-field-grid/form-field-grid.d.ts +7 -5
- package/form-field-grid/form-field-grid.js +42 -28
- package/form-field-grid/form-field-grid.js.map +1 -0
- package/form-field-grid/index.js +23 -12
- package/form-field-grid/index.js.map +1 -0
- package/form-template/form-template.d.ts +17 -5
- package/form-template/form-template.js +78 -132
- package/form-template/form-template.js.map +1 -0
- package/form-template/index.js +22 -24
- package/form-template/index.js.map +1 -0
- package/index.d.ts +10 -29
- package/index.js +45 -146
- package/index.js.map +1 -0
- package/multiple-choice-list/index.js +22 -24
- package/multiple-choice-list/index.js.map +1 -0
- package/multiple-choice-list/multiple-choice-list.d.ts +12 -24
- package/multiple-choice-list/multiple-choice-list.js +53 -101
- package/multiple-choice-list/multiple-choice-list.js.map +1 -0
- package/package.json +9 -11
- package/plain-text/index.js +22 -24
- package/plain-text/index.js.map +1 -0
- package/plain-text/plain-text.d.ts +10 -10
- package/plain-text/plain-text.js +30 -33
- package/plain-text/plain-text.js.map +1 -0
- package/radio/index.js +22 -24
- package/radio/index.js.map +1 -0
- package/radio/radio.d.ts +17 -25
- package/radio/radio.js +56 -116
- package/radio/radio.js.map +1 -0
- package/select/index.js +22 -24
- package/select/index.js.map +1 -0
- package/select/select.d.ts +42 -27
- package/select/select.js +78 -172
- package/select/select.js.map +1 -0
- package/slider/index.js +22 -24
- package/slider/index.js.map +1 -0
- package/slider/slider.d.ts +22 -28
- package/slider/slider.js +39 -71
- package/slider/slider.js.map +1 -0
- package/sub-form/index.js +22 -24
- package/sub-form/index.js.map +1 -0
- package/sub-form/sub-form.d.ts +14 -16
- package/sub-form/sub-form.js +42 -56
- package/sub-form/sub-form.js.map +1 -0
- package/switch/index.js +22 -24
- package/switch/index.js.map +1 -0
- package/switch/switch.d.ts +16 -26
- package/switch/switch.js +43 -70
- package/switch/switch.js.map +1 -0
- package/tabs/index.js +22 -24
- package/tabs/index.js.map +1 -0
- package/tabs/tabs.d.ts +18 -14
- package/tabs/tabs.js +33 -82
- package/tabs/tabs.js.map +1 -0
- package/text-field/index.js +22 -24
- package/text-field/index.js.map +1 -0
- package/text-field/text-field.d.ts +8 -16
- package/text-field/text-field.js +37 -46
- package/text-field/text-field.js.map +1 -0
- package/textarea/index.js +22 -24
- package/textarea/index.js.map +1 -0
- package/textarea/textarea.d.ts +11 -17
- package/textarea/textarea.js +37 -50
- package/textarea/textarea.js.map +1 -0
- package/time-picker/index.js +22 -24
- package/time-picker/index.js.map +1 -0
- package/time-picker/time-picker.d.ts +11 -16
- package/time-picker/time-picker.js +52 -65
- package/time-picker/time-picker.js.map +1 -0
- package/tsconfig.cjs.json +8 -0
- package/tsconfig.demo.json +31 -0
- package/tsconfig.esm.json +8 -0
- package/tsconfig.json +17 -9
- package/validation-error/index.js +22 -24
- package/validation-error/index.js.map +1 -0
- package/validation-error/validation-error.d.ts +5 -4
- package/validation-error/validation-error.js +10 -11
- package/validation-error/validation-error.js.map +1 -0
- package/wizard/index.js +22 -24
- package/wizard/index.js.map +1 -0
- package/wizard/step-buttons.d.ts +33 -0
- package/wizard/step-buttons.js +68 -110
- package/wizard/step-buttons.js.map +1 -0
- package/wizard/wizard-nav.d.ts +15 -0
- package/wizard/wizard-nav.js +37 -37
- package/wizard/wizard-nav.js.map +1 -0
- package/wizard/wizard.d.ts +4 -28
- package/wizard/wizard.js +41 -79
- package/wizard/wizard.js.map +1 -0
package/plain-text/plain-text.js
CHANGED
|
@@ -1,35 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _excluded = ["label", "name", "component", "element", "variant", "gutterBottom"];
|
|
13
|
-
var PlainText = function PlainText(_ref) {
|
|
14
|
-
var label = _ref.label,
|
|
15
|
-
name = _ref.name,
|
|
16
|
-
component = _ref.component,
|
|
17
|
-
element = _ref.element,
|
|
18
|
-
_ref$variant = _ref.variant,
|
|
19
|
-
variant = _ref$variant === void 0 ? 'body1' : _ref$variant,
|
|
20
|
-
_ref$gutterBottom = _ref.gutterBottom,
|
|
21
|
-
gutterBottom = _ref$gutterBottom === void 0 ? true : _ref$gutterBottom,
|
|
22
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
23
|
-
return typeof label === 'string' ? label.split('\n').map(function (paragraph, index) {
|
|
24
|
-
return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
|
|
25
|
-
key: "".concat(index, "-").concat(name),
|
|
26
|
-
variant: variant,
|
|
27
|
-
gutterBottom: gutterBottom
|
|
28
|
-
}, props, element && {
|
|
29
|
-
component: element
|
|
30
|
-
}), paragraph);
|
|
31
|
-
}) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({}, props, element && {
|
|
32
|
-
component: element
|
|
33
|
-
}), label);
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
34
12
|
};
|
|
35
|
-
var
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
+
var material_1 = require("@mui/material");
|
|
27
|
+
var PlainText = function (_a) {
|
|
28
|
+
var label = _a.label, name = _a.name, component = _a.component, element = _a.element, _b = _a.variant, variant = _b === void 0 ? 'body1' : _b, _c = _a.gutterBottom, gutterBottom = _c === void 0 ? true : _c, props = __rest(_a, ["label", "name", "component", "element", "variant", "gutterBottom"]);
|
|
29
|
+
return typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: label.split('\n').map(function (paragraph, index) { return ((0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: variant, gutterBottom: gutterBottom }, props, (element && { component: element }), { children: paragraph }), "".concat(index, "-").concat(name))); }) })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, __assign({}, props, (element && { component: element }), { children: label })));
|
|
30
|
+
};
|
|
31
|
+
exports.default = PlainText;
|
|
32
|
+
//# sourceMappingURL=plain-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plain-text.js","sourceRoot":"","sources":["../src/plain-text/plain-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA2C;AAY3C,IAAM,SAAS,GAA6B,UAAC,EAAqF;IAAnF,IAAA,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EAAK,KAAK,cAAnF,oEAAqF,CAAF;IAC9H,OAAA,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,2DACG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK,IAAK,OAAA,CAC3C,uBAAC,qBAAU,aAA0B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAM,KAAK,EAAM,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,cAClI,SAAS,KADK,UAAG,KAAK,cAAI,IAAI,CAAE,CAEtB,CACd,EAJ4C,CAI5C,CAAC,GACD,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,eAAK,KAAK,EAAM,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,cAC3D,KAAK,IACK,CACd,CAAA;CAAA,CAAC;AAEJ,kBAAe,SAAS,CAAC"}
|
package/radio/index.js
CHANGED
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _exportNames = {};
|
|
8
|
-
Object.defineProperty(exports, "default", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _radio["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var _radio = _interopRequireWildcard(require("./radio"));
|
|
15
|
-
Object.keys(_radio).forEach(function (key) {
|
|
16
|
-
if (key === "default" || key === "__esModule") return;
|
|
17
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
18
|
-
if (key in exports && exports[key] === _radio[key]) return;
|
|
19
|
-
Object.defineProperty(exports, key, {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _radio[key];
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
23
7
|
}
|
|
24
|
-
|
|
25
|
-
})
|
|
26
|
-
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
var radio_1 = require("./radio");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(radio_1).default; } });
|
|
23
|
+
__exportStar(require("./radio"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/radio/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA;AAChB,0CAAwB"}
|
package/radio/radio.d.ts
CHANGED
|
@@ -1,27 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
export interface
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import type { FormControlLabelProps, FormControlProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
|
|
2
|
+
import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
|
|
3
|
+
import type { SelectOption, OptionValue } from '@data-driven-forms/common';
|
|
4
|
+
import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
|
|
5
|
+
export interface RadioProps<T = OptionValue> extends BaseFieldProps {
|
|
6
|
+
options: SelectOption<T>[];
|
|
7
|
+
FormFieldGridProps?: FormFieldGridProps;
|
|
8
|
+
FormControlProps?: FormControlProps;
|
|
9
|
+
FormLabelProps?: FormLabelProps;
|
|
10
|
+
FormHelperTextProps?: FormHelperTextProps;
|
|
11
|
+
FormControlLabelProps?: FormControlLabelProps;
|
|
12
|
+
RadioProps?: {
|
|
13
|
+
inputProps?: Record<string, any>;
|
|
14
|
+
[key: string]: any;
|
|
15
|
+
};
|
|
16
|
+
[key: string]: any;
|
|
8
17
|
}
|
|
9
|
-
|
|
10
|
-
options?: RadioOption[];
|
|
11
|
-
FormFieldGridProps?: GridProps;
|
|
12
|
-
FormControlProps?: FormControlProps;
|
|
13
|
-
FormControlLabelProps?: FormControlLabelProps;
|
|
14
|
-
RadioProps?: MuiRadioProps;
|
|
15
|
-
FormLabelProps?: FormLabelProps;
|
|
16
|
-
FormHelperTextProps?: FormHelperTextProps;
|
|
17
|
-
isDisabled?: boolean;
|
|
18
|
-
description?: ReactNode;
|
|
19
|
-
helperText?: ReactNode;
|
|
20
|
-
validateOnMount?: boolean;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export type RadioProps = InternalRadioProps & UseFieldApiComponentConfig;
|
|
24
|
-
|
|
25
|
-
declare const Radio: React.ComponentType<RadioProps>;
|
|
26
|
-
|
|
18
|
+
declare function Radio<T = OptionValue>({ name, ...props }: RadioProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
27
19
|
export default Radio;
|
package/radio/radio.js
CHANGED
|
@@ -1,121 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
var styles_1 = require("@mui/material/styles");
|
|
30
|
+
var material_1 = require("@mui/material");
|
|
31
|
+
var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
|
|
32
|
+
var form_field_grid_1 = __importDefault(require("../form-field-grid/form-field-grid"));
|
|
33
|
+
var validation_error_1 = require("../validation-error/validation-error");
|
|
27
34
|
var PREFIX = 'Radio';
|
|
28
35
|
var classes = {
|
|
29
|
-
|
|
36
|
+
grid: "".concat(PREFIX, "-grid"),
|
|
30
37
|
};
|
|
31
|
-
var StyledFormFieldGrid = (0,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
38
|
+
var StyledFormFieldGrid = (0, styles_1.styled)(form_field_grid_1.default)(function () {
|
|
39
|
+
var _a;
|
|
40
|
+
return (_a = {},
|
|
41
|
+
_a["&.".concat(classes.grid)] = {
|
|
42
|
+
'&:first-of-type': {
|
|
43
|
+
marginTop: 8,
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
_a);
|
|
37
47
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}),
|
|
53
|
-
input = _useFieldApi.input;
|
|
54
|
-
return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], (0, _extends2["default"])({
|
|
55
|
-
key: "".concat(name, "-").concat(option.value),
|
|
56
|
-
control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], (0, _extends2["default"])({}, input, {
|
|
57
|
-
name: name,
|
|
58
|
-
disabled: isDisabled || isReadOnly,
|
|
59
|
-
onChange: function onChange() {
|
|
60
|
-
return input.onChange(option.value);
|
|
61
|
-
},
|
|
62
|
-
inputProps: _objectSpread({
|
|
63
|
-
readOnly: isReadOnly
|
|
64
|
-
}, inputProps)
|
|
65
|
-
}, RadioProps)),
|
|
66
|
-
label: option.label
|
|
67
|
-
}, FormControlLabelProps, props));
|
|
68
|
-
};
|
|
69
|
-
var Radio = function Radio(_ref3) {
|
|
70
|
-
var name = _ref3.name,
|
|
71
|
-
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
|
|
72
|
-
var _useFieldApi2 = (0, _useFieldApi3["default"])(_objectSpread(_objectSpread({}, props), {}, {
|
|
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);
|
|
99
|
-
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
100
|
-
var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
|
|
101
|
-
return /*#__PURE__*/_react["default"].createElement(StyledFormFieldGrid, (0, _extends2["default"])({
|
|
102
|
-
className: classes.grid
|
|
103
|
-
}, FormFieldGridProps), /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
|
|
104
|
-
required: isRequired,
|
|
105
|
-
error: !!invalid,
|
|
106
|
-
component: "fieldset"
|
|
107
|
-
}, FormControlProps), /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], (0, _extends2["default"])({
|
|
108
|
-
component: "legend"
|
|
109
|
-
}, FormLabelProps), label), options.map(function (option) {
|
|
110
|
-
return /*#__PURE__*/_react["default"].createElement(RadioOption, (0, _extends2["default"])({
|
|
111
|
-
key: option.value,
|
|
112
|
-
name: name,
|
|
113
|
-
option: option,
|
|
114
|
-
isDisabled: isDisabled,
|
|
115
|
-
isReadOnly: isReadOnly,
|
|
116
|
-
FormControlLabelProps: FormControlLabelProps,
|
|
117
|
-
RadioProps: RadioProps
|
|
118
|
-
}, rest));
|
|
119
|
-
}), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text)));
|
|
120
|
-
};
|
|
121
|
-
var _default = exports["default"] = Radio;
|
|
48
|
+
function RadioOption(_a) {
|
|
49
|
+
var name = _a.name, option = _a.option, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, FormControlLabelProps = _a.FormControlLabelProps, _b = _a.RadioProps, _c = _b === void 0 ? {} : _b, inputProps = _c.inputProps, RadioProps = __rest(_c, ["inputProps"]), props = __rest(_a, ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"]);
|
|
50
|
+
var input = (0, react_form_renderer_1.useFieldApi)({ name: name, type: 'radio', value: option.value }).input;
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, __assign({ control: (0, jsx_runtime_1.jsx)(material_1.Radio, __assign({}, input, { name: name, disabled: isDisabled || isReadOnly, onChange: function () { return input.onChange(option.value); }, inputProps: __assign({ readOnly: isReadOnly }, inputProps) }, RadioProps)), label: option.label }, FormControlLabelProps, props), "".concat(name, "-").concat(String(option.value))));
|
|
52
|
+
}
|
|
53
|
+
function Radio(_a) {
|
|
54
|
+
var name = _a.name, props = __rest(_a, ["name"]);
|
|
55
|
+
var _b = (0, react_form_renderer_1.useFieldApi)(__assign(__assign({}, props), { name: name, type: 'radio' })), _c = _b.options, options = _c === void 0 ? [] : _c, isDisabled = _b.isDisabled, label = _b.label, isRequired = _b.isRequired, helperText = _b.helperText, description = _b.description, isReadOnly = _b.isReadOnly, meta = _b.meta, validateOnMount = _b.validateOnMount, _d = _b.FormFieldGridProps, FormFieldGridProps = _d === void 0 ? {} : _d, _e = _b.FormControlProps, FormControlProps = _e === void 0 ? {} : _e, _f = _b.FormLabelProps, FormLabelProps = _f === void 0 ? {} : _f, _g = _b.FormHelperTextProps, FormHelperTextProps = _g === void 0 ? {} : _g, _h = _b.FormControlLabelProps, FormControlLabelProps = _h === void 0 ? {} : _h, _j = _b.RadioProps, RadioProps = _j === void 0 ? {} : _j, rest = __rest(_b, ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"]);
|
|
56
|
+
var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
|
|
57
|
+
var text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(StyledFormFieldGrid, __assign({ className: classes.grid }, FormFieldGridProps, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, __assign({ component: "legend" }, FormLabelProps, { children: label })), options.map(function (option) { return ((0, jsx_runtime_1.jsx)(RadioOption, __assign({ name: name || '', option: option, isDisabled: isDisabled, isReadOnly: isReadOnly, FormControlLabelProps: FormControlLabelProps, RadioProps: RadioProps }, rest), String(option.value))); }), text && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, __assign({}, FormHelperTextProps, { children: text }))] })) })));
|
|
59
|
+
}
|
|
60
|
+
exports.default = Radio;
|
|
61
|
+
//# sourceMappingURL=radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../src/radio/radio.tsx"],"names":[],"mappings":"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"}
|
package/select/index.js
CHANGED
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _exportNames = {};
|
|
8
|
-
Object.defineProperty(exports, "default", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _select["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var _select = _interopRequireWildcard(require("./select"));
|
|
15
|
-
Object.keys(_select).forEach(function (key) {
|
|
16
|
-
if (key === "default" || key === "__esModule") return;
|
|
17
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
18
|
-
if (key in exports && exports[key] === _select[key]) return;
|
|
19
|
-
Object.defineProperty(exports, key, {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _select[key];
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
23
7
|
}
|
|
24
|
-
|
|
25
|
-
})
|
|
26
|
-
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
var select_1 = require("./select");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(select_1).default; } });
|
|
23
|
+
__exportStar(require("./select"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}
|
package/select/select.d.ts
CHANGED
|
@@ -1,29 +1,44 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
1
|
+
import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
|
|
2
|
+
import type { SelectOption, OptionValue } from '@data-driven-forms/common';
|
|
3
|
+
export interface SelectProps<T = OptionValue> extends BaseFieldProps {
|
|
4
|
+
options?: SelectOption<T>[];
|
|
5
|
+
loadOptions?: (inputValue: string) => Promise<SelectOption<T>[]>;
|
|
6
|
+
isSearchable?: boolean;
|
|
7
|
+
isMulti?: boolean;
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
isClearable?: boolean;
|
|
10
|
+
disableClearable?: boolean;
|
|
11
|
+
hideSelectedOptions?: boolean;
|
|
12
|
+
closeMenuOnSelect?: boolean;
|
|
13
|
+
isFetching?: boolean;
|
|
14
|
+
noOptionsMessage?: () => string;
|
|
15
|
+
noOptionsText?: () => string;
|
|
16
|
+
loadingMessage?: string;
|
|
17
|
+
loadingText?: string;
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
FormFieldGridProps?: Record<string, any>;
|
|
20
|
+
TextFieldProps?: {
|
|
21
|
+
inputProps?: Record<string, any>;
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
};
|
|
24
|
+
inputProps?: Record<string, any>;
|
|
25
|
+
classNamePrefix?: string;
|
|
26
|
+
onInputChange?: (value: string) => void;
|
|
27
|
+
[key: string]: any;
|
|
23
28
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Returns label of selected option
|
|
31
|
+
* @param {Object|Array} option currently selected option
|
|
32
|
+
* @param {Array<Object>} options all options available
|
|
33
|
+
* @returns {String}
|
|
34
|
+
*/
|
|
35
|
+
export declare function getOptionLabel<T = OptionValue>(option: T | SelectOption<T> | undefined, options: SelectOption<T>[]): string;
|
|
36
|
+
/**
|
|
37
|
+
* Function that creates correct DDF select value format
|
|
38
|
+
* @param {Object|Array} option currently selected values
|
|
39
|
+
* @param {Boolean} isMulti multiple select flag
|
|
40
|
+
* @returns {Object|Array<Object>}
|
|
41
|
+
*/
|
|
42
|
+
export declare function createValue<T = OptionValue>(option: T | SelectOption<T> | (T | SelectOption<T>)[] | null, isMulti: boolean): T | SelectOption<T> | (T | SelectOption<T>)[] | undefined;
|
|
43
|
+
declare function Select<T = OptionValue>(props: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
29
44
|
export default Select;
|