dynamic-mui 1.0.67 → 1.0.69
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/build/asset-manifest.json +3 -3
- package/build/index.html +1 -1
- package/build/static/js/main.b9f075ec.js +185 -0
- package/build/static/js/{main.4dbadf17.js.LICENSE.txt → main.b9f075ec.js.LICENSE.txt} +8 -0
- package/build/static/js/main.b9f075ec.js.map +1 -0
- package/dist-modules/components/DynamicComponent.js +1 -1
- package/dist-modules/components/FormGenerator.js +8 -13
- package/dist-modules/components/charts/Bar/bar.js +2 -2
- package/dist-modules/components/charts/Line/line.js +2 -2
- package/dist-modules/components/charts/Mixchart/mixChart.js +4 -4
- package/dist-modules/components/charts/Pie/pie.js +2 -2
- package/dist-modules/components/controls/CheckBox/checkbox.js +2 -2
- package/dist-modules/components/controls/DataTable/datatable.js +1 -1
- package/dist-modules/components/controls/DateTime/datetime.js +5 -5
- package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +5 -5
- package/dist-modules/components/controls/Radio/radio.js +2 -2
- package/dist-modules/components/controls/Select/select.js +16 -17
- package/dist-modules/components/controls/Stepper/stepper.js +5 -5
- package/dist-modules/components/controls/Switch/switch.js +2 -2
- package/dist-modules/components/controls/TextField/textfield.js +2 -2
- package/dist-modules/components/controls/TimePicker/timepicker.js +5 -5
- package/dist-modules/components/controls/Typography/typography.js +2 -2
- package/dist-modules/components/controls/index.js +1 -1
- package/dist-modules/util/helper.js +7 -8
- package/dist-modules/util/stepperComponents.js +1 -1
- package/dist-modules/util/useUpdateEffect.js +1 -1
- package/dist-modules/util/validation.js +1 -1
- package/docs/asset-manifest.json +2 -2
- package/docs/build/bundle.036bacf5.js +184 -0
- package/docs/build/{bundle.ee4fe2f2.js.LICENSE.txt → bundle.036bacf5.js.LICENSE.txt} +8 -0
- package/docs/index.html +1 -1
- package/package.json +27 -27
- package/build/static/js/main.4dbadf17.js +0 -3
- package/build/static/js/main.4dbadf17.js.map +0 -1
- package/docs/build/bundle.ee4fe2f2.js +0 -2
|
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var Controls = _interopRequireWildcard(require("./controls/index"));
|
|
10
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
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 && {}.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; }
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function DynamicComponent(props) {
|
|
14
14
|
const {
|
|
15
15
|
map
|
|
@@ -15,10 +15,10 @@ var _DynamicComponent = _interopRequireDefault(require("./DynamicComponent"));
|
|
|
15
15
|
var _helper = require("../util/helper");
|
|
16
16
|
var _useUpdateEffect = _interopRequireDefault(require("../util/useUpdateEffect"));
|
|
17
17
|
var _validation = _interopRequireDefault(require("../util/validation"));
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
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); }
|
|
20
20
|
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 && {}.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; }
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
21
|
+
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); }
|
|
22
22
|
const LIBMap = {
|
|
23
23
|
MUI: {
|
|
24
24
|
map: _mui.default
|
|
@@ -36,17 +36,12 @@ const ClearFormData = id => {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
exports.ClearFormData = ClearFormData;
|
|
39
|
-
const getAllMandatoryFields = fields => fields
|
|
40
|
-
var _field$rules;
|
|
41
|
-
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');
|
|
42
|
-
});
|
|
39
|
+
const getAllMandatoryFields = fields => fields?.filter(field => field?.rules?.validation?.some(validation => validation.rule === 'mandatory'));
|
|
43
40
|
const getErrors = (fields, guid) => {
|
|
44
41
|
const mandatoryFields = getAllMandatoryFields(fields);
|
|
45
|
-
return mandatoryFields
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var _response$guid, _field$props;
|
|
49
|
-
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();
|
|
42
|
+
return mandatoryFields?.reduce((acc, field) => {
|
|
43
|
+
field?.rules?.validation?.forEach(rule => {
|
|
44
|
+
const fieldValue = response[guid][field?.id || field?.props?.id]?.toString();
|
|
50
45
|
const isClean = fieldValue && _validation.default[rule.rule](fieldValue, rule.value);
|
|
51
46
|
if (!isClean) {
|
|
52
47
|
acc.push({
|
|
@@ -128,7 +123,7 @@ function FormGenerator(_ref) {
|
|
|
128
123
|
item: true,
|
|
129
124
|
style: style
|
|
130
125
|
}, cLayout, {
|
|
131
|
-
className:
|
|
126
|
+
className: `${className} ${visible ? 'show' : 'hidden'}`
|
|
132
127
|
}), /*#__PURE__*/_react.default.createElement(_DynamicComponent.default, {
|
|
133
128
|
key: (0, _helper.generateKey)('dynamic-comp', index),
|
|
134
129
|
map: configObj.map,
|
|
@@ -150,7 +145,7 @@ function FormGenerator(_ref) {
|
|
|
150
145
|
}, row.map(renderDynamicComponent)))), layout.worows.map((field, index) => /*#__PURE__*/_react.default.createElement("div", {
|
|
151
146
|
key: (0, _helper.generateKey)('layout-comp', index),
|
|
152
147
|
style: field.style || {},
|
|
153
|
-
className:
|
|
148
|
+
className: `${field.className || ''} ${field.visible ? 'show' : 'hidden'}`
|
|
154
149
|
}, renderDynamicComponent(field, index))), /*#__PURE__*/_react.default.createElement("button", {
|
|
155
150
|
"aria-label": "button",
|
|
156
151
|
type: "button",
|
|
@@ -7,10 +7,10 @@ exports.default = Bar;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _BarChart = require("@mui/x-charts/BarChart");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
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
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 && {}.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
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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); } // eslint-disable-next-line import/no-extraneous-dependencies
|
|
14
14
|
function Bar(_ref) {
|
|
15
15
|
let {
|
|
16
16
|
attributes
|
|
@@ -7,10 +7,10 @@ exports.default = Line;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _LineChart = require("@mui/x-charts/LineChart");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
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
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 && {}.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
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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); } // eslint-disable-next-line import/no-extraneous-dependencies
|
|
14
14
|
function Line(_ref) {
|
|
15
15
|
let {
|
|
16
16
|
attributes
|
|
@@ -13,10 +13,10 @@ var _ChartsXAxis = require("@mui/x-charts/ChartsXAxis");
|
|
|
13
13
|
var _ChartsYAxis = require("@mui/x-charts/ChartsYAxis");
|
|
14
14
|
var _ChartsAxis = require("@mui/x-charts/ChartsAxis");
|
|
15
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
|
-
function _interopRequireDefault(
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
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
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 && {}.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; }
|
|
19
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
19
|
+
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 import/no-extraneous-dependencies */
|
|
20
20
|
function MixChart(_ref) {
|
|
21
21
|
let {
|
|
22
22
|
attributes
|
|
@@ -37,10 +37,10 @@ function MixChart(_ref) {
|
|
|
37
37
|
key: id
|
|
38
38
|
}, MuiBoxAttributes), /*#__PURE__*/React.createElement(_ResponsiveChartContainer.ResponsiveChartContainer, _extends({
|
|
39
39
|
sx: {
|
|
40
|
-
[
|
|
40
|
+
[`.${_ChartsAxis.axisClasses.left} .${_ChartsAxis.axisClasses.label}`]: {
|
|
41
41
|
transform: 'translate(-25px, 0)'
|
|
42
42
|
},
|
|
43
|
-
[
|
|
43
|
+
[`.${_ChartsAxis.axisClasses.right} .${_ChartsAxis.axisClasses.label}`]: {
|
|
44
44
|
transform: 'translate(30px, 0)'
|
|
45
45
|
},
|
|
46
46
|
...MuiChartSX
|
|
@@ -7,10 +7,10 @@ exports.default = Pie;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _PieChart = require("@mui/x-charts/PieChart");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
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
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 && {}.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
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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); } // eslint-disable-next-line import/no-extraneous-dependencies
|
|
14
14
|
function Pie(_ref) {
|
|
15
15
|
let {
|
|
16
16
|
attributes
|
|
@@ -9,8 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
10
10
|
var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
|
|
11
11
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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
14
|
/** Playground Component */
|
|
15
15
|
function CheckBox(_ref) {
|
|
16
16
|
let {
|
|
@@ -7,7 +7,7 @@ exports.default = DataTable;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _xDataGrid = require("@mui/x-data-grid");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
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
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 && {}.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
13
|
function DataTable(props) {
|
|
@@ -11,8 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
12
|
var _helper = require("../../../util/helper");
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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
16
|
function DateTime(_ref) {
|
|
17
17
|
let {
|
|
18
18
|
attributes,
|
|
@@ -23,10 +23,10 @@ function DateTime(_ref) {
|
|
|
23
23
|
name = 'DatePicker',
|
|
24
24
|
id = ''
|
|
25
25
|
} = attributes;
|
|
26
|
-
const [value, setValue] = _react.default.useState(attributes
|
|
26
|
+
const [value, setValue] = _react.default.useState(attributes?.value ? (0, _dayjs.default)(attributes?.value) : null);
|
|
27
27
|
(0, _useUpdateEffect.default)(() => {
|
|
28
|
-
if (attributes
|
|
29
|
-
}, [attributes
|
|
28
|
+
if (attributes?.value) setValue((0, _dayjs.default)(attributes?.value));
|
|
29
|
+
}, [attributes?.value]);
|
|
30
30
|
const MuiDateTime = (0, _helper.DateComponent)(name);
|
|
31
31
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
32
32
|
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
@@ -11,8 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
12
|
var _helper = require("../../../util/helper");
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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
16
|
function DateTimePicker(_ref) {
|
|
17
17
|
let {
|
|
18
18
|
attributes,
|
|
@@ -23,10 +23,10 @@ function DateTimePicker(_ref) {
|
|
|
23
23
|
name = 'DateTimePicker',
|
|
24
24
|
id = ''
|
|
25
25
|
} = attributes;
|
|
26
|
-
const [value, setValue] = _react.default.useState(attributes
|
|
26
|
+
const [value, setValue] = _react.default.useState(attributes?.value ? (0, _dayjs.default)(attributes?.value) : null);
|
|
27
27
|
(0, _useUpdateEffect.default)(() => {
|
|
28
|
-
if (attributes
|
|
29
|
-
}, [attributes
|
|
28
|
+
if (attributes?.value) setValue((0, _dayjs.default)(attributes?.value));
|
|
29
|
+
}, [attributes?.value]);
|
|
30
30
|
const MuiDateTimePicker = (0, _helper.DateComponent)(name);
|
|
31
31
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
32
32
|
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
@@ -14,10 +14,10 @@ var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
|
14
14
|
var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
|
|
15
15
|
var _material = require("@mui/material");
|
|
16
16
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
17
|
-
function _interopRequireDefault(
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
18
|
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); }
|
|
19
19
|
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 && {}.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
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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
21
|
/** Radio Component */
|
|
22
22
|
function Radio(_ref) {
|
|
23
23
|
let {
|
|
@@ -12,12 +12,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _CheckBoxOutlineBlank = _interopRequireDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
|
|
13
13
|
var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
|
|
14
14
|
var _helper = require("../../../util/helper");
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
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); }
|
|
17
17
|
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 && {}.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; }
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
19
|
-
// import useUpdateEffect from '../../../util/useUpdateEffect';
|
|
20
|
-
|
|
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); } /* eslint-disable default-param-last,react/jsx-no-duplicate-props */
|
|
21
19
|
const icon = /*#__PURE__*/_react.default.createElement(_CheckBoxOutlineBlank.default, {
|
|
22
20
|
fontSize: "small"
|
|
23
21
|
});
|
|
@@ -30,13 +28,13 @@ const getValue = function () {
|
|
|
30
28
|
let isMultiple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
31
29
|
if (isMultiple) {
|
|
32
30
|
let separator = ',';
|
|
33
|
-
if (defaultValue
|
|
34
|
-
const dValueSet = new Set(defaultValue
|
|
35
|
-
return options
|
|
31
|
+
if (defaultValue?.includes(',')) separator = ',';else if (defaultValue?.includes(';')) separator = ';';
|
|
32
|
+
const dValueSet = new Set(defaultValue?.split(separator));
|
|
33
|
+
return options?.filter(_ref => {
|
|
36
34
|
let {
|
|
37
35
|
value
|
|
38
36
|
} = _ref;
|
|
39
|
-
return dValueSet
|
|
37
|
+
return dValueSet?.has(value);
|
|
40
38
|
});
|
|
41
39
|
}
|
|
42
40
|
return options.find(_ref2 => {
|
|
@@ -58,7 +56,7 @@ function Select(_ref3) {
|
|
|
58
56
|
id = '',
|
|
59
57
|
InputProps = {}
|
|
60
58
|
} = attributes;
|
|
61
|
-
const [value, setValue] = _react.default.useState(
|
|
59
|
+
const [value, setValue] = _react.default.useState(attributes?.value && getValue(options, attributes?.value, MuiAttributes.multiple));
|
|
62
60
|
const getMuiAttributes = () => {
|
|
63
61
|
if (MuiAttributes.multiple) {
|
|
64
62
|
MuiAttributes.renderOption = function (props) {
|
|
@@ -79,7 +77,7 @@ function Select(_ref3) {
|
|
|
79
77
|
}
|
|
80
78
|
return MuiAttributes;
|
|
81
79
|
};
|
|
82
|
-
const extractValue = option =>
|
|
80
|
+
const extractValue = option => option?.value || option?.title || option?.label;
|
|
83
81
|
const onChangeEvent = (0, _react.useCallback)((event, newValue) => {
|
|
84
82
|
setValue(newValue);
|
|
85
83
|
if (newValue) {
|
|
@@ -106,15 +104,16 @@ function Select(_ref3) {
|
|
|
106
104
|
const mergedInputProps = {
|
|
107
105
|
...params.InputProps,
|
|
108
106
|
...customInputProps,
|
|
109
|
-
startAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customInputProps
|
|
110
|
-
endAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customInputProps
|
|
107
|
+
startAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customInputProps?.startAdornment, params.InputProps.startAdornment, " "),
|
|
108
|
+
endAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customInputProps?.endAdornment, params.InputProps.endAdornment)
|
|
111
109
|
};
|
|
112
110
|
return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiBoxAttributes, {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
111
|
+
slotProps: {
|
|
112
|
+
input: {
|
|
113
|
+
...mergedInputProps,
|
|
114
|
+
autoComplete: 'new-password'
|
|
115
|
+
}
|
|
116
|
+
}
|
|
118
117
|
}));
|
|
119
118
|
}
|
|
120
119
|
}));
|
|
@@ -9,10 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _material = require("@mui/material");
|
|
10
10
|
var _stepperComponents = _interopRequireDefault(require("../../../util/stepperComponents"));
|
|
11
11
|
var _helper = require("../../../util/helper");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
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); }
|
|
14
14
|
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 && {}.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; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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); } // eslint-disable-next-line import/no-cycle
|
|
16
16
|
const initialState = {
|
|
17
17
|
activeStep: 0,
|
|
18
18
|
stepperResponse: {},
|
|
@@ -92,9 +92,9 @@ function Stepper(_ref) {
|
|
|
92
92
|
type: stepChange
|
|
93
93
|
});
|
|
94
94
|
const newStep = activeStep + (stepChange === 'NEXT_STEP' ? 1 : -1);
|
|
95
|
-
onStepUpdate
|
|
95
|
+
onStepUpdate?.(newStep, isScreenChange && stepChange === 'NEXT_STEP', isLastStep);
|
|
96
96
|
if (isLastStep) {
|
|
97
|
-
onChange
|
|
97
|
+
onChange?.({
|
|
98
98
|
id: attributes.id,
|
|
99
99
|
value: stepperResponse
|
|
100
100
|
});
|
|
@@ -111,7 +111,7 @@ function Stepper(_ref) {
|
|
|
111
111
|
id,
|
|
112
112
|
value
|
|
113
113
|
});
|
|
114
|
-
onChange
|
|
114
|
+
onChange?.({
|
|
115
115
|
id,
|
|
116
116
|
value
|
|
117
117
|
});
|
|
@@ -10,8 +10,8 @@ var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
|
|
|
10
10
|
var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
|
|
11
11
|
var _styles = require("@mui/material/styles");
|
|
12
12
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
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); }
|
|
15
15
|
const ColorSwitch = (0, _styles.experimentalStyled)(_ref => {
|
|
16
16
|
let {
|
|
17
17
|
color,
|
|
@@ -10,8 +10,8 @@ var _numeral = _interopRequireDefault(require("numeral"));
|
|
|
10
10
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
11
11
|
var _helper = require("../../../util/helper");
|
|
12
12
|
var _validation = _interopRequireDefault(require("../../../util/validation"));
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
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); }
|
|
15
15
|
function TextField(_ref) {
|
|
16
16
|
let {
|
|
17
17
|
attributes,
|
|
@@ -11,8 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
12
|
var _helper = require("../../../util/helper");
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
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
16
|
function TimePicker(_ref) {
|
|
17
17
|
let {
|
|
18
18
|
attributes,
|
|
@@ -23,10 +23,10 @@ function TimePicker(_ref) {
|
|
|
23
23
|
name = 'TimePicker',
|
|
24
24
|
id = ''
|
|
25
25
|
} = attributes;
|
|
26
|
-
const [value, setValue] = _react.default.useState(attributes
|
|
26
|
+
const [value, setValue] = _react.default.useState(attributes?.value ? (0, _dayjs.default)(attributes?.value) : null);
|
|
27
27
|
(0, _useUpdateEffect.default)(() => {
|
|
28
|
-
if (attributes
|
|
29
|
-
}, [attributes
|
|
28
|
+
if (attributes?.value) setValue((0, _dayjs.default)(attributes?.value));
|
|
29
|
+
}, [attributes?.value]);
|
|
30
30
|
const MuiTimePicker = (0, _helper.DateComponent)(name);
|
|
31
31
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
32
32
|
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
10
10
|
var _material = require("@mui/material");
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
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); }
|
|
13
13
|
/** Typography Component */
|
|
14
14
|
function Typography(_ref) {
|
|
15
15
|
let {
|
|
@@ -19,7 +19,7 @@ var _bar = _interopRequireDefault(require("../charts/Bar/bar"));
|
|
|
19
19
|
var _line = _interopRequireDefault(require("../charts/Line/line"));
|
|
20
20
|
var _pie = _interopRequireDefault(require("../charts/Pie/pie"));
|
|
21
21
|
var _mixChart = _interopRequireDefault(require("../charts/Mixchart/mixChart"));
|
|
22
|
-
function _interopRequireDefault(
|
|
22
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
23
23
|
// eslint-disable-next-line import/no-cycle
|
|
24
24
|
|
|
25
25
|
const Controls = {
|
|
@@ -13,8 +13,8 @@ var _material = require("@mui/material");
|
|
|
13
13
|
var _xDatePickers = require("@mui/x-date-pickers");
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _utils = require("@mui/x-data-grid/utils/utils");
|
|
16
|
-
function _interopRequireDefault(
|
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
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); }
|
|
18
18
|
function generateLayout(data) {
|
|
19
19
|
const layout = {
|
|
20
20
|
wrows: [],
|
|
@@ -55,8 +55,8 @@ function getInputProps(InputProps) {
|
|
|
55
55
|
textstyle = {}
|
|
56
56
|
} = InputProps;
|
|
57
57
|
return {
|
|
58
|
-
[
|
|
59
|
-
key:
|
|
58
|
+
[`${position}Adornment`]: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, _extends({}, MuiInputAdornment, {
|
|
59
|
+
key: `custom-icon-Adornment-${position}`
|
|
60
60
|
}), icon && /*#__PURE__*/_react.default.createElement(_material.Icon, null, icon), !(0, _isEmpty.default)(textstyle) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
61
61
|
style: textstyle
|
|
62
62
|
}, text || '') : text || '')
|
|
@@ -69,7 +69,7 @@ const generateKey = function () {
|
|
|
69
69
|
let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
70
70
|
const random = Math.random().toString(36).substr(2, 9);
|
|
71
71
|
const currentTime = new Date().toLocaleTimeString('en').trim();
|
|
72
|
-
return
|
|
72
|
+
return `${prefix}_${index}_${random}_${currentTime}`;
|
|
73
73
|
};
|
|
74
74
|
exports.generateKey = generateKey;
|
|
75
75
|
function isEmptyCustom(value) {
|
|
@@ -89,13 +89,12 @@ const updatePatchData = function (fields, patch, guid) {
|
|
|
89
89
|
response[guid] = patch;
|
|
90
90
|
const formData = Object.assign([], fields);
|
|
91
91
|
return (0, _lodash.map)(formData, field => {
|
|
92
|
-
var _newField$props;
|
|
93
92
|
const newField = (0, _utils.deepClone)({
|
|
94
93
|
...field
|
|
95
94
|
});
|
|
96
|
-
const id =
|
|
95
|
+
const id = newField?.id || newField?.props?.id;
|
|
97
96
|
if (id && response[guid] && !isEmptyCustom(response[guid][id])) {
|
|
98
|
-
const defaultValue =
|
|
97
|
+
const defaultValue = newField?.type === 'switch' || newField?.type === 'checkbox' ? false : '';
|
|
99
98
|
const isUndefined = response[guid][id] === undefined;
|
|
100
99
|
newField.props = {
|
|
101
100
|
...newField.props,
|
|
@@ -11,7 +11,7 @@ var _mui = _interopRequireDefault(require("../config/mui"));
|
|
|
11
11
|
var _helper = require("./helper");
|
|
12
12
|
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); }
|
|
13
13
|
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 && {}.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
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
// eslint-disable-next-line import/no-cycle
|
|
16
16
|
|
|
17
17
|
function StepperComponents(_ref) {
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = useUpdateEffect;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _useIsFirstRender = _interopRequireDefault(require("./useIsFirstRender"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
function useUpdateEffect(effect, deps) {
|
|
11
11
|
const isFirst = (0, _useIsFirstRender.default)();
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _validator = _interopRequireDefault(require("validator"));
|
|
8
8
|
var _numeral = _interopRequireDefault(require("numeral"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const Validation = {
|
|
11
11
|
email(value, options) {
|
|
12
12
|
return _validator.default.isEmail(value, options);
|
package/docs/asset-manifest.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"files": {
|
|
3
|
-
"main.js": "/DinakaranS/-dynamic-mui/build/bundle.
|
|
3
|
+
"main.js": "/DinakaranS/-dynamic-mui/build/bundle.036bacf5.js",
|
|
4
4
|
"index.html": "/DinakaranS/-dynamic-mui/index.html"
|
|
5
5
|
},
|
|
6
6
|
"entrypoints": [
|
|
7
|
-
"build/bundle.
|
|
7
|
+
"build/bundle.036bacf5.js"
|
|
8
8
|
]
|
|
9
9
|
}
|