@data-driven-forms/mui-component-mapper 4.1.13 → 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 +11 -3
- 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 +8 -10
- 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/sub-form/sub-form.js
CHANGED
|
@@ -1,62 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
+
var styles_1 = require("@mui/material/styles");
|
|
27
|
+
var material_1 = require("@mui/material");
|
|
28
|
+
var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
|
|
17
29
|
var PREFIX = 'SubForm';
|
|
18
30
|
var classes = {
|
|
19
|
-
|
|
31
|
+
grid: "".concat(PREFIX, "-grid"),
|
|
20
32
|
};
|
|
21
|
-
var StyledGrid = (0,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
33
|
+
var StyledGrid = (0, styles_1.styled)(material_1.Grid)(function () {
|
|
34
|
+
var _a;
|
|
35
|
+
return (_a = {},
|
|
36
|
+
_a["&.".concat(classes.grid)] = {
|
|
37
|
+
paddingRight: 0,
|
|
38
|
+
paddingLeft: 0,
|
|
39
|
+
},
|
|
40
|
+
_a);
|
|
26
41
|
});
|
|
27
|
-
var SubForm = function
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
description
|
|
31
|
-
component = _ref2.component,
|
|
32
|
-
TitleGridProps = _ref2.TitleGridProps,
|
|
33
|
-
TitleProps = _ref2.TitleProps,
|
|
34
|
-
DescriptionProps = _ref2.DescriptionProps,
|
|
35
|
-
DescriptionGridProps = _ref2.DescriptionGridProps,
|
|
36
|
-
ItemsGridProps = _ref2.ItemsGridProps,
|
|
37
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
|
38
|
-
var _useFormApi = (0, _useFormApi2["default"])(),
|
|
39
|
-
renderForm = _useFormApi.renderForm;
|
|
40
|
-
return /*#__PURE__*/_react["default"].createElement(StyledGrid, (0, _extends2["default"])({
|
|
41
|
-
item: true,
|
|
42
|
-
xs: 12,
|
|
43
|
-
container: true,
|
|
44
|
-
className: classes.grid
|
|
45
|
-
}, rest), title && /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
|
|
46
|
-
item: true,
|
|
47
|
-
xs: 12
|
|
48
|
-
}, TitleGridProps), /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
|
|
49
|
-
variant: "h5"
|
|
50
|
-
}, TitleProps), title)), description && /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
|
|
51
|
-
item: true,
|
|
52
|
-
xs: 12
|
|
53
|
-
}, DescriptionGridProps), /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
|
|
54
|
-
paragraph: true
|
|
55
|
-
}, DescriptionProps), description)), /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
|
|
56
|
-
item: true,
|
|
57
|
-
xs: 12,
|
|
58
|
-
container: true,
|
|
59
|
-
rowSpacing: 2
|
|
60
|
-
}, ItemsGridProps), renderForm(fields)));
|
|
42
|
+
var SubForm = function (_a) {
|
|
43
|
+
var fields = _a.fields, title = _a.title, description = _a.description, component = _a.component, _b = _a.TitleGridProps, TitleGridProps = _b === void 0 ? {} : _b, _c = _a.TitleProps, TitleProps = _c === void 0 ? {} : _c, _d = _a.DescriptionProps, DescriptionProps = _d === void 0 ? {} : _d, _e = _a.DescriptionGridProps, DescriptionGridProps = _e === void 0 ? {} : _e, _f = _a.ItemsGridProps, ItemsGridProps = _f === void 0 ? {} : _f, rest = __rest(_a, ["fields", "title", "description", "component", "TitleGridProps", "TitleProps", "DescriptionProps", "DescriptionGridProps", "ItemsGridProps"]);
|
|
44
|
+
var renderForm = (0, react_form_renderer_1.useFormApi)().renderForm;
|
|
45
|
+
return ((0, jsx_runtime_1.jsxs)(StyledGrid, __assign({ item: true, xs: 12, container: true, className: classes.grid }, rest, { children: [title && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, TitleGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h5" }, TitleProps, { children: title })) }))), description && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, DescriptionGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ paragraph: true }, DescriptionProps, { children: description })) }))), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, container: true, rowSpacing: 2 }, ItemsGridProps, { children: renderForm(fields) }))] })));
|
|
61
46
|
};
|
|
62
|
-
|
|
47
|
+
exports.default = SubForm;
|
|
48
|
+
//# sourceMappingURL=sub-form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sub-form.js","sourceRoot":"","sources":["../src/sub-form/sub-form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA8C;AAC9C,0CAAiD;AAGjD,8EAAoE;AAGpE,IAAM,MAAM,GAAG,SAAS,CAAC;AAEzB,IAAM,OAAO,GAAG;IACd,IAAI,EAAE,UAAG,MAAM,UAAO;CACvB,CAAC;AAEF,IAAM,UAAU,GAAG,IAAA,eAAM,EAAC,eAAI,CAAC,CAAC;;IAAM,OAAA;QACpC,GAAC,YAAK,OAAO,CAAC,IAAI,CAAE,IAAG;YACrB,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;SACf;WACD;AALoC,CAKpC,CAAC,CAAC;AAcJ,IAAM,OAAO,GAA2B,UAAC,EAWxC;IAVC,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,4BAAyB,EAAzB,oBAAoB,mBAAG,EAAE,KAAA,EACzB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EAChB,IAAI,cAVgC,6IAWxC,CADQ;IAEC,IAAA,UAAU,GAAK,IAAA,gCAAU,GAAE,WAAjB,CAAkB;IAEpC,OAAO,CACL,wBAAC,UAAU,aAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,QAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,IAAI,eACjE,KAAK,IAAI,CACR,uBAAC,eAAI,aAAC,IAAI,QAAC,EAAE,EAAE,EAAE,IAAM,cAAc,cACnC,uBAAC,qBAAU,aAAC,OAAO,EAAC,IAAI,IAAK,UAAU,cACpC,KAAK,IACK,IACR,CACR,EACA,WAAW,IAAI,CACd,uBAAC,eAAI,aAAC,IAAI,QAAC,EAAE,EAAE,EAAE,IAAM,oBAAoB,cACzC,uBAAC,qBAAU,aAAC,SAAS,UAAK,gBAAgB,cACvC,WAAW,IACD,IACR,CACR,EACD,uBAAC,eAAI,aAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,QAAC,UAAU,EAAE,CAAC,IAAM,cAAc,cAC3D,UAAU,CAAC,MAAM,CAAC,IACd,KACI,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
package/switch/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 _switch["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var _switch = _interopRequireWildcard(require("./switch"));
|
|
15
|
-
Object.keys(_switch).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] === _switch[key]) return;
|
|
19
|
-
Object.defineProperty(exports, key, {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _switch[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 switch_1 = require("./switch");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(switch_1).default; } });
|
|
23
|
+
__exportStar(require("./switch"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/switch/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}
|
package/switch/switch.d.ts
CHANGED
|
@@ -1,28 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
interface
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
FormControlProps?: FormControlProps;
|
|
17
|
-
FormGroupProps?: FormGroupProps;
|
|
18
|
-
FormControlLabelProps?: FormControlLabelProps;
|
|
19
|
-
SwitchProps?: MuiSwitchProps;
|
|
20
|
-
FormLabelProps?: FormLabelProps;
|
|
21
|
-
FormHelperTextProps?: FormHelperTextProps;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { FormControlLabelProps, FormHelperTextProps, FormControlProps, FormGroupProps, FormLabelProps, SwitchProps as MUISwitchProps } from '@mui/material';
|
|
3
|
+
import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
|
|
4
|
+
import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
|
|
5
|
+
export interface SwitchProps extends BaseFieldProps {
|
|
6
|
+
onText?: string;
|
|
7
|
+
offText?: string;
|
|
8
|
+
FormFieldGridProps?: FormFieldGridProps;
|
|
9
|
+
FormControlProps?: FormControlProps;
|
|
10
|
+
FormGroupProps?: FormGroupProps;
|
|
11
|
+
FormControlLabelProps?: FormControlLabelProps;
|
|
12
|
+
SwitchProps?: MUISwitchProps;
|
|
13
|
+
FormLabelProps?: FormLabelProps;
|
|
14
|
+
FormHelperTextProps?: FormHelperTextProps;
|
|
15
|
+
[key: string]: any;
|
|
22
16
|
}
|
|
23
|
-
|
|
24
|
-
export type SwitchProps = InternalSwitchProps & UseFieldApiComponentConfig;
|
|
25
|
-
|
|
26
|
-
declare const Switch: React.ComponentType<SwitchProps>;
|
|
27
|
-
|
|
17
|
+
export declare const Switch: React.FC<SwitchProps>;
|
|
28
18
|
export default Switch;
|
package/switch/switch.js
CHANGED
|
@@ -1,72 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
|
|
13
|
-
var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
|
|
14
|
-
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
15
|
-
var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
|
|
16
|
-
var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
|
|
17
|
-
var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
|
|
18
|
-
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
|
|
19
|
-
var _validationError = require("../validation-error/validation-error");
|
|
20
|
-
var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
|
|
21
|
-
var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "onText", "offText", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormControlLabelProps", "SwitchProps", "FormLabelProps", "FormHelperTextProps"];
|
|
22
|
-
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; }
|
|
23
|
-
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; }
|
|
24
|
-
var Switch = exports.Switch = function Switch(props) {
|
|
25
|
-
var _useFieldApi = (0, _useFieldApi2["default"])(_objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
-
type: 'checkbox'
|
|
27
|
-
})),
|
|
28
|
-
input = _useFieldApi.input,
|
|
29
|
-
isReadOnly = _useFieldApi.isReadOnly,
|
|
30
|
-
isDisabled = _useFieldApi.isDisabled,
|
|
31
|
-
isRequired = _useFieldApi.isRequired,
|
|
32
|
-
label = _useFieldApi.label,
|
|
33
|
-
helperText = _useFieldApi.helperText,
|
|
34
|
-
description = _useFieldApi.description,
|
|
35
|
-
validateOnMount = _useFieldApi.validateOnMount,
|
|
36
|
-
meta = _useFieldApi.meta,
|
|
37
|
-
onText = _useFieldApi.onText,
|
|
38
|
-
offText = _useFieldApi.offText,
|
|
39
|
-
_useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
|
|
40
|
-
FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
|
|
41
|
-
_useFieldApi$FormCont = _useFieldApi.FormControlProps,
|
|
42
|
-
FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
|
|
43
|
-
_useFieldApi$FormGrou = _useFieldApi.FormGroupProps,
|
|
44
|
-
FormGroupProps = _useFieldApi$FormGrou === void 0 ? {} : _useFieldApi$FormGrou,
|
|
45
|
-
_useFieldApi$FormCont2 = _useFieldApi.FormControlLabelProps,
|
|
46
|
-
FormControlLabelProps = _useFieldApi$FormCont2 === void 0 ? {} : _useFieldApi$FormCont2,
|
|
47
|
-
_useFieldApi$SwitchPr = _useFieldApi.SwitchProps,
|
|
48
|
-
SwitchProps = _useFieldApi$SwitchPr === void 0 ? {} : _useFieldApi$SwitchPr,
|
|
49
|
-
_useFieldApi$FormLabe = _useFieldApi.FormLabelProps,
|
|
50
|
-
FormLabelProps = _useFieldApi$FormLabe === void 0 ? {} : _useFieldApi$FormLabe,
|
|
51
|
-
_useFieldApi$FormHelp = _useFieldApi.FormHelperTextProps,
|
|
52
|
-
FormHelperTextProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
|
|
53
|
-
rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
|
|
54
|
-
var invalid = (0, _validationError.validationError)(meta, validateOnMount);
|
|
55
|
-
var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
|
|
56
|
-
return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
|
|
57
|
-
required: isRequired,
|
|
58
|
-
error: !!invalid,
|
|
59
|
-
component: "fieldset"
|
|
60
|
-
}, FormControlProps), /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], FormGroupProps, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], (0, _extends2["default"])({
|
|
61
|
-
control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], (0, _extends2["default"])({}, rest, input, {
|
|
62
|
-
readOnly: isReadOnly,
|
|
63
|
-
disabled: isDisabled || isReadOnly,
|
|
64
|
-
onChange: function onChange(_ref) {
|
|
65
|
-
var checked = _ref.target.checked;
|
|
66
|
-
return input.onChange(checked);
|
|
67
|
-
}
|
|
68
|
-
}, SwitchProps)),
|
|
69
|
-
label: /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], FormLabelProps, input.checked ? onText || label : offText || label)
|
|
70
|
-
}, FormControlLabelProps)), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text))));
|
|
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);
|
|
71
12
|
};
|
|
72
|
-
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Switch = void 0;
|
|
29
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
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");
|
|
34
|
+
var Switch = function (props) {
|
|
35
|
+
var _a = (0, react_form_renderer_1.useFieldApi)(__assign(__assign({}, props), { type: 'checkbox' })), input = _a.input, isReadOnly = _a.isReadOnly, isDisabled = _a.isDisabled, isRequired = _a.isRequired, label = _a.label, helperText = _a.helperText, description = _a.description, validateOnMount = _a.validateOnMount, meta = _a.meta, onText = _a.onText, offText = _a.offText, _b = _a.FormFieldGridProps, FormFieldGridProps = _b === void 0 ? {} : _b, _c = _a.FormControlProps, FormControlProps = _c === void 0 ? {} : _c, _d = _a.FormGroupProps, FormGroupProps = _d === void 0 ? {} : _d, _e = _a.FormControlLabelProps, FormControlLabelProps = _e === void 0 ? {} : _e, _f = _a.SwitchProps, SwitchProps = _f === void 0 ? {} : _f, _g = _a.FormLabelProps, FormLabelProps = _g === void 0 ? {} : _g, _h = _a.FormHelperTextProps, FormHelperTextProps = _h === void 0 ? {} : _h, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "onText", "offText", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormControlLabelProps", "SwitchProps", "FormLabelProps", "FormHelperTextProps"]);
|
|
36
|
+
var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
|
|
37
|
+
var text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, __assign({ required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: (0, jsx_runtime_1.jsxs)(material_1.FormGroup, __assign({}, FormGroupProps, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, __assign({ control: (0, jsx_runtime_1.jsx)(material_1.Switch, __assign({}, rest, input, { readOnly: isReadOnly, disabled: isDisabled || isReadOnly, onChange: function (_a) {
|
|
39
|
+
var checked = _a.target.checked;
|
|
40
|
+
return input.onChange(checked);
|
|
41
|
+
} }, SwitchProps)), label: (0, jsx_runtime_1.jsx)(material_1.FormLabel, __assign({}, FormLabelProps, { children: input.checked ? onText || label : offText || label })) }, FormControlLabelProps)), text && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, __assign({}, FormHelperTextProps, { children: text }))] })) })) })));
|
|
42
|
+
};
|
|
43
|
+
exports.Switch = Switch;
|
|
44
|
+
exports.default = exports.Switch;
|
|
45
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAAyH;AASzH,8EAAqE;AAGrE,uFAA+D;AAE/D,yEAAuE;AAgBhE,IAAM,MAAM,GAA0B,UAAC,KAAK;IACjD,IAAM,KAoBF,IAAA,iCAAW,wBACV,KAAK,KACR,IAAI,EAAE,UAAU,IAChB,EAtBA,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,6BAA0B,EAA1B,qBAAqB,mBAAG,EAAE,KAAA,EAC1B,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACrB,IAAI,cAnBH,sRAoBL,CAGC,CAAC;IAEH,IAAM,OAAO,GAAG,IAAA,kCAAe,EAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAC5E,IAAM,IAAI,GAAG,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,CAAC;IAEzG,OAAO,CACL,uBAAC,yBAAa,eAAK,kBAAkB,cACnC,uBAAC,sBAAW,aAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,UAAU,IAAK,gBAAgB,cAC5F,wBAAC,oBAAS,eAAK,cAAc,eAC3B,uBAAC,2BAAgB,aACf,OAAO,EACL,uBAAC,iBAAS,eACJ,IAAI,EACJ,KAAK,IACT,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,IAAI,UAAU,EAClC,QAAQ,EAAE,UAAC,EAAuB;oCAAX,OAAO,oBAAA;gCAAS,OAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;4BAAvB,CAAuB,IAC1D,WAAW,EACf,EAEJ,KAAK,EAAE,uBAAC,oBAAS,eAAK,cAAc,cAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,IAAa,IAClG,qBAAqB,EACzB,EACD,IAAI,IAAI,uBAAC,yBAAc,eAAK,mBAAmB,cAAG,IAAI,IAAkB,KAC/D,IACA,IACA,CACjB,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,MAAM,UAoDjB;AAEF,kBAAe,cAAM,CAAC"}
|
package/tabs/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 _tabs["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var _tabs = _interopRequireWildcard(require("./tabs"));
|
|
15
|
-
Object.keys(_tabs).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] === _tabs[key]) return;
|
|
19
|
-
Object.defineProperty(exports, key, {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _tabs[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 tabs_1 = require("./tabs");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(tabs_1).default; } });
|
|
23
|
+
__exportStar(require("./tabs"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,yCAAuB"}
|
package/tabs/tabs.d.ts
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { AppBarProps, GridProps, TabProps } from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
FormFieldGridProps?: GridProps,
|
|
10
|
-
GridItemProps?: GridProps,
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AppBarProps, GridProps, TabProps as MUITabProps, TabsProps } from '@mui/material';
|
|
3
|
+
import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
|
|
4
|
+
import type { Field } from '@data-driven-forms/react-form-renderer';
|
|
5
|
+
interface TabField {
|
|
6
|
+
fields: Field[];
|
|
7
|
+
title?: string;
|
|
8
|
+
name?: string;
|
|
11
9
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
export interface FormTabsProps {
|
|
11
|
+
fields: TabField[];
|
|
12
|
+
AppBarProps?: AppBarProps;
|
|
13
|
+
TabsProps?: TabsProps;
|
|
14
|
+
TabProps?: MUITabProps;
|
|
15
|
+
FormFieldGridProps?: FormFieldGridProps;
|
|
16
|
+
GridItemProps?: GridProps;
|
|
17
|
+
}
|
|
18
|
+
declare const FormTabs: React.FC<FormTabsProps>;
|
|
19
|
+
export default FormTabs;
|
package/tabs/tabs.js
CHANGED
|
@@ -1,84 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
|
|
14
|
-
var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
|
|
15
|
-
var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
|
|
16
|
-
var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
|
|
17
|
-
var _formFieldGrid = _interopRequireDefault(require("../form-field-grid"));
|
|
18
|
-
var _useFormApi = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-form-api"));
|
|
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; }
|
|
22
|
-
var FormTabs = function FormTabs(_ref) {
|
|
23
|
-
var fields = _ref.fields,
|
|
24
|
-
_ref$AppBarProps = _ref.AppBarProps,
|
|
25
|
-
AppBarProps = _ref$AppBarProps === void 0 ? {} : _ref$AppBarProps,
|
|
26
|
-
_ref$TabsProps = _ref.TabsProps,
|
|
27
|
-
TabsProps = _ref$TabsProps === void 0 ? {} : _ref$TabsProps,
|
|
28
|
-
_ref$TabProps = _ref.TabProps,
|
|
29
|
-
TabProps = _ref$TabProps === void 0 ? {} : _ref$TabProps,
|
|
30
|
-
_ref$FormFieldGridPro = _ref.FormFieldGridProps,
|
|
31
|
-
FormFieldGridProps = _ref$FormFieldGridPro === void 0 ? {} : _ref$FormFieldGridPro,
|
|
32
|
-
_ref$GridItemProps = _ref.GridItemProps,
|
|
33
|
-
GridItemProps = _ref$GridItemProps === void 0 ? {} : _ref$GridItemProps;
|
|
34
|
-
var formOptions = (0, _useFormApi["default"])();
|
|
35
|
-
var _useState = (0, _react.useState)(0),
|
|
36
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
37
|
-
activeTab = _useState2[0],
|
|
38
|
-
setActiveTab = _useState2[1];
|
|
39
|
-
return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], (0, _extends2["default"])({
|
|
40
|
-
container: true
|
|
41
|
-
}, FormFieldGridProps), /*#__PURE__*/_react["default"].createElement(_AppBar["default"], (0, _extends2["default"])({
|
|
42
|
-
position: "static"
|
|
43
|
-
}, AppBarProps), /*#__PURE__*/_react["default"].createElement(_Tabs["default"], (0, _extends2["default"])({
|
|
44
|
-
textColor: "inherit",
|
|
45
|
-
value: activeTab,
|
|
46
|
-
onChange: function onChange(_e, tabIndex) {
|
|
47
|
-
return setActiveTab(tabIndex);
|
|
48
|
-
}
|
|
49
|
-
}, TabsProps), fields.map(function (_ref2) {
|
|
50
|
-
var title = _ref2.title,
|
|
51
|
-
name = _ref2.name;
|
|
52
|
-
return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({
|
|
53
|
-
key: name,
|
|
54
|
-
label: title
|
|
55
|
-
}, TabProps));
|
|
56
|
-
}))), fields.map(function (_ref3, index) {
|
|
57
|
-
var fields = _ref3.fields,
|
|
58
|
-
name = _ref3.name;
|
|
59
|
-
return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
|
|
60
|
-
key: name || index,
|
|
61
|
-
container: true,
|
|
62
|
-
item: true,
|
|
63
|
-
xs: 12,
|
|
64
|
-
rowSpacing: 2,
|
|
65
|
-
sx: _objectSpread({
|
|
66
|
-
mt: 1
|
|
67
|
-
}, index !== activeTab && {
|
|
68
|
-
display: 'none'
|
|
69
|
-
})
|
|
70
|
-
}, GridItemProps), formOptions.renderForm(fields));
|
|
71
|
-
}));
|
|
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);
|
|
72
12
|
};
|
|
73
|
-
var
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var react_1 = require("react");
|
|
19
|
+
var material_1 = require("@mui/material");
|
|
20
|
+
var form_field_grid_1 = __importDefault(require("../form-field-grid"));
|
|
21
|
+
var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
|
|
22
|
+
var FormTabs = function (_a) {
|
|
23
|
+
var fields = _a.fields, _b = _a.AppBarProps, AppBarProps = _b === void 0 ? {} : _b, _c = _a.TabsProps, TabsProps = _c === void 0 ? {} : _c, _d = _a.TabProps, TabProps = _d === void 0 ? {} : _d, _f = _a.FormFieldGridProps, FormFieldGridProps = _f === void 0 ? {} : _f, _g = _a.GridItemProps, GridItemProps = _g === void 0 ? {} : _g;
|
|
24
|
+
var formOptions = (0, react_form_renderer_1.useFormApi)();
|
|
25
|
+
var _h = (0, react_1.useState)(0), activeTab = _h[0], setActiveTab = _h[1];
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(form_field_grid_1.default, __assign({ container: true }, FormFieldGridProps, { children: [(0, jsx_runtime_1.jsx)(material_1.AppBar, __assign({ position: "static" }, AppBarProps, { children: (0, jsx_runtime_1.jsx)(material_1.Tabs, __assign({ textColor: "inherit", value: activeTab, onChange: function (_e, tabIndex) { return setActiveTab(tabIndex); } }, TabsProps, { children: fields.map(function (_a, index) {
|
|
27
|
+
var title = _a.title, name = _a.name;
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Tab, __assign({ label: title }, TabProps), name || index));
|
|
29
|
+
}) })) })), fields.map(function (_a, index) {
|
|
30
|
+
var fields = _a.fields, name = _a.name;
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, item: true, xs: 12, rowSpacing: 2, sx: __assign({ mt: 1 }, (index !== activeTab && { display: 'none' })) }, GridItemProps, { children: formOptions.renderForm(fields) }), name || index));
|
|
32
|
+
})] })));
|
|
33
|
+
};
|
|
34
|
+
exports.default = FormTabs;
|
|
35
|
+
//# sourceMappingURL=tabs.js.map
|
package/tabs/tabs.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,0CAAwD;AAGxD,uEAA+C;AAG/C,8EAAoE;AAkBpE,IAAM,QAAQ,GAA4B,UAAC,EAO1C;QANC,MAAM,YAAA,EACN,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA;IAElB,IAAM,WAAW,GAAG,IAAA,gCAAU,GAAE,CAAC;IAC3B,IAAA,KAA4B,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAtC,SAAS,QAAA,EAAE,YAAY,QAAe,CAAC;IAE9C,OAAO,CACL,wBAAC,yBAAa,aAAC,SAAS,UAAK,kBAAkB,eAC7C,uBAAC,iBAAM,aAAC,QAAQ,EAAC,QAAQ,IAAK,WAAW,cACvC,uBAAC,eAAI,aAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAC,EAAE,EAAE,QAAQ,IAAK,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,IAAM,SAAS,cAC1G,MAAM,CAAC,GAAG,CAAC,UAAC,EAAe,EAAE,KAAK;4BAApB,KAAK,WAAA,EAAE,IAAI,UAAA;wBAAc,OAAA,CACtC,uBAAC,cAAG,aAAqB,KAAK,EAAE,KAAK,IAAM,QAAQ,GAAzC,IAAI,IAAI,KAAK,CAAgC,CACxD;oBAFuC,CAEvC,CAAC,IACG,IACA,EACR,MAAM,CAAC,GAAG,CAAC,UAAC,EAAgB,EAAE,KAAK;oBAArB,MAAM,YAAA,EAAE,IAAI,UAAA;gBAAc,OAAA,CACvC,uBAAC,eAAI,aAEH,SAAS,QACT,IAAI,QACJ,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,CAAC,EACb,EAAE,aAAI,EAAE,EAAE,CAAC,IAAK,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,KACxD,aAAa,cAEhB,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,KAR1B,IAAI,IAAI,KAAK,CASb,CACR;YAZwC,CAYxC,CAAC,KACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
package/text-field/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 _textField["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var _textField = _interopRequireWildcard(require("./text-field"));
|
|
15
|
-
Object.keys(_textField).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] === _textField[key]) return;
|
|
19
|
-
Object.defineProperty(exports, key, {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _textField[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 text_field_1 = require("./text-field");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(text_field_1).default; } });
|
|
23
|
+
__exportStar(require("./text-field"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/text-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,+CAA6B"}
|