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.
Files changed (108) hide show
  1. package/README.md +20 -5
  2. package/dist/components/DynamicComponent.d.ts +13 -0
  3. package/dist/components/FormGenerator.d.ts +38 -0
  4. package/dist/components/charts/Bar/bar.d.ts +3 -0
  5. package/dist/components/charts/Line/line.d.ts +3 -0
  6. package/dist/components/charts/Mixchart/mixChart.d.ts +3 -0
  7. package/dist/components/charts/Pie/pie.d.ts +3 -0
  8. package/dist/components/controls/Accordion/accordion.d.ts +3 -0
  9. package/dist/components/controls/Autocomplete/autocomplete.d.ts +3 -0
  10. package/dist/components/controls/CheckBox/checkbox.d.ts +4 -0
  11. package/dist/components/controls/Chip/chip.d.ts +3 -0
  12. package/dist/components/controls/DataTable/datatable.d.ts +3 -0
  13. package/dist/components/controls/DateTime/datetime.d.ts +3 -0
  14. package/dist/components/controls/DateTimePicker/datetimepicker.d.ts +3 -0
  15. package/dist/components/controls/Divider/divider.d.ts +3 -0
  16. package/dist/components/controls/Group/group.d.ts +3 -0
  17. package/dist/components/controls/ImageList/imagelist.d.ts +3 -0
  18. package/dist/components/controls/List/list.d.ts +3 -0
  19. package/dist/components/controls/MultiTextbox/multitextbox.d.ts +3 -0
  20. package/dist/components/controls/NumberField/numberfield.d.ts +3 -0
  21. package/dist/components/controls/Radio/radio.d.ts +4 -0
  22. package/dist/components/controls/Select/select.d.ts +3 -0
  23. package/dist/components/controls/Signature/signature.d.ts +3 -0
  24. package/dist/components/controls/Stepper/stepper.d.ts +9 -0
  25. package/dist/components/controls/Switch/switch.d.ts +4 -0
  26. package/dist/components/controls/Tabs/tabs.d.ts +3 -0
  27. package/dist/components/controls/TextField/textfield.d.ts +3 -0
  28. package/dist/components/controls/TimePicker/timepicker.d.ts +3 -0
  29. package/dist/components/controls/Typography/typography.d.ts +4 -0
  30. package/dist/components/controls/index.d.ts +56 -0
  31. package/dist/config/mui.d.ts +8 -0
  32. package/dist/dynamic-mui.cjs.js +496 -0
  33. package/dist/dynamic-mui.es.js +82175 -0
  34. package/dist/index.d.ts +5 -0
  35. package/dist/main.d.ts +1 -0
  36. package/dist/playground/Builder.d.ts +1 -0
  37. package/dist/playground/Canvas.d.ts +10 -0
  38. package/dist/playground/PropertiesEditor.d.ts +11 -0
  39. package/dist/playground/Sidebar.d.ts +1 -0
  40. package/dist/playground/documentation.d.ts +6 -0
  41. package/dist/playground/templates.d.ts +8 -0
  42. package/dist/playground/testData.d.ts +3 -0
  43. package/dist/test/setup.d.ts +1 -0
  44. package/dist/theme/theme.d.ts +1 -0
  45. package/dist/types.d.ts +19 -0
  46. package/dist/util/helper.d.ts +61 -0
  47. package/dist/util/stepperComponents.d.ts +6 -0
  48. package/dist/util/useIsFirstRender.d.ts +1 -0
  49. package/dist/util/useUpdateEffect.d.ts +3 -0
  50. package/dist/util/validation.d.ts +6 -0
  51. package/package.json +69 -55
  52. package/build/asset-manifest.json +0 -10
  53. package/build/favicon.ico +0 -0
  54. package/build/index.html +0 -1
  55. package/build/logo192.png +0 -0
  56. package/build/logo512.png +0 -0
  57. package/build/manifest.json +0 -25
  58. package/build/robots.txt +0 -3
  59. package/build/static/js/main.11a67c51.js +0 -3
  60. package/build/static/js/main.11a67c51.js.LICENSE.txt +0 -85
  61. package/build/static/js/main.11a67c51.js.map +0 -1
  62. package/craco.config.js +0 -34
  63. package/dist-modules/components/DynamicComponent.js +0 -22
  64. package/dist-modules/components/FormGenerator.js +0 -200
  65. package/dist-modules/components/charts/Bar/bar.js +0 -31
  66. package/dist-modules/components/charts/Line/line.js +0 -31
  67. package/dist-modules/components/charts/Mixchart/mixChart.js +0 -59
  68. package/dist-modules/components/charts/Pie/pie.js +0 -31
  69. package/dist-modules/components/controls/CheckBox/checkbox.js +0 -56
  70. package/dist-modules/components/controls/DataTable/datatable.js +0 -28
  71. package/dist-modules/components/controls/DateTime/datetime.js +0 -53
  72. package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +0 -53
  73. package/dist-modules/components/controls/Radio/radio.js +0 -88
  74. package/dist-modules/components/controls/Select/select.js +0 -173
  75. package/dist-modules/components/controls/Stepper/stepper.js +0 -192
  76. package/dist-modules/components/controls/Switch/switch.js +0 -85
  77. package/dist-modules/components/controls/TextField/textfield.js +0 -148
  78. package/dist-modules/components/controls/TimePicker/timepicker.js +0 -53
  79. package/dist-modules/components/controls/Typography/typography.js +0 -43
  80. package/dist-modules/components/controls/index.js +0 -42
  81. package/dist-modules/config/mui.js +0 -73
  82. package/dist-modules/data/checkbox.js +0 -143
  83. package/dist-modules/data/dataTable.js +0 -90
  84. package/dist-modules/data/dateTime.js +0 -136
  85. package/dist-modules/data/radio.js +0 -36
  86. package/dist-modules/data/select.js +0 -126
  87. package/dist-modules/data/stepper.js +0 -237
  88. package/dist-modules/data/switch.js +0 -123
  89. package/dist-modules/data/textfield.js +0 -240
  90. package/dist-modules/index.js +0 -16
  91. package/dist-modules/util/helper.js +0 -226
  92. package/dist-modules/util/stepperComponents.js +0 -40
  93. package/dist-modules/util/useIsFirstRender.js +0 -15
  94. package/dist-modules/util/useUpdateEffect.js +0 -19
  95. package/dist-modules/util/validation.js +0 -102
  96. package/docs/asset-manifest.json +0 -9
  97. package/docs/build/bundle.1eab2706.js +0 -2
  98. package/docs/build/bundle.1eab2706.js.LICENSE.txt +0 -153
  99. package/docs/index.html +0 -16
  100. package/public/favicon.ico +0 -0
  101. package/public/index.html +0 -43
  102. package/public/logo192.png +0 -0
  103. package/public/logo512.png +0 -0
  104. package/public/manifest.json +0 -25
  105. package/public/robots.txt +0 -3
  106. package/styleguide.config.js +0 -108
  107. package/themes/default.js +0 -114
  108. 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
- };