dynamic-mui 1.1.5 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -5
- package/dist/components/DynamicComponent.d.ts +13 -0
- package/dist/components/FormGenerator.d.ts +38 -0
- package/dist/components/charts/Bar/bar.d.ts +3 -0
- package/dist/components/charts/Line/line.d.ts +3 -0
- package/dist/components/charts/Mixchart/mixChart.d.ts +3 -0
- package/dist/components/charts/Pie/pie.d.ts +3 -0
- package/dist/components/controls/Accordion/accordion.d.ts +3 -0
- package/dist/components/controls/Autocomplete/autocomplete.d.ts +3 -0
- package/dist/components/controls/CheckBox/checkbox.d.ts +4 -0
- package/dist/components/controls/Chip/chip.d.ts +3 -0
- package/dist/components/controls/DataTable/datatable.d.ts +3 -0
- package/dist/components/controls/DateTime/datetime.d.ts +3 -0
- package/dist/components/controls/DateTimePicker/datetimepicker.d.ts +3 -0
- package/dist/components/controls/Divider/divider.d.ts +3 -0
- package/dist/components/controls/Group/group.d.ts +3 -0
- package/dist/components/controls/ImageList/imagelist.d.ts +3 -0
- package/dist/components/controls/List/list.d.ts +3 -0
- package/dist/components/controls/MultiTextbox/multitextbox.d.ts +3 -0
- package/dist/components/controls/NumberField/numberfield.d.ts +3 -0
- package/dist/components/controls/Radio/radio.d.ts +4 -0
- package/dist/components/controls/Select/select.d.ts +3 -0
- package/dist/components/controls/Signature/signature.d.ts +3 -0
- package/dist/components/controls/Stepper/stepper.d.ts +9 -0
- package/dist/components/controls/Switch/switch.d.ts +4 -0
- package/dist/components/controls/Tabs/tabs.d.ts +3 -0
- package/dist/components/controls/TextField/textfield.d.ts +3 -0
- package/dist/components/controls/TimePicker/timepicker.d.ts +3 -0
- package/dist/components/controls/Typography/typography.d.ts +4 -0
- package/dist/components/controls/index.d.ts +56 -0
- package/dist/config/mui.d.ts +8 -0
- package/dist/dynamic-mui.cjs.js +496 -0
- package/dist/dynamic-mui.es.js +82175 -0
- package/dist/index.d.ts +5 -0
- package/dist/main.d.ts +1 -0
- package/dist/playground/Builder.d.ts +1 -0
- package/dist/playground/Canvas.d.ts +10 -0
- package/dist/playground/PropertiesEditor.d.ts +11 -0
- package/dist/playground/Sidebar.d.ts +1 -0
- package/dist/playground/documentation.d.ts +6 -0
- package/dist/playground/templates.d.ts +8 -0
- package/dist/playground/testData.d.ts +3 -0
- package/dist/test/setup.d.ts +1 -0
- package/dist/theme/theme.d.ts +1 -0
- package/dist/types.d.ts +19 -0
- package/dist/util/helper.d.ts +61 -0
- package/dist/util/stepperComponents.d.ts +6 -0
- package/dist/util/useIsFirstRender.d.ts +1 -0
- package/dist/util/useUpdateEffect.d.ts +3 -0
- package/dist/util/validation.d.ts +6 -0
- package/package.json +69 -55
- package/build/asset-manifest.json +0 -10
- package/build/favicon.ico +0 -0
- package/build/index.html +0 -1
- package/build/logo192.png +0 -0
- package/build/logo512.png +0 -0
- package/build/manifest.json +0 -25
- package/build/robots.txt +0 -3
- package/build/static/js/main.11a67c51.js +0 -3
- package/build/static/js/main.11a67c51.js.LICENSE.txt +0 -85
- package/build/static/js/main.11a67c51.js.map +0 -1
- package/craco.config.js +0 -34
- package/dist-modules/components/DynamicComponent.js +0 -22
- package/dist-modules/components/FormGenerator.js +0 -200
- package/dist-modules/components/charts/Bar/bar.js +0 -31
- package/dist-modules/components/charts/Line/line.js +0 -31
- package/dist-modules/components/charts/Mixchart/mixChart.js +0 -59
- package/dist-modules/components/charts/Pie/pie.js +0 -31
- package/dist-modules/components/controls/CheckBox/checkbox.js +0 -56
- package/dist-modules/components/controls/DataTable/datatable.js +0 -28
- package/dist-modules/components/controls/DateTime/datetime.js +0 -53
- package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +0 -53
- package/dist-modules/components/controls/Radio/radio.js +0 -88
- package/dist-modules/components/controls/Select/select.js +0 -173
- package/dist-modules/components/controls/Stepper/stepper.js +0 -192
- package/dist-modules/components/controls/Switch/switch.js +0 -85
- package/dist-modules/components/controls/TextField/textfield.js +0 -148
- package/dist-modules/components/controls/TimePicker/timepicker.js +0 -53
- package/dist-modules/components/controls/Typography/typography.js +0 -43
- package/dist-modules/components/controls/index.js +0 -42
- package/dist-modules/config/mui.js +0 -73
- package/dist-modules/data/checkbox.js +0 -143
- package/dist-modules/data/dataTable.js +0 -90
- package/dist-modules/data/dateTime.js +0 -136
- package/dist-modules/data/radio.js +0 -36
- package/dist-modules/data/select.js +0 -126
- package/dist-modules/data/stepper.js +0 -237
- package/dist-modules/data/switch.js +0 -123
- package/dist-modules/data/textfield.js +0 -240
- package/dist-modules/index.js +0 -16
- package/dist-modules/util/helper.js +0 -226
- package/dist-modules/util/stepperComponents.js +0 -40
- package/dist-modules/util/useIsFirstRender.js +0 -15
- package/dist-modules/util/useUpdateEffect.js +0 -19
- package/dist-modules/util/validation.js +0 -102
- package/docs/asset-manifest.json +0 -9
- package/docs/build/bundle.1eab2706.js +0 -2
- package/docs/build/bundle.1eab2706.js.LICENSE.txt +0 -153
- package/docs/index.html +0 -16
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -43
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +0 -25
- package/public/robots.txt +0 -3
- package/styleguide.config.js +0 -108
- package/themes/default.js +0 -114
- package/themes/index.js +0 -29
package/craco.config.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/// /////////////////////////////////////////////////////////////////////////
|
|
2
|
-
//
|
|
3
|
-
// Copyright 2023 Realm Inc.
|
|
4
|
-
//
|
|
5
|
-
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
-
// you may not use this file except in compliance with the License.
|
|
7
|
-
// You may obtain a copy of the License at
|
|
8
|
-
//
|
|
9
|
-
// http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
-
//
|
|
11
|
-
// Unless required by applicable law or agreed to in writing, software
|
|
12
|
-
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
-
// See the License for the specific language governing permissions and
|
|
15
|
-
// limitations under the License.
|
|
16
|
-
//
|
|
17
|
-
/// /////////////////////////////////////////////////////////////////////////
|
|
18
|
-
|
|
19
|
-
module.exports = {
|
|
20
|
-
webpack: {
|
|
21
|
-
configure(config) {
|
|
22
|
-
const experiments = {
|
|
23
|
-
...config.experiments,
|
|
24
|
-
topLevelAwait: true,
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
return {
|
|
28
|
-
...config,
|
|
29
|
-
experiments,
|
|
30
|
-
};
|
|
31
|
-
},
|
|
32
|
-
alias: {},
|
|
33
|
-
},
|
|
34
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = DynamicComponent;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var Controls = _interopRequireWildcard(require("./controls/index"));
|
|
10
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function DynamicComponent(props) {
|
|
13
|
-
const {
|
|
14
|
-
map
|
|
15
|
-
} = props;
|
|
16
|
-
if (!map) return /*#__PURE__*/_react.default.createElement("div", null);
|
|
17
|
-
const CustomComponent = Controls.default[map];
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(CustomComponent, props);
|
|
19
|
-
}
|
|
20
|
-
DynamicComponent.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
21
|
-
map: _propTypes.default.string.isRequired
|
|
22
|
-
} : {};
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FormData = exports.ClearFormData = void 0;
|
|
7
|
-
exports.FormGenerator = FormGenerator;
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireWildcard(require("prop-types"));
|
|
11
|
-
var _material = require("@mui/material");
|
|
12
|
-
var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
|
|
13
|
-
var _mui = _interopRequireDefault(require("../config/mui"));
|
|
14
|
-
var _DynamicComponent = _interopRequireDefault(require("./DynamicComponent"));
|
|
15
|
-
var _helper = require("../util/helper");
|
|
16
|
-
var _useUpdateEffect = _interopRequireDefault(require("../util/useUpdateEffect"));
|
|
17
|
-
var _validation = _interopRequireDefault(require("../util/validation"));
|
|
18
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
21
|
-
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; }
|
|
22
|
-
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) { _defineProperty(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; }
|
|
23
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
24
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
25
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
|
-
const LIBMap = {
|
|
27
|
-
MUI: {
|
|
28
|
-
map: _mui.default
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const response = {};
|
|
32
|
-
const FormData = id => id ? response[id] : response;
|
|
33
|
-
exports.FormData = FormData;
|
|
34
|
-
const ClearFormData = id => {
|
|
35
|
-
const responseKeys = Object.keys(response);
|
|
36
|
-
if (id) {
|
|
37
|
-
delete response[id];
|
|
38
|
-
} else {
|
|
39
|
-
responseKeys.forEach(key => delete response[key]);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
exports.ClearFormData = ClearFormData;
|
|
43
|
-
const getAllMandatoryFields = fields => fields === null || fields === void 0 ? void 0 : fields.filter(field => {
|
|
44
|
-
var _field$rules;
|
|
45
|
-
return field === null || field === void 0 || (_field$rules = field.rules) === null || _field$rules === void 0 || (_field$rules = _field$rules.validation) === null || _field$rules === void 0 ? void 0 : _field$rules.some(validation => validation.rule === 'mandatory');
|
|
46
|
-
});
|
|
47
|
-
const getErrors = (fields, guid) => {
|
|
48
|
-
const mandatoryFields = getAllMandatoryFields(fields);
|
|
49
|
-
return mandatoryFields === null || mandatoryFields === void 0 ? void 0 : mandatoryFields.reduce((acc, field) => {
|
|
50
|
-
var _field$rules2;
|
|
51
|
-
field === null || field === void 0 || (_field$rules2 = field.rules) === null || _field$rules2 === void 0 || (_field$rules2 = _field$rules2.validation) === null || _field$rules2 === void 0 || _field$rules2.forEach(rule => {
|
|
52
|
-
var _response$guid, _field$props;
|
|
53
|
-
const fieldValue = (_response$guid = response[guid][(field === null || field === void 0 ? void 0 : field.id) || (field === null || field === void 0 || (_field$props = field.props) === null || _field$props === void 0 ? void 0 : _field$props.id)]) === null || _response$guid === void 0 ? void 0 : _response$guid.toString();
|
|
54
|
-
const isClean = fieldValue && _validation.default[rule.rule](fieldValue, rule.value);
|
|
55
|
-
if (!isClean) {
|
|
56
|
-
acc.push(_objectSpread(_objectSpread({}, rule), {}, {
|
|
57
|
-
id: field.id
|
|
58
|
-
}));
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
return acc;
|
|
62
|
-
}, []);
|
|
63
|
-
};
|
|
64
|
-
function FormGenerator(_ref) {
|
|
65
|
-
let {
|
|
66
|
-
data = [],
|
|
67
|
-
patch = {},
|
|
68
|
-
guid,
|
|
69
|
-
formRef,
|
|
70
|
-
onSubmit,
|
|
71
|
-
onChange,
|
|
72
|
-
onStepChange,
|
|
73
|
-
MuiGridAttributes = {
|
|
74
|
-
spacing: 2
|
|
75
|
-
},
|
|
76
|
-
activeStep = 0
|
|
77
|
-
} = _ref;
|
|
78
|
-
const [newPatch, setNewPatch] = (0, _react.useState)(patch);
|
|
79
|
-
const config = LIBMap.MUI;
|
|
80
|
-
const layout = (0, _react.useMemo)(() => (0, _helper.generateLayout)((0, _helper.updatePatchData)(data, newPatch, guid, response)), [newPatch, data, guid]);
|
|
81
|
-
(0, _react.useEffect)(() => {
|
|
82
|
-
if ((0, _isEmpty.default)(response[guid])) response[guid] = patch;
|
|
83
|
-
}, []);
|
|
84
|
-
(0, _useUpdateEffect.default)(() => {
|
|
85
|
-
setNewPatch(_objectSpread({}, patch));
|
|
86
|
-
}, [patch]);
|
|
87
|
-
const onUpdate = (0, _react.useCallback)(_ref2 => {
|
|
88
|
-
let {
|
|
89
|
-
id,
|
|
90
|
-
value,
|
|
91
|
-
option
|
|
92
|
-
} = _ref2;
|
|
93
|
-
response[guid][id] = value;
|
|
94
|
-
if (typeof onChange === 'function') {
|
|
95
|
-
onChange({
|
|
96
|
-
id,
|
|
97
|
-
value,
|
|
98
|
-
option
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
}, []);
|
|
102
|
-
const handleSubmit = (0, _react.useCallback)((submitCallback, formData, formGuid) => {
|
|
103
|
-
if (typeof submitCallback === 'function') {
|
|
104
|
-
const errors = getErrors(formData, formGuid);
|
|
105
|
-
submitCallback(response, errors, formData, formGuid);
|
|
106
|
-
}
|
|
107
|
-
}, []);
|
|
108
|
-
const onStepUpdate = (currentStep, isScreenChange, isLastStep) => {
|
|
109
|
-
if (typeof onStepChange === 'function') {
|
|
110
|
-
onStepChange(currentStep, isScreenChange, isLastStep);
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
|
-
const renderDynamicComponent = (field, index) => {
|
|
114
|
-
const {
|
|
115
|
-
type = '',
|
|
116
|
-
style = {},
|
|
117
|
-
className = '',
|
|
118
|
-
visible = false,
|
|
119
|
-
rules = {}
|
|
120
|
-
} = field;
|
|
121
|
-
const cProps = field.props || {};
|
|
122
|
-
const cLayout = field.layout || {};
|
|
123
|
-
const configObj = config.map[type] || {};
|
|
124
|
-
const {
|
|
125
|
-
options = {}
|
|
126
|
-
} = configObj;
|
|
127
|
-
return /*#__PURE__*/_react.default.createElement(_material.Grid, _extends({
|
|
128
|
-
key: (0, _helper.generateKey)('layout-comp', index),
|
|
129
|
-
item: true,
|
|
130
|
-
style: style
|
|
131
|
-
}, cLayout, {
|
|
132
|
-
className: "".concat(className, " ").concat(visible ? 'show' : 'hidden')
|
|
133
|
-
}), /*#__PURE__*/_react.default.createElement(_DynamicComponent.default, {
|
|
134
|
-
key: (0, _helper.generateKey)('dynamic-comp', index),
|
|
135
|
-
map: configObj.map,
|
|
136
|
-
option: options.type || '',
|
|
137
|
-
control: field,
|
|
138
|
-
attributes: cProps,
|
|
139
|
-
rules: rules,
|
|
140
|
-
onChange: onUpdate,
|
|
141
|
-
onStepUpdate: onStepUpdate,
|
|
142
|
-
currentStep: activeStep,
|
|
143
|
-
patch: patch
|
|
144
|
-
}));
|
|
145
|
-
};
|
|
146
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Grid, _extends({
|
|
147
|
-
key: (0, _helper.generateKey)('layout-grid'),
|
|
148
|
-
container: true
|
|
149
|
-
}, MuiGridAttributes), layout.wrows.map((row, rowIndex) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
150
|
-
key: (0, _helper.generateKey)('row', rowIndex)
|
|
151
|
-
}, row.map(renderDynamicComponent)))), layout.worows.map((field, index) => /*#__PURE__*/_react.default.createElement("div", {
|
|
152
|
-
key: (0, _helper.generateKey)('layout-comp', index),
|
|
153
|
-
style: field.style || {},
|
|
154
|
-
className: "".concat(field.className || '', " ").concat(field.visible ? 'show' : 'hidden')
|
|
155
|
-
}, renderDynamicComponent(field, index))), /*#__PURE__*/_react.default.createElement("button", {
|
|
156
|
-
"aria-label": "button",
|
|
157
|
-
type: "button",
|
|
158
|
-
ref: formRef,
|
|
159
|
-
onClick: () => handleSubmit(onSubmit, data, guid),
|
|
160
|
-
style: {
|
|
161
|
-
display: 'none'
|
|
162
|
-
}
|
|
163
|
-
}));
|
|
164
|
-
}
|
|
165
|
-
FormGenerator.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
166
|
-
/** Component name */
|
|
167
|
-
guid: _propTypes.default.string.isRequired,
|
|
168
|
-
/** Component json data */
|
|
169
|
-
data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
170
|
-
/** Json data to assign value */
|
|
171
|
-
patch: _propTypes.default.objectOf(_propTypes.default.object),
|
|
172
|
-
/** Component Ref */
|
|
173
|
-
formRef: _propTypes.default.objectOf(_propTypes.default.object),
|
|
174
|
-
/** Component Submit Function */
|
|
175
|
-
onSubmit: _propTypes.default.func,
|
|
176
|
-
/** Component On Change Function */
|
|
177
|
-
onChange: _propTypes.default.func,
|
|
178
|
-
/** Component On Change Function */
|
|
179
|
-
onStepChange: _propTypes.default.func,
|
|
180
|
-
/** Grid Container Attributes */
|
|
181
|
-
MuiGridAttributes: _propTypes.default.objectOf(_propTypes.default.object),
|
|
182
|
-
/** Stepper Active Step */
|
|
183
|
-
activeStep: _propTypes.number
|
|
184
|
-
} : {};
|
|
185
|
-
FormGenerator.defaultProps = {
|
|
186
|
-
patch: {},
|
|
187
|
-
formRef: {},
|
|
188
|
-
onSubmit: null,
|
|
189
|
-
onChange: null,
|
|
190
|
-
onStepChange: null,
|
|
191
|
-
MuiGridAttributes: {
|
|
192
|
-
spacing: 2
|
|
193
|
-
},
|
|
194
|
-
activeStep: 0
|
|
195
|
-
};
|
|
196
|
-
var _default = exports.default = {
|
|
197
|
-
FormGenerator,
|
|
198
|
-
FormData,
|
|
199
|
-
ClearFormData
|
|
200
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Bar;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _BarChart = require("@mui/x-charts/BarChart");
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
|
|
12
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line import/no-extraneous-dependencies
|
|
13
|
-
function Bar(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
attributes
|
|
16
|
-
} = _ref;
|
|
17
|
-
const {
|
|
18
|
-
MuiChartAttributes = {},
|
|
19
|
-
id = ''
|
|
20
|
-
} = attributes;
|
|
21
|
-
return /*#__PURE__*/React.createElement(_BarChart.BarChart, _extends({
|
|
22
|
-
key: id
|
|
23
|
-
}, MuiChartAttributes));
|
|
24
|
-
}
|
|
25
|
-
Bar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
26
|
-
/** Attributes for Pie */
|
|
27
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object)
|
|
28
|
-
} : {};
|
|
29
|
-
Bar.defaultProps = {
|
|
30
|
-
attributes: {}
|
|
31
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Line;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _LineChart = require("@mui/x-charts/LineChart");
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
|
|
12
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line import/no-extraneous-dependencies
|
|
13
|
-
function Line(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
attributes
|
|
16
|
-
} = _ref;
|
|
17
|
-
const {
|
|
18
|
-
MuiChartAttributes = {},
|
|
19
|
-
id = ''
|
|
20
|
-
} = attributes;
|
|
21
|
-
return /*#__PURE__*/React.createElement(_LineChart.LineChart, _extends({
|
|
22
|
-
key: id
|
|
23
|
-
}, MuiChartAttributes));
|
|
24
|
-
}
|
|
25
|
-
Line.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
26
|
-
/** Attributes for Pie */
|
|
27
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object)
|
|
28
|
-
} : {};
|
|
29
|
-
Line.defaultProps = {
|
|
30
|
-
attributes: {}
|
|
31
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = MixChart;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
9
|
-
var _ChartContainer = require("@mui/x-charts/ChartContainer");
|
|
10
|
-
var _LineChart = require("@mui/x-charts/LineChart");
|
|
11
|
-
var _BarChart = require("@mui/x-charts/BarChart");
|
|
12
|
-
var _ChartsXAxis = require("@mui/x-charts/ChartsXAxis");
|
|
13
|
-
var _ChartsYAxis = require("@mui/x-charts/ChartsYAxis");
|
|
14
|
-
var _ChartsAxis = require("@mui/x-charts/ChartsAxis");
|
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
|
|
18
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
|
-
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; }
|
|
20
|
-
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) { _defineProperty(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; }
|
|
21
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
22
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
23
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable import/no-extraneous-dependencies */
|
|
24
|
-
function MixChart(_ref) {
|
|
25
|
-
let {
|
|
26
|
-
attributes
|
|
27
|
-
} = _ref;
|
|
28
|
-
const {
|
|
29
|
-
id,
|
|
30
|
-
MuiBoxAttributes = {},
|
|
31
|
-
MuiChartContainerAttributes = {},
|
|
32
|
-
MuiChartXAxisAttributes = {},
|
|
33
|
-
MuiChartYAxisAttributes = {},
|
|
34
|
-
MuiChartSX = {}
|
|
35
|
-
} = attributes;
|
|
36
|
-
return /*#__PURE__*/React.createElement(_Box.default, _extends({
|
|
37
|
-
sx: {
|
|
38
|
-
width: '100%',
|
|
39
|
-
maxWidth: 600
|
|
40
|
-
},
|
|
41
|
-
key: id
|
|
42
|
-
}, MuiBoxAttributes), /*#__PURE__*/React.createElement(_ChartContainer.ChartContainer, _extends({
|
|
43
|
-
sx: _objectSpread({
|
|
44
|
-
[".".concat(_ChartsAxis.axisClasses.left, " .").concat(_ChartsAxis.axisClasses.label)]: {
|
|
45
|
-
transform: 'translate(-25px, 0)'
|
|
46
|
-
},
|
|
47
|
-
[".".concat(_ChartsAxis.axisClasses.right, " .").concat(_ChartsAxis.axisClasses.label)]: {
|
|
48
|
-
transform: 'translate(30px, 0)'
|
|
49
|
-
}
|
|
50
|
-
}, MuiChartSX)
|
|
51
|
-
}, MuiChartContainerAttributes), /*#__PURE__*/React.createElement(_BarChart.BarPlot, null), /*#__PURE__*/React.createElement(_LineChart.LinePlot, null), /*#__PURE__*/React.createElement(_ChartsXAxis.ChartsXAxis, MuiChartXAxisAttributes), /*#__PURE__*/React.createElement(_ChartsYAxis.ChartsYAxis, MuiChartYAxisAttributes)));
|
|
52
|
-
}
|
|
53
|
-
MixChart.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
54
|
-
/** Attributes for MixChart */
|
|
55
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object)
|
|
56
|
-
} : {};
|
|
57
|
-
MixChart.defaultProps = {
|
|
58
|
-
attributes: {}
|
|
59
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Pie;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _PieChart = require("@mui/x-charts/PieChart");
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
|
|
12
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line import/no-extraneous-dependencies
|
|
13
|
-
function Pie(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
attributes
|
|
16
|
-
} = _ref;
|
|
17
|
-
const {
|
|
18
|
-
MuiChartAttributes = {},
|
|
19
|
-
id = ''
|
|
20
|
-
} = attributes;
|
|
21
|
-
return /*#__PURE__*/React.createElement(_PieChart.PieChart, _extends({
|
|
22
|
-
key: id
|
|
23
|
-
}, MuiChartAttributes));
|
|
24
|
-
}
|
|
25
|
-
Pie.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
26
|
-
/** Attributes for Pie */
|
|
27
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object)
|
|
28
|
-
} : {};
|
|
29
|
-
Pie.defaultProps = {
|
|
30
|
-
attributes: {}
|
|
31
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = CheckBox;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
10
|
-
var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
|
|
11
|
-
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
/** Playground Component */
|
|
15
|
-
function CheckBox(_ref) {
|
|
16
|
-
let {
|
|
17
|
-
attributes,
|
|
18
|
-
onChange
|
|
19
|
-
} = _ref;
|
|
20
|
-
const {
|
|
21
|
-
MuiAttributes = {},
|
|
22
|
-
MuiFCLAttributes = {},
|
|
23
|
-
id = ''
|
|
24
|
-
} = attributes;
|
|
25
|
-
const [checked, setChecked] = _react.default.useState(MuiAttributes.defaultChecked || attributes.value || false);
|
|
26
|
-
(0, _useUpdateEffect.default)(() => {
|
|
27
|
-
setChecked(attributes.value);
|
|
28
|
-
}, [attributes.value]);
|
|
29
|
-
const handleChange = event => {
|
|
30
|
-
setChecked(event.target.checked);
|
|
31
|
-
onChange({
|
|
32
|
-
id,
|
|
33
|
-
value: event.target.checked
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, _extends({}, MuiFCLAttributes, {
|
|
37
|
-
control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
|
|
38
|
-
checked: checked,
|
|
39
|
-
onChange: handleChange
|
|
40
|
-
}, MuiAttributes, {
|
|
41
|
-
inputProps: {
|
|
42
|
-
'aria-label': 'controlled'
|
|
43
|
-
}
|
|
44
|
-
}))
|
|
45
|
-
}));
|
|
46
|
-
}
|
|
47
|
-
CheckBox.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
48
|
-
/** Attributes for Checkbox */
|
|
49
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object),
|
|
50
|
-
/** Function */
|
|
51
|
-
onChange: _propTypes.default.func
|
|
52
|
-
} : {};
|
|
53
|
-
CheckBox.defaultProps = {
|
|
54
|
-
attributes: {},
|
|
55
|
-
onChange: null
|
|
56
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = DataTable;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _xDataGrid = require("@mui/x-data-grid");
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
|
|
12
|
-
function DataTable(props) {
|
|
13
|
-
const {
|
|
14
|
-
attributes
|
|
15
|
-
} = props;
|
|
16
|
-
const {
|
|
17
|
-
MuiAttributes = {},
|
|
18
|
-
container = {}
|
|
19
|
-
} = attributes;
|
|
20
|
-
return /*#__PURE__*/React.createElement("div", container, /*#__PURE__*/React.createElement(_xDataGrid.DataGrid, MuiAttributes));
|
|
21
|
-
}
|
|
22
|
-
DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
23
|
-
/** Attributes for TextField */
|
|
24
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object)
|
|
25
|
-
} : {};
|
|
26
|
-
DataTable.defaultProps = {
|
|
27
|
-
attributes: {}
|
|
28
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = DateTime;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
9
|
-
var _xDatePickers = require("@mui/x-date-pickers");
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
|
-
var _helper = require("../../../util/helper");
|
|
13
|
-
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
|
-
function DateTime(_ref) {
|
|
17
|
-
let {
|
|
18
|
-
attributes,
|
|
19
|
-
onChange
|
|
20
|
-
} = _ref;
|
|
21
|
-
const {
|
|
22
|
-
MuiAttributes = {},
|
|
23
|
-
name = 'DatePicker',
|
|
24
|
-
id = ''
|
|
25
|
-
} = attributes;
|
|
26
|
-
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
|
|
27
|
-
(0, _useUpdateEffect.default)(() => {
|
|
28
|
-
if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
29
|
-
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
30
|
-
const MuiDateTime = (0, _helper.DateComponent)(name);
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
32
|
-
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
33
|
-
}, /*#__PURE__*/_react.default.createElement(MuiDateTime, _extends({
|
|
34
|
-
value: value,
|
|
35
|
-
onChange: newValue => {
|
|
36
|
-
setValue(newValue);
|
|
37
|
-
onChange({
|
|
38
|
-
id,
|
|
39
|
-
value: newValue
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}, MuiAttributes)));
|
|
43
|
-
}
|
|
44
|
-
DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
45
|
-
/** Attributes for DateTime */
|
|
46
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object),
|
|
47
|
-
/** Function */
|
|
48
|
-
onChange: _propTypes.default.func
|
|
49
|
-
} : {};
|
|
50
|
-
DateTime.defaultProps = {
|
|
51
|
-
attributes: {},
|
|
52
|
-
onChange: null
|
|
53
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = DateTimePicker;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
9
|
-
var _xDatePickers = require("@mui/x-date-pickers");
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
|
-
var _helper = require("../../../util/helper");
|
|
13
|
-
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
|
-
function DateTimePicker(_ref) {
|
|
17
|
-
let {
|
|
18
|
-
attributes,
|
|
19
|
-
onChange
|
|
20
|
-
} = _ref;
|
|
21
|
-
const {
|
|
22
|
-
MuiAttributes = {},
|
|
23
|
-
name = 'DateTimePicker',
|
|
24
|
-
id = ''
|
|
25
|
-
} = attributes;
|
|
26
|
-
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
|
|
27
|
-
(0, _useUpdateEffect.default)(() => {
|
|
28
|
-
if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
29
|
-
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
30
|
-
const MuiDateTimePicker = (0, _helper.DateComponent)(name);
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
32
|
-
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
33
|
-
}, /*#__PURE__*/_react.default.createElement(MuiDateTimePicker, _extends({
|
|
34
|
-
value: value,
|
|
35
|
-
onChange: newValue => {
|
|
36
|
-
setValue(newValue);
|
|
37
|
-
onChange({
|
|
38
|
-
id,
|
|
39
|
-
value: newValue
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}, MuiAttributes)));
|
|
43
|
-
}
|
|
44
|
-
DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
45
|
-
/** Attributes for DateTimePicker */
|
|
46
|
-
attributes: _propTypes.default.objectOf(_propTypes.default.object),
|
|
47
|
-
/** Function */
|
|
48
|
-
onChange: _propTypes.default.func
|
|
49
|
-
} : {};
|
|
50
|
-
DateTimePicker.defaultProps = {
|
|
51
|
-
attributes: {},
|
|
52
|
-
onChange: null
|
|
53
|
-
};
|