dynamic-mui 1.0.20 → 1.0.22
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/dist-modules/components/DynamicComponent.js +6 -5
- package/dist-modules/components/FormGenerator.js +57 -67
- package/dist-modules/components/controls/CheckBox/checkbox.js +14 -22
- package/dist-modules/components/controls/DataTable/datatable.js +11 -10
- package/dist-modules/components/controls/DateTime/datetime.js +19 -29
- package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +19 -29
- package/dist-modules/components/controls/Radio/radio.js +22 -36
- package/dist-modules/components/controls/Select/select.js +38 -56
- package/dist-modules/components/controls/Switch/switch.js +26 -40
- package/dist-modules/components/controls/TextField/textfield.js +40 -46
- package/dist-modules/components/controls/TimePicker/timepicker.js +19 -29
- package/dist-modules/components/controls/Typography/typography.js +7 -5
- package/dist-modules/components/controls/index.js +1 -1
- package/dist-modules/config/mui.js +1 -1
- package/dist-modules/data/checkbox.js +2 -2
- package/dist-modules/data/dataTable.js +2 -2
- package/dist-modules/data/dateTime.js +5 -5
- package/dist-modules/data/radio.js +2 -2
- package/dist-modules/data/select.js +5 -5
- package/dist-modules/data/switch.js +2 -2
- package/dist-modules/data/textfield.js +4 -4
- package/dist-modules/index.js +1 -1
- package/dist-modules/util/helper.js +48 -47
- package/dist-modules/util/useIsFirstRender.js +1 -1
- package/dist-modules/util/useUpdateEffect.js +2 -2
- package/dist-modules/util/validation.js +31 -31
- package/docs/asset-manifest.json +7 -7
- package/docs/build/2.3c12d3a0.js +2 -0
- package/docs/build/{2.30373255.js.LICENSE.txt → 2.3c12d3a0.js.LICENSE.txt} +0 -8
- package/docs/build/main.4e61cdbd.js +1 -0
- package/docs/index.html +3 -3
- package/package.json +1 -1
- package/docs/build/2.30373255.js +0 -2
- package/docs/build/main.26d6f886.js +0 -1
- /package/docs/build/{bundle.039d7aef.js → bundle.2d61df25.js} +0 -0
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -8,12 +7,14 @@ exports.default = DynamicComponent;
|
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
9
|
var Controls = _interopRequireWildcard(require("./controls/index"));
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
13
|
function DynamicComponent(props) {
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const {
|
|
15
|
+
map
|
|
16
|
+
} = props;
|
|
17
|
+
const CustomComponent = Controls.default[map];
|
|
17
18
|
return /*#__PURE__*/_react.default.createElement(CustomComponent, props);
|
|
18
19
|
}
|
|
19
20
|
DynamicComponent.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -15,78 +14,75 @@ var _mui = _interopRequireDefault(require("../config/mui"));
|
|
|
15
14
|
var _DynamicComponent = _interopRequireDefault(require("./DynamicComponent"));
|
|
16
15
|
var _helper = require("../util/helper");
|
|
17
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
19
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
-
|
|
20
|
+
const LIBMap = {
|
|
22
21
|
MUI: {
|
|
23
22
|
map: _mui.default
|
|
24
23
|
}
|
|
25
24
|
};
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var responseKeys = Object.keys(response);
|
|
25
|
+
const response = {};
|
|
26
|
+
const FormData = id => id ? response[id] : response;
|
|
27
|
+
exports.FormData = FormData;
|
|
28
|
+
const ClearFormData = id => {
|
|
29
|
+
const responseKeys = Object.keys(response);
|
|
32
30
|
if (id) {
|
|
33
31
|
delete response[id];
|
|
34
32
|
} else {
|
|
35
|
-
responseKeys.forEach(
|
|
36
|
-
return delete response[key];
|
|
37
|
-
});
|
|
33
|
+
responseKeys.forEach(key => delete response[key]);
|
|
38
34
|
}
|
|
39
35
|
};
|
|
36
|
+
exports.ClearFormData = ClearFormData;
|
|
40
37
|
function FormGenerator(_ref) {
|
|
41
|
-
|
|
42
|
-
data =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
_ref$MuiGridAttribute = _ref.MuiGridAttributes,
|
|
50
|
-
MuiGridAttributes = _ref$MuiGridAttribute === void 0 ? {
|
|
38
|
+
let {
|
|
39
|
+
data = [],
|
|
40
|
+
patch = {},
|
|
41
|
+
guid,
|
|
42
|
+
formRef,
|
|
43
|
+
onSubmit,
|
|
44
|
+
onChange,
|
|
45
|
+
MuiGridAttributes = {
|
|
51
46
|
spacing: 2
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
47
|
+
}
|
|
48
|
+
} = _ref;
|
|
49
|
+
const config = LIBMap.MUI;
|
|
50
|
+
const layout = (0, _helper.generateLayout)((0, _helper.updatePatchData)(data, patch, guid, response));
|
|
51
|
+
const onUpdate = (0, _react.useCallback)(_ref2 => {
|
|
52
|
+
let {
|
|
53
|
+
id,
|
|
54
|
+
value,
|
|
55
|
+
option
|
|
56
|
+
} = _ref2;
|
|
59
57
|
if ((0, _isEmpty.default)(response[guid])) response[guid] = patch;
|
|
60
58
|
response[guid][id] = value;
|
|
61
59
|
if (typeof onChange === 'function') {
|
|
62
60
|
onChange({
|
|
63
|
-
id
|
|
64
|
-
value
|
|
65
|
-
option
|
|
61
|
+
id,
|
|
62
|
+
value,
|
|
63
|
+
option
|
|
66
64
|
});
|
|
67
65
|
}
|
|
68
66
|
}, [onChange, patch, guid]);
|
|
69
|
-
|
|
67
|
+
const handleSubmit = (0, _react.useCallback)((submitCallback, formData, formGuid) => {
|
|
70
68
|
if (typeof submitCallback === 'function') {
|
|
71
69
|
submitCallback(response, null, formData, formGuid);
|
|
72
70
|
}
|
|
73
71
|
}, []);
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
type =
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var _configObj$options = configObj.options,
|
|
89
|
-
options = _configObj$options === void 0 ? {} : _configObj$options;
|
|
72
|
+
const renderDynamicComponent = (field, index) => {
|
|
73
|
+
const {
|
|
74
|
+
type = '',
|
|
75
|
+
style = {},
|
|
76
|
+
className = '',
|
|
77
|
+
visible = false,
|
|
78
|
+
rules = {}
|
|
79
|
+
} = field;
|
|
80
|
+
const cProps = field.props || {};
|
|
81
|
+
const cLayout = field.layout || {};
|
|
82
|
+
const configObj = config.map[type] || {};
|
|
83
|
+
const {
|
|
84
|
+
options = {}
|
|
85
|
+
} = configObj;
|
|
90
86
|
return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
|
|
91
87
|
key: (0, _helper.generateKey)('layout-comp', index),
|
|
92
88
|
item: true,
|
|
@@ -106,23 +102,17 @@ function FormGenerator(_ref) {
|
|
|
106
102
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
|
|
107
103
|
key: (0, _helper.generateKey)('layout-grid'),
|
|
108
104
|
container: true
|
|
109
|
-
}, MuiGridAttributes), layout.wrows.map(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
style: field.style || {},
|
|
117
|
-
className: "".concat(field.className || '', " ").concat(field.visible ? 'show' : 'hidden')
|
|
118
|
-
}, renderDynamicComponent(field, index));
|
|
119
|
-
}), /*#__PURE__*/_react.default.createElement("button", {
|
|
105
|
+
}, MuiGridAttributes), layout.wrows.map((row, rowIndex) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
106
|
+
key: (0, _helper.generateKey)('row', rowIndex)
|
|
107
|
+
}, row.map(renderDynamicComponent)))), layout.worows.map((field, index) => /*#__PURE__*/_react.default.createElement("div", {
|
|
108
|
+
key: (0, _helper.generateKey)('layout-comp', index),
|
|
109
|
+
style: field.style || {},
|
|
110
|
+
className: "".concat(field.className || '', " ").concat(field.visible ? 'show' : 'hidden')
|
|
111
|
+
}, renderDynamicComponent(field, index))), /*#__PURE__*/_react.default.createElement("button", {
|
|
120
112
|
"aria-label": "button",
|
|
121
113
|
type: "button",
|
|
122
114
|
ref: formRef,
|
|
123
|
-
onClick:
|
|
124
|
-
return handleSubmit(onSubmit, data, guid);
|
|
125
|
-
},
|
|
115
|
+
onClick: () => handleSubmit(onSubmit, data, guid),
|
|
126
116
|
style: {
|
|
127
117
|
display: 'none'
|
|
128
118
|
}
|
|
@@ -154,7 +144,7 @@ FormGenerator.defaultProps = {
|
|
|
154
144
|
}
|
|
155
145
|
};
|
|
156
146
|
var _default = exports.default = {
|
|
157
|
-
FormGenerator
|
|
158
|
-
FormData
|
|
159
|
-
ClearFormData
|
|
147
|
+
FormGenerator,
|
|
148
|
+
FormData,
|
|
149
|
+
ClearFormData
|
|
160
150
|
};
|
|
@@ -10,30 +10,22 @@ var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
|
10
10
|
var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
|
|
14
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
18
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
-
/** CheckBox Component */
|
|
13
|
+
/** Checkbox Component */
|
|
20
14
|
function CheckBox(_ref) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
id =
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
setChecked = _React$useState2[1];
|
|
33
|
-
var handleChange = function handleChange(event) {
|
|
15
|
+
let {
|
|
16
|
+
attributes,
|
|
17
|
+
onChange
|
|
18
|
+
} = _ref;
|
|
19
|
+
const {
|
|
20
|
+
MuiAttributes = {},
|
|
21
|
+
MuiFCLAttributes = {},
|
|
22
|
+
id = ''
|
|
23
|
+
} = attributes;
|
|
24
|
+
const [checked, setChecked] = _react.default.useState(MuiAttributes.defaultChecked || (attributes === null || attributes === void 0 ? void 0 : attributes.value) || false);
|
|
25
|
+
const handleChange = event => {
|
|
34
26
|
setChecked(event.target.checked);
|
|
35
27
|
onChange({
|
|
36
|
-
id
|
|
28
|
+
id,
|
|
37
29
|
value: event.target.checked
|
|
38
30
|
});
|
|
39
31
|
};
|
|
@@ -57,4 +49,4 @@ CheckBox.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
57
49
|
CheckBox.defaultProps = {
|
|
58
50
|
attributes: {},
|
|
59
51
|
onChange: null
|
|
60
|
-
};
|
|
52
|
+
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,20 +8,22 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
9
8
|
var _xDataGrid = require("@mui/x-data-grid");
|
|
10
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
13
|
function DataTable(props) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
const {
|
|
15
|
+
attributes
|
|
16
|
+
} = props;
|
|
17
|
+
const {
|
|
18
|
+
MuiAttributes = {},
|
|
19
|
+
container = {}
|
|
20
|
+
} = attributes;
|
|
20
21
|
return /*#__PURE__*/React.createElement("div", container, /*#__PURE__*/React.createElement(_xDataGrid.DataGrid, MuiAttributes));
|
|
21
22
|
}
|
|
22
23
|
DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
23
|
-
/** Attributes for
|
|
24
|
+
/** Attributes for Textfield */
|
|
24
25
|
attributes: _propTypes.default.objectOf(_propTypes.default.object)
|
|
25
26
|
} : {};
|
|
26
27
|
DataTable.defaultProps = {
|
|
27
28
|
attributes: {}
|
|
28
|
-
};
|
|
29
|
+
};
|
|
@@ -13,49 +13,39 @@ var _helper = require("../../../util/helper");
|
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
16
|
function DateTime(_ref) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
id =
|
|
31
|
-
MuiTextAttributes
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
setValue = _React$useState2[1];
|
|
36
|
-
(0, _useUpdateEffect.default)(function () {
|
|
17
|
+
let {
|
|
18
|
+
attributes,
|
|
19
|
+
onChange
|
|
20
|
+
} = _ref;
|
|
21
|
+
const {
|
|
22
|
+
MuiAttributes = {},
|
|
23
|
+
name = 'DatePicker',
|
|
24
|
+
id = '',
|
|
25
|
+
MuiTextAttributes
|
|
26
|
+
} = attributes;
|
|
27
|
+
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date());
|
|
28
|
+
(0, _useUpdateEffect.default)(() => {
|
|
37
29
|
if (attributes !== null && attributes !== void 0 && attributes.value) setValue(new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
38
30
|
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
39
|
-
|
|
31
|
+
const MuiDateTime = (0, _helper.DateComponent)(name);
|
|
40
32
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
41
33
|
dateAdapter: _AdapterDateFns.AdapterDateFns
|
|
42
34
|
}, /*#__PURE__*/_react.default.createElement(MuiDateTime, _extends({
|
|
43
35
|
value: value,
|
|
44
|
-
onChange:
|
|
36
|
+
onChange: newValue => {
|
|
45
37
|
setValue(newValue);
|
|
46
|
-
|
|
47
|
-
id
|
|
38
|
+
onChange({
|
|
39
|
+
id,
|
|
48
40
|
value: newValue
|
|
49
41
|
});
|
|
50
42
|
}
|
|
51
43
|
}, MuiAttributes, {
|
|
52
|
-
renderInput:
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes));
|
|
54
|
-
}
|
|
44
|
+
renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
|
|
55
45
|
})));
|
|
56
46
|
}
|
|
57
47
|
DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
58
|
-
/** Attributes for
|
|
48
|
+
/** Attributes for Datetime */
|
|
59
49
|
attributes: _propTypes.default.objectOf(_propTypes.default.object),
|
|
60
50
|
/** Function */
|
|
61
51
|
onChange: _propTypes.default.func
|
|
@@ -63,4 +53,4 @@ DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
63
53
|
DateTime.defaultProps = {
|
|
64
54
|
attributes: {},
|
|
65
55
|
onChange: null
|
|
66
|
-
};
|
|
56
|
+
};
|
|
@@ -13,49 +13,39 @@ var _helper = require("../../../util/helper");
|
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
16
|
function DateTimePicker(_ref) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
id =
|
|
31
|
-
MuiTextAttributes
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
setValue = _React$useState2[1];
|
|
36
|
-
(0, _useUpdateEffect.default)(function () {
|
|
17
|
+
let {
|
|
18
|
+
attributes,
|
|
19
|
+
onChange
|
|
20
|
+
} = _ref;
|
|
21
|
+
const {
|
|
22
|
+
MuiAttributes = {},
|
|
23
|
+
name = 'DateTimePicker',
|
|
24
|
+
id = '',
|
|
25
|
+
MuiTextAttributes
|
|
26
|
+
} = attributes;
|
|
27
|
+
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date());
|
|
28
|
+
(0, _useUpdateEffect.default)(() => {
|
|
37
29
|
if (attributes !== null && attributes !== void 0 && attributes.value) setValue(new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
38
30
|
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
39
|
-
|
|
31
|
+
const MuiDateTimePicker = (0, _helper.DateComponent)(name);
|
|
40
32
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
41
33
|
dateAdapter: _AdapterDateFns.AdapterDateFns
|
|
42
34
|
}, /*#__PURE__*/_react.default.createElement(MuiDateTimePicker, _extends({
|
|
43
35
|
value: value,
|
|
44
|
-
onChange:
|
|
36
|
+
onChange: newValue => {
|
|
45
37
|
setValue(newValue);
|
|
46
|
-
|
|
47
|
-
id
|
|
38
|
+
onChange({
|
|
39
|
+
id,
|
|
48
40
|
value: newValue
|
|
49
41
|
});
|
|
50
42
|
}
|
|
51
43
|
}, MuiAttributes, {
|
|
52
|
-
renderInput:
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes));
|
|
54
|
-
}
|
|
44
|
+
renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
|
|
55
45
|
})));
|
|
56
46
|
}
|
|
57
47
|
DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
58
|
-
/** Attributes for
|
|
48
|
+
/** Attributes for Datetimepicker */
|
|
59
49
|
attributes: _propTypes.default.objectOf(_propTypes.default.object),
|
|
60
50
|
/** Function */
|
|
61
51
|
onChange: _propTypes.default.func
|
|
@@ -63,4 +53,4 @@ DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
63
53
|
DateTimePicker.defaultProps = {
|
|
64
54
|
attributes: {},
|
|
65
55
|
onChange: null
|
|
66
|
-
};
|
|
56
|
+
};
|
|
@@ -14,41 +14,29 @@ var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
|
|
|
14
14
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
17
|
/** Radio Component */
|
|
24
18
|
function Radio(_ref) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
MuiRGAttributes =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
MuiFLabel = _attributes$MuiFLabel === void 0 ? '' : _attributes$MuiFLabel;
|
|
41
|
-
var _React$useState = _react.default.useState(MuiAttributes.defaultValue || attributes.value || ''),
|
|
42
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
43
|
-
value = _React$useState2[0],
|
|
44
|
-
setValue = _React$useState2[1];
|
|
45
|
-
(0, _useUpdateEffect.default)(function () {
|
|
19
|
+
let {
|
|
20
|
+
attributes,
|
|
21
|
+
onChange
|
|
22
|
+
} = _ref;
|
|
23
|
+
const {
|
|
24
|
+
MuiAttributes = {},
|
|
25
|
+
MuiFCLAttributes = {},
|
|
26
|
+
MuiRGAttributes = {},
|
|
27
|
+
id = '',
|
|
28
|
+
MuiFLAttributes = {},
|
|
29
|
+
MuiFCLabels = [],
|
|
30
|
+
MuiFLabel = ''
|
|
31
|
+
} = attributes;
|
|
32
|
+
const [value, setValue] = _react.default.useState(MuiAttributes.defaultValue || attributes.value || '');
|
|
33
|
+
(0, _useUpdateEffect.default)(() => {
|
|
46
34
|
if (attributes !== null && attributes !== void 0 && attributes.value) setValue(attributes === null || attributes === void 0 ? void 0 : attributes.value);
|
|
47
35
|
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
48
|
-
|
|
36
|
+
const handleChange = event => {
|
|
49
37
|
setValue(event.target.value);
|
|
50
38
|
onChange({
|
|
51
|
-
id
|
|
39
|
+
id,
|
|
52
40
|
value: event.target.value
|
|
53
41
|
});
|
|
54
42
|
};
|
|
@@ -60,13 +48,11 @@ function Radio(_ref) {
|
|
|
60
48
|
}, MuiRGAttributes, {
|
|
61
49
|
value: value,
|
|
62
50
|
onChange: handleChange
|
|
63
|
-
}), MuiFCLabels.map(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}));
|
|
69
|
-
})));
|
|
51
|
+
}), MuiFCLabels.map(label => /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, _extends({}, MuiFCLAttributes, {
|
|
52
|
+
value: label,
|
|
53
|
+
control: /*#__PURE__*/_react.default.createElement(_Radio.default, MuiAttributes),
|
|
54
|
+
label: label
|
|
55
|
+
})))));
|
|
70
56
|
}
|
|
71
57
|
Radio.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
72
58
|
/** Attributes for Radio */
|