@m4l/components 0.1.93 → 0.1.95
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/components/AccountPopover/{index.2ef0bf6d.js → index.3711d526.js} +1 -1
- package/components/AppBar/{index.16fe42a1.js → index.512042a9.js} +1 -1
- package/components/CommonActions/components/ActionCancel/{index.c3e23ad4.js → index.bb383946.js} +1 -1
- package/components/CommonActions/components/ActionFormCancel/{index.6da52418.js → index.97ecdeef.js} +2 -2
- package/components/CommonActions/components/ActionFormIntro/{index.c3af6d1d.js → index.3deddb07.js} +1 -1
- package/components/CommonActions/components/ActionIntro/{index.49631fcb.js → index.4bc5780e.js} +1 -1
- package/components/DataGrid/{index.abedf2c0.js → index.47a152d0.js} +5 -5
- package/components/DataGrid/subcomponents/Actions/{index.c8408b73.js → index.8d9feca6.js} +7 -7
- package/components/DynamicFilter/{index.cb1402aa.js → index.a50a1483.js} +9 -9
- package/components/GridLayout/{index.1421f0d4.js → index.4a245d9e.js} +1 -1
- package/components/GridLayout/subcomponents/Griditem/{index.b2342897.js → index.ea745285.js} +2 -2
- package/components/GridLayout/subcomponents/Responsive/{index.f459804c.js → index.edb59c22.js} +2 -2
- package/components/Icon/{index.3211023d.js → index.11a7a77c.js} +1 -1
- package/components/Image/{index.611cd930.js → index.9799dfc0.js} +1 -1
- package/components/LanguagePopover/{index.b6dc03d0.js → index.087b430d.js} +2 -2
- package/components/LoadingError/{index.96bdc803.js → index.08cf9728.js} +2 -2
- package/components/MFLoader/{index.caee87dd.js → index.4b531d2d.js} +1 -1
- package/components/NoItemSelected/{index.3e29c208.js → index.8a2a13f8.js} +1 -1
- package/components/ObjectLogs/{index.38fd657f.js → index.55b5c933.js} +4 -4
- package/components/Page/{index.c4642a29.js → index.49d18c85.js} +1 -1
- package/components/PaperForm/{index.cce9ed39.js → index.a2b69977.js} +1 -1
- package/components/Period/{index.c35c6a6c.js → index.8cccbb4b.js} +1 -1
- package/components/PrintingSystem/index.d1fd7818.js +223 -0
- package/components/PrintingSystem/subcomponents/BodyNode/index.f6410daa.js +48 -0
- package/components/PrintingSystem/subcomponents/ChartNode/index.6b30abe0.js +91 -0
- package/components/PrintingSystem/subcomponents/DividerNode/index.dcac3bc0.js +19 -0
- package/components/PrintingSystem/subcomponents/FooterNode/index.dd21921e.js +48 -0
- package/components/PrintingSystem/subcomponents/GridNode/index.eb5ebe06.js +73 -0
- package/components/PrintingSystem/subcomponents/HeaderNode/index.48e8769c.js +48 -0
- package/components/PrintingSystem/subcomponents/PaperNode/index.ccec72dc.js +46 -0
- package/components/PrintingSystem/subcomponents/PropertyValueNode/index.807e0343.js +43 -0
- package/components/PrintingSystem/subcomponents/SectionNode/index.622df623.js +48 -0
- package/components/PrintingSystem/subcomponents/TextBoxNode/index.f06ac3d5.js +28 -0
- package/components/PropertyValue/classes/index.d.ts +1 -1
- package/components/PropertyValue/{index.3ee95452.js → index.4ae0bb21.js} +1 -1
- package/components/SideBar/{index.5fd648d2.js → index.ce301edd.js} +3 -3
- package/components/areas/components/AreasAdmin/{index.ddb384a1.js → index.3c182644.js} +8 -8
- package/components/areas/components/AreasViewer/{index.625bf23b.js → index.a0a969e7.js} +10 -10
- package/components/areas/contexts/AreasContext/{index.646f3c8f.js → index.d43aceaf.js} +4 -4
- package/components/areas/hooks/useAreas/{index.ee66240b.js → index.6a1d525c.js} +1 -1
- package/components/formatters/BooleanFormatter/{index.3c2df7a8.js → index.00596be3.js} +3 -10
- package/components/formatters/dictionary.d.ts +0 -1
- package/components/formatters/{index.dc77adb7.js → index.1906141f.js} +1 -11
- package/components/hook-form/RHFAutocomplete/{index.52387f0f.js → index.a5f1034a.js} +2 -2
- package/components/hook-form/RHFAutocompleteAsync/{index.638bd2ae.js → index.047ff594.js} +1 -1
- package/components/hook-form/RHFDateTime/{index.66e334b0.js → index.a273293c.js} +1 -1
- package/components/hook-form/RHFPeriod/{index.23099265.js → index.53827a17.js} +1 -1
- package/components/hook-form/RHFTextField/{index.25b3627e.js → index.5801338a.js} +1 -1
- package/components/hook-form/RHFUpload/{index.65588e08.js → index.f04df1c9.js} +2 -2
- package/components/modal/{WindowBase.161ec78a.js → WindowBase.beb2fb3e.js} +2 -2
- package/components/modal/{WindowConfirm.7eed7c35.js → WindowConfirm.477e6f63.js} +4 -4
- package/components/mui_extended/Accordion/{index.92aae1a4.js → index.08ff7e2f.js} +3 -3
- package/components/mui_extended/Button/{index.94fec33c.js → index.857c2dfe.js} +1 -1
- package/components/mui_extended/IconButton/{index.53cd6388.js → index.5499ffdb.js} +1 -1
- package/components/mui_extended/MenuActions/{index.dd9f65a2.js → index.d8d0c00e.js} +2 -2
- package/components/mui_extended/Pager/{index.de0bd62c.js → index.47343062.js} +1 -1
- package/components/mui_extended/Tab/{index.1fcabba2.js → index.2f9a6815.js} +1 -1
- package/contexts/RHFormContext/classes/index.d.ts +1 -1
- package/hooks/useFormAddEdit/{index.3584a29f.js → index.b9ccd95f.js} +1 -1
- package/index.js +69 -58
- package/package.json +1 -1
- package/{vendor.71883626.js → vendor.6019bf6e.js} +43 -43
- package/components/PrintingSystem/index.e18a2fa8.js +0 -634
- package/node_modules.b55d04d9.js +0 -15267
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { g as getEvalValue, c as classes } from "../../index.d1fd7818.js";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { createRef, useEffect } from "react";
|
|
4
|
+
import { Chart, registerables } from "chart.js";
|
|
5
|
+
import { ScatterWithErrorBarsController, LineWithErrorBarsChart, PointWithErrorBar } from "chartjs-chart-error-bars";
|
|
6
|
+
import { useBase, getPropertyByString } from "@m4l/core";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
Chart.register(ScatterWithErrorBarsController, LineWithErrorBarsChart, PointWithErrorBar, ...registerables);
|
|
9
|
+
const ChartNode = (props) => {
|
|
10
|
+
const {
|
|
11
|
+
style = {},
|
|
12
|
+
className = "",
|
|
13
|
+
points,
|
|
14
|
+
messageX,
|
|
15
|
+
messageY
|
|
16
|
+
} = props;
|
|
17
|
+
const canvasRef = createRef();
|
|
18
|
+
const regexPattern = /\$\{([^{}]+)\}/g;
|
|
19
|
+
const {
|
|
20
|
+
sourceData
|
|
21
|
+
} = useBase();
|
|
22
|
+
const pointsMaybeString = typeof points === "string" && regexPattern.exec(points) || "";
|
|
23
|
+
const formatPoints = typeof points === "string" ? getPropertyByString(sourceData, pointsMaybeString[1]) : points;
|
|
24
|
+
const data = Array.isArray(formatPoints) && formatPoints.length > 0 ? formatPoints.map((point) => {
|
|
25
|
+
return {
|
|
26
|
+
x: 0,
|
|
27
|
+
xMin: 0,
|
|
28
|
+
xMax: 0,
|
|
29
|
+
y: point.correction,
|
|
30
|
+
yMin: point.correction - point.uncertainty,
|
|
31
|
+
yMax: point.correction + point.uncertainty
|
|
32
|
+
};
|
|
33
|
+
}) : [];
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
const canvas = canvasRef.current;
|
|
36
|
+
if (canvas != null) {
|
|
37
|
+
const ctx = canvas.getContext("2d");
|
|
38
|
+
if (ctx != null) {
|
|
39
|
+
new LineWithErrorBarsChart(ctx, {
|
|
40
|
+
data: {
|
|
41
|
+
labels: Array.isArray(formatPoints) && formatPoints.length > 0 ? formatPoints.map((point) => point.avg) : [],
|
|
42
|
+
datasets: [{
|
|
43
|
+
data,
|
|
44
|
+
borderWidth: 0,
|
|
45
|
+
pointBorderWidth: 0
|
|
46
|
+
}]
|
|
47
|
+
},
|
|
48
|
+
options: {
|
|
49
|
+
plugins: {
|
|
50
|
+
legend: {
|
|
51
|
+
display: false
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
elements: {
|
|
55
|
+
pointWithErrorBar: {
|
|
56
|
+
radius: 5,
|
|
57
|
+
backgroundColor: "black"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
scales: {
|
|
61
|
+
x: {
|
|
62
|
+
title: {
|
|
63
|
+
display: true,
|
|
64
|
+
text: getEvalValue(sourceData, messageX)
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
y: {
|
|
68
|
+
title: {
|
|
69
|
+
display: true,
|
|
70
|
+
text: getEvalValue(sourceData, messageY)
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}, [canvasRef, points]);
|
|
79
|
+
return /* @__PURE__ */ jsx("div", {
|
|
80
|
+
className: clsx(classes.chartNodeRoot, className),
|
|
81
|
+
style: {
|
|
82
|
+
...style
|
|
83
|
+
},
|
|
84
|
+
children: /* @__PURE__ */ jsx("canvas", {
|
|
85
|
+
ref: canvasRef
|
|
86
|
+
})
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
export {
|
|
90
|
+
ChartNode as C
|
|
91
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { c as classes } from "../../index.d1fd7818.js";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
const DividerNode = (props) => {
|
|
5
|
+
const {
|
|
6
|
+
direction = "vertical",
|
|
7
|
+
className = "",
|
|
8
|
+
style = {}
|
|
9
|
+
} = props;
|
|
10
|
+
return /* @__PURE__ */ jsx("div", {
|
|
11
|
+
className: clsx(classes.dividerNodeRoot, className, direction === "vertical" ? classes.dividerNodeVertical : classes.dividerNodeHorizontal),
|
|
12
|
+
style: {
|
|
13
|
+
...style
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
DividerNode as D
|
|
19
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { useBase } from "@m4l/core";
|
|
2
|
+
import { c as classes, a as getSize } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
const FooterNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
children,
|
|
8
|
+
className,
|
|
9
|
+
direction = "row",
|
|
10
|
+
gap = "unset",
|
|
11
|
+
style,
|
|
12
|
+
width = "auto",
|
|
13
|
+
height = "auto",
|
|
14
|
+
paddingTop = "unset",
|
|
15
|
+
paddingRight = "unset",
|
|
16
|
+
paddingBottom = "unset",
|
|
17
|
+
paddingLeft = "unset",
|
|
18
|
+
alignX = "unset",
|
|
19
|
+
alignY = "unset",
|
|
20
|
+
grow = false
|
|
21
|
+
} = props;
|
|
22
|
+
const {
|
|
23
|
+
unitSize
|
|
24
|
+
} = useBase();
|
|
25
|
+
return /* @__PURE__ */ jsx("div", {
|
|
26
|
+
className: clsx(classes.footerNodeRoot, className),
|
|
27
|
+
style: {
|
|
28
|
+
flexDirection: direction,
|
|
29
|
+
gap: getSize(gap, unitSize),
|
|
30
|
+
width: getSize(width, unitSize),
|
|
31
|
+
height: getSize(height, unitSize),
|
|
32
|
+
minWidth: getSize(width, unitSize),
|
|
33
|
+
minHeight: getSize(height, unitSize),
|
|
34
|
+
paddingTop: getSize(paddingTop, unitSize),
|
|
35
|
+
paddingRight: getSize(paddingRight, unitSize),
|
|
36
|
+
paddingBottom: getSize(paddingBottom, unitSize),
|
|
37
|
+
paddingLeft: getSize(paddingLeft, unitSize),
|
|
38
|
+
justifyContent: direction === "row" ? alignX : alignY,
|
|
39
|
+
alignItems: direction === "row" ? alignY : alignX,
|
|
40
|
+
flex: grow ? 1 : "unset",
|
|
41
|
+
...style
|
|
42
|
+
},
|
|
43
|
+
children
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
FooterNode as F
|
|
48
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { useBase, getPropertyByString } from "@m4l/core";
|
|
2
|
+
import { c as classes, a as getSize, g as getEvalValue } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
5
|
+
const GridNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
style = {},
|
|
8
|
+
className = "",
|
|
9
|
+
rows,
|
|
10
|
+
columns
|
|
11
|
+
} = props;
|
|
12
|
+
const regexPattern = /\$\{([^{}]+)\}/g;
|
|
13
|
+
const rowMaybeString = typeof rows === "string" && regexPattern.exec(rows) || "";
|
|
14
|
+
const dataColumns = Array.isArray(columns) && columns.length > 0 ? columns : [];
|
|
15
|
+
const {
|
|
16
|
+
unitSize,
|
|
17
|
+
sourceData
|
|
18
|
+
} = useBase();
|
|
19
|
+
const result = getPropertyByString(sourceData, typeof rows === "string" ? rowMaybeString[1] : "");
|
|
20
|
+
console.log("rows", rows);
|
|
21
|
+
console.log("result", result);
|
|
22
|
+
const rowEval = Array.isArray(result) ? result : typeof result === "object" ? [{
|
|
23
|
+
...result
|
|
24
|
+
}] : [];
|
|
25
|
+
console.log("rows", rows);
|
|
26
|
+
console.log("rowEval", rowEval);
|
|
27
|
+
const rowsFormated = typeof rows === "string" ? rowEval : rows;
|
|
28
|
+
if (dataColumns.length > 0) {
|
|
29
|
+
return /* @__PURE__ */ jsxs("table", {
|
|
30
|
+
className: clsx(classes.gridNodeRoot, className),
|
|
31
|
+
style: {
|
|
32
|
+
...style
|
|
33
|
+
},
|
|
34
|
+
children: [/* @__PURE__ */ jsx("thead", {
|
|
35
|
+
children: /* @__PURE__ */ jsx("tr", {
|
|
36
|
+
className: classes.gridNodeTr,
|
|
37
|
+
children: columns.map((column) => {
|
|
38
|
+
return /* @__PURE__ */ jsx("th", {
|
|
39
|
+
className: classes.gridNodeTh,
|
|
40
|
+
style: {
|
|
41
|
+
minWidth: column.width ? getSize(column.width, unitSize) : "auto",
|
|
42
|
+
maxWidth: column.width ? getSize(column.width, unitSize) : "auto",
|
|
43
|
+
justifyContent: column.alignX ? column.alignX : "center"
|
|
44
|
+
},
|
|
45
|
+
children: getEvalValue(sourceData, column.title)
|
|
46
|
+
}, `th-${Math.random().toString(36).substring(7)}`);
|
|
47
|
+
})
|
|
48
|
+
}, `tr-${Math.random().toString(36).substring(7)}`)
|
|
49
|
+
}), /* @__PURE__ */ jsx("tbody", {
|
|
50
|
+
children: rowsFormated.map((row) => {
|
|
51
|
+
return /* @__PURE__ */ jsx("tr", {
|
|
52
|
+
className: classes.gridNodeTr,
|
|
53
|
+
children: columns.map((cell, id) => {
|
|
54
|
+
const isNested = cell.nestedValue ? true : false;
|
|
55
|
+
return /* @__PURE__ */ jsx("td", {
|
|
56
|
+
className: classes.gridNodeTd,
|
|
57
|
+
style: {
|
|
58
|
+
minWidth: getSize(dataColumns[id].width || "auto", unitSize),
|
|
59
|
+
justifyContent: cell.alignX ? cell.alignX : "center"
|
|
60
|
+
},
|
|
61
|
+
children: isNested ? getPropertyByString(row, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
|
|
62
|
+
}, `td-${Math.random().toString(36).substring(7)}`);
|
|
63
|
+
})
|
|
64
|
+
}, `tr-${Math.random().toString(36).substring(7)}`);
|
|
65
|
+
})
|
|
66
|
+
})]
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return null;
|
|
70
|
+
};
|
|
71
|
+
export {
|
|
72
|
+
GridNode as G
|
|
73
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { useBase } from "@m4l/core";
|
|
2
|
+
import { c as classes, a as getSize } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
const HeaderNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
children,
|
|
8
|
+
className,
|
|
9
|
+
direction = "row",
|
|
10
|
+
gap = "unset",
|
|
11
|
+
style,
|
|
12
|
+
width = "auto",
|
|
13
|
+
height = "auto",
|
|
14
|
+
paddingTop = "unset",
|
|
15
|
+
paddingRight = "unset",
|
|
16
|
+
paddingBottom = "unset",
|
|
17
|
+
paddingLeft = "unset",
|
|
18
|
+
alignX = "unset",
|
|
19
|
+
alignY = "unset",
|
|
20
|
+
grow = false
|
|
21
|
+
} = props;
|
|
22
|
+
const {
|
|
23
|
+
unitSize
|
|
24
|
+
} = useBase();
|
|
25
|
+
return /* @__PURE__ */ jsx("div", {
|
|
26
|
+
className: clsx(classes.headerNodeRoot, className),
|
|
27
|
+
style: {
|
|
28
|
+
flexDirection: direction,
|
|
29
|
+
gap: getSize(gap, unitSize),
|
|
30
|
+
width: getSize(width, unitSize),
|
|
31
|
+
height: getSize(height, unitSize),
|
|
32
|
+
minWidth: getSize(width, unitSize),
|
|
33
|
+
minHeight: getSize(height, unitSize),
|
|
34
|
+
paddingTop: getSize(paddingTop, unitSize),
|
|
35
|
+
paddingRight: getSize(paddingRight, unitSize),
|
|
36
|
+
paddingBottom: getSize(paddingBottom, unitSize),
|
|
37
|
+
paddingLeft: getSize(paddingLeft, unitSize),
|
|
38
|
+
justifyContent: direction === "row" ? alignX : alignY,
|
|
39
|
+
alignItems: direction === "row" ? alignY : alignX,
|
|
40
|
+
flex: grow ? 1 : "unset",
|
|
41
|
+
...style
|
|
42
|
+
},
|
|
43
|
+
children
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
HeaderNode as H
|
|
48
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { useBase } from "@m4l/core";
|
|
2
|
+
import { g as getEvalValue, c as classes } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
5
|
+
const PaperNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
children,
|
|
8
|
+
style = {},
|
|
9
|
+
className = "",
|
|
10
|
+
title,
|
|
11
|
+
titleSecondary
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
mainColor
|
|
15
|
+
} = useBase();
|
|
16
|
+
const {
|
|
17
|
+
sourceData
|
|
18
|
+
} = useBase();
|
|
19
|
+
const titleFormated = getEvalValue(sourceData, title);
|
|
20
|
+
const titleSecondaryFormated = getEvalValue(sourceData, titleSecondary || "");
|
|
21
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
22
|
+
className: clsx(classes.paperNodeRoot, className),
|
|
23
|
+
style: {
|
|
24
|
+
...style
|
|
25
|
+
},
|
|
26
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
27
|
+
className: classes.paperNodeContainerTitles,
|
|
28
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
29
|
+
className: classes.paperNodeTitle,
|
|
30
|
+
children: titleFormated
|
|
31
|
+
}), titleSecondary ? /* @__PURE__ */ jsx("div", {
|
|
32
|
+
className: classes.paperNodeTitleSecondary,
|
|
33
|
+
style: {
|
|
34
|
+
color: mainColor
|
|
35
|
+
},
|
|
36
|
+
children: titleSecondaryFormated
|
|
37
|
+
}) : null]
|
|
38
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
39
|
+
className: classes.paperNodeContent,
|
|
40
|
+
children
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
PaperNode as P
|
|
46
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { useBase, evaluateWithContext } from "@m4l/core";
|
|
2
|
+
import { c as classes, a as getSize } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
5
|
+
const PropertyValueNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
style = {},
|
|
8
|
+
className = "",
|
|
9
|
+
property,
|
|
10
|
+
value,
|
|
11
|
+
direction,
|
|
12
|
+
propertyWidth = "auto"
|
|
13
|
+
} = props;
|
|
14
|
+
console.log();
|
|
15
|
+
const {
|
|
16
|
+
unitSize,
|
|
17
|
+
mainColor,
|
|
18
|
+
sourceData
|
|
19
|
+
} = useBase();
|
|
20
|
+
const propertyFormated = evaluateWithContext(sourceData, property);
|
|
21
|
+
const valueFormated = evaluateWithContext(sourceData, value);
|
|
22
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
23
|
+
className: clsx(classes.propertyValueNodeRoot, direction === "column" ? classes.propertyValueNodeHorizontal : classes.propertyValueNodeVertical, className),
|
|
24
|
+
style: {
|
|
25
|
+
...style
|
|
26
|
+
},
|
|
27
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
28
|
+
className: classes.propertyValueNodeTitle,
|
|
29
|
+
style: {
|
|
30
|
+
width: getSize(propertyWidth, unitSize),
|
|
31
|
+
minWidth: getSize(propertyWidth, unitSize),
|
|
32
|
+
borderColor: mainColor
|
|
33
|
+
},
|
|
34
|
+
children: propertyFormated
|
|
35
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
36
|
+
className: classes.propertyValueNodeContent,
|
|
37
|
+
children: valueFormated
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
PropertyValueNode as P
|
|
43
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { useBase } from "@m4l/core";
|
|
2
|
+
import { c as classes, a as getSize } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
const SectionNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
children,
|
|
8
|
+
className,
|
|
9
|
+
direction = "row",
|
|
10
|
+
gap = "unset",
|
|
11
|
+
style,
|
|
12
|
+
width = "auto",
|
|
13
|
+
height = "auto",
|
|
14
|
+
paddingTop = "unset",
|
|
15
|
+
paddingRight = "unset",
|
|
16
|
+
paddingBottom = "unset",
|
|
17
|
+
paddingLeft = "unset",
|
|
18
|
+
alignX = "unset",
|
|
19
|
+
alignY = "unset",
|
|
20
|
+
grow = false
|
|
21
|
+
} = props;
|
|
22
|
+
const {
|
|
23
|
+
unitSize
|
|
24
|
+
} = useBase();
|
|
25
|
+
return /* @__PURE__ */ jsx("div", {
|
|
26
|
+
className: clsx(classes.sectionNodeRoot, className),
|
|
27
|
+
style: {
|
|
28
|
+
flexDirection: direction,
|
|
29
|
+
gap: getSize(gap, unitSize),
|
|
30
|
+
width: getSize(width, unitSize),
|
|
31
|
+
height: getSize(height, unitSize),
|
|
32
|
+
minWidth: getSize(width, unitSize),
|
|
33
|
+
minHeight: getSize(height, unitSize),
|
|
34
|
+
paddingTop: getSize(paddingTop, unitSize),
|
|
35
|
+
paddingRight: getSize(paddingRight, unitSize),
|
|
36
|
+
paddingBottom: getSize(paddingBottom, unitSize),
|
|
37
|
+
paddingLeft: getSize(paddingLeft, unitSize),
|
|
38
|
+
justifyContent: direction === "row" ? alignX : alignY,
|
|
39
|
+
alignItems: direction === "row" ? alignY : alignX,
|
|
40
|
+
flex: grow ? 1 : "unset",
|
|
41
|
+
...style
|
|
42
|
+
},
|
|
43
|
+
children
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
SectionNode as S
|
|
48
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { useBase } from "@m4l/core";
|
|
2
|
+
import { g as getEvalValue, c as classes } from "../../index.d1fd7818.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
const TextBoxNode = (props) => {
|
|
6
|
+
const {
|
|
7
|
+
variant = "body",
|
|
8
|
+
style,
|
|
9
|
+
className,
|
|
10
|
+
textAlign = "start",
|
|
11
|
+
children
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
sourceData
|
|
15
|
+
} = useBase();
|
|
16
|
+
const textFormated = getEvalValue(sourceData, children[1]);
|
|
17
|
+
return /* @__PURE__ */ jsx("span", {
|
|
18
|
+
className: clsx(classes.textBoxNodeRoot, className, `${classes.textBoxNodeVariant}-${variant}`),
|
|
19
|
+
style: {
|
|
20
|
+
textAlign,
|
|
21
|
+
...style
|
|
22
|
+
},
|
|
23
|
+
children: textFormated
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
TextBoxNode as T
|
|
28
|
+
};
|
|
@@ -4,7 +4,7 @@ export declare const propertyValueClasses: PropertyValueClassesType;
|
|
|
4
4
|
export declare function getPropertyValueUtilityClass(slot: string): string;
|
|
5
5
|
export declare const propertyValueUtilityClasses: (ownerState: OwnerState) => {
|
|
6
6
|
value: string;
|
|
7
|
-
property: string;
|
|
8
7
|
root: string;
|
|
8
|
+
property: string;
|
|
9
9
|
skeletonProperty: string;
|
|
10
10
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { styled } from "@mui/material/styles";
|
|
2
2
|
import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
|
|
3
3
|
import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
|
|
4
|
-
import { g as getNameDataTestId } from "../../vendor.
|
|
4
|
+
import { g as getNameDataTestId } from "../../vendor.6019bf6e.js";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { useResponsiveDesktop } from "@m4l/graphics";
|
|
7
7
|
import { useModuleSkeleton } from "@m4l/core";
|
|
@@ -7,9 +7,9 @@ import { unstable_composeClasses } from "@mui/base";
|
|
|
7
7
|
import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
|
|
8
8
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
9
9
|
import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
|
|
10
|
-
import { I as Image } from "../Image/index.
|
|
11
|
-
import { I as IconButton } from "../mui_extended/IconButton/index.
|
|
12
|
-
import { I as Icon, A as ArrowIcon } from "../Icon/index.
|
|
10
|
+
import { I as Image } from "../Image/index.9799dfc0.js";
|
|
11
|
+
import { I as IconButton } from "../mui_extended/IconButton/index.5499ffdb.js";
|
|
12
|
+
import { I as Icon, A as ArrowIcon } from "../Icon/index.11a7a77c.js";
|
|
13
13
|
import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
|
|
14
14
|
import clsx from "clsx";
|
|
15
15
|
import { useLocation } from "react-router-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as useAreasStore } from "../../hooks/useAreas/index.
|
|
1
|
+
import { u as useAreasStore } from "../../hooks/useAreas/index.6a1d525c.js";
|
|
2
2
|
import { useEnvironment, useModuleDictionary } from "@m4l/core";
|
|
3
3
|
import { useState, useRef, useMemo } from "react";
|
|
4
4
|
import * as Yup from "yup";
|
|
@@ -13,19 +13,19 @@ import { styled } from "@mui/material/styles";
|
|
|
13
13
|
import { useResponsiveDesktop } from "@m4l/graphics";
|
|
14
14
|
import { shallow } from "zustand/shallow";
|
|
15
15
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
16
|
-
import { M as MenuActions } from "../../../mui_extended/MenuActions/index.
|
|
16
|
+
import { M as MenuActions } from "../../../mui_extended/MenuActions/index.d8d0c00e.js";
|
|
17
17
|
import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
|
|
18
18
|
import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.1755b324.js";
|
|
19
|
-
import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.
|
|
19
|
+
import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.5801338a.js";
|
|
20
20
|
import { A as Actions } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
|
|
21
|
-
import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.
|
|
22
|
-
import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.
|
|
23
|
-
import { I as IconButton } from "../../../mui_extended/IconButton/index.
|
|
21
|
+
import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bb383946.js";
|
|
22
|
+
import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.4bc5780e.js";
|
|
23
|
+
import { I as IconButton } from "../../../mui_extended/IconButton/index.5499ffdb.js";
|
|
24
24
|
import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
|
|
25
25
|
import { S as ScrollBar } from "../../../ScrollBar/index.65bb2930.js";
|
|
26
26
|
import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
|
|
27
|
-
import { B as Button } from "../../../mui_extended/Button/index.
|
|
28
|
-
import { I as Icon } from "../../../Icon/index.
|
|
27
|
+
import { B as Button } from "../../../mui_extended/Button/index.857c2dfe.js";
|
|
28
|
+
import { I as Icon } from "../../../Icon/index.11a7a77c.js";
|
|
29
29
|
import { u as useOnClickOutside } from "../../index.4cc6a221.js";
|
|
30
30
|
const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
|
|
31
31
|
"root",
|
|
@@ -7,28 +7,28 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
|
|
|
7
7
|
import { shallow } from "zustand/shallow";
|
|
8
8
|
import React__default, { useMemo, useEffect } from "react";
|
|
9
9
|
import clsx from "clsx";
|
|
10
|
-
import { u as useAreasStore } from "../../hooks/useAreas/index.
|
|
10
|
+
import { u as useAreasStore } from "../../hooks/useAreas/index.6a1d525c.js";
|
|
11
11
|
import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
|
|
12
|
-
import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.
|
|
12
|
+
import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.d8d0c00e.js";
|
|
13
13
|
import { useResponsiveDesktop } from "@m4l/graphics";
|
|
14
14
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
15
15
|
import { I as ICONS } from "../../icons.8266ccc8.js";
|
|
16
16
|
import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
|
|
17
|
-
import { I as IconButton } from "../../../mui_extended/IconButton/index.
|
|
17
|
+
import { I as IconButton } from "../../../mui_extended/IconButton/index.5499ffdb.js";
|
|
18
18
|
import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.c46da124.js";
|
|
19
|
-
import { I as Icon } from "../../../Icon/index.
|
|
19
|
+
import { I as Icon } from "../../../Icon/index.11a7a77c.js";
|
|
20
20
|
import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
|
|
21
|
-
import { M as MFLoader } from "../../../MFLoader/index.
|
|
21
|
+
import { M as MFLoader } from "../../../MFLoader/index.4b531d2d.js";
|
|
22
22
|
import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
|
|
23
23
|
import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
|
|
24
24
|
import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
|
|
25
25
|
import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
|
|
26
|
-
import { g as getNameDataTestId } from "../../../../vendor.
|
|
27
|
-
import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.
|
|
28
|
-
import { S as SizeProvider } from "../../../GridLayout/index.
|
|
29
|
-
import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.
|
|
26
|
+
import { g as getNameDataTestId } from "../../../../vendor.6019bf6e.js";
|
|
27
|
+
import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.d43aceaf.js";
|
|
28
|
+
import { S as SizeProvider } from "../../../GridLayout/index.4a245d9e.js";
|
|
29
|
+
import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.edb59c22.js";
|
|
30
30
|
import { useLocation } from "react-router-dom";
|
|
31
|
-
import { L as LoadingError } from "../../../LoadingError/index.
|
|
31
|
+
import { L as LoadingError } from "../../../LoadingError/index.08cf9728.js";
|
|
32
32
|
import { c as cjs } from "../../../../react-draggable.e4725f3a.js";
|
|
33
33
|
import { R as ResizeableWindow } from "../../../Resizeable/index.8c53c1fa.js";
|
|
34
34
|
const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
|
|
@@ -5,13 +5,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
|
|
|
5
5
|
import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
|
|
6
6
|
import { devtools } from "zustand/middleware";
|
|
7
7
|
import { immer } from "zustand/middleware/immer";
|
|
8
|
-
import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.
|
|
9
|
-
import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.
|
|
8
|
+
import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.a0a969e7.js";
|
|
9
|
+
import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.3c182644.js";
|
|
10
10
|
import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
|
|
11
11
|
import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
|
|
12
|
-
import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.
|
|
12
|
+
import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.edb59c22.js";
|
|
13
13
|
import { debounce, cloneDeep } from "lodash";
|
|
14
|
-
import { A as isEqualLayouts } from "../../../GridLayout/index.
|
|
14
|
+
import { A as isEqualLayouts } from "../../../GridLayout/index.4a245d9e.js";
|
|
15
15
|
import { useNavigate } from "react-router-dom";
|
|
16
16
|
import { jsx } from "react/jsx-runtime";
|
|
17
17
|
const PADDING_GRIDLAYOUT = 4;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useContext } from "react";
|
|
2
2
|
import { useStore } from "zustand";
|
|
3
|
-
import { A as AreasContext } from "../../contexts/AreasContext/index.
|
|
3
|
+
import { A as AreasContext } from "../../contexts/AreasContext/index.d43aceaf.js";
|
|
4
4
|
function useAreasStore(selector, equalityFn) {
|
|
5
5
|
const context = useContext(AreasContext);
|
|
6
6
|
if (!context)
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useMemo } from "react";
|
|
2
2
|
import { useModuleDictionary, useEnvironment } from "@m4l/core";
|
|
3
|
-
import { I as Icon } from "../../Icon/index.
|
|
3
|
+
import { I as Icon } from "../../Icon/index.11a7a77c.js";
|
|
4
4
|
import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
|
|
5
|
-
import { F as FormatterRoot, f as formatterClasses } from "../index.
|
|
5
|
+
import { F as FormatterRoot, f as formatterClasses } from "../index.1906141f.js";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
8
|
const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
|
|
@@ -10,12 +10,6 @@ const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;
|
|
|
10
10
|
const LABEL_BOOLEAN_NO = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_no`;
|
|
11
11
|
const LABEL_BOOLEAN_TRUE = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_true`;
|
|
12
12
|
const LABEL_BOOLEAN_FALSE = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_false`;
|
|
13
|
-
const BOOLEAN_FORMATTER_DICTIONARY_LABELS = [
|
|
14
|
-
LABEL_BOOLEAN_YES,
|
|
15
|
-
LABEL_BOOLEAN_NO,
|
|
16
|
-
LABEL_BOOLEAN_TRUE,
|
|
17
|
-
LABEL_BOOLEAN_FALSE
|
|
18
|
-
];
|
|
19
13
|
function BooleanFormatter(props) {
|
|
20
14
|
const {
|
|
21
15
|
presentationType,
|
|
@@ -57,6 +51,5 @@ function BooleanFormatter(props) {
|
|
|
57
51
|
}
|
|
58
52
|
export {
|
|
59
53
|
BooleanFormatter as B,
|
|
60
|
-
BOOLEAN_FORMATTER_DICTIONARY_KEY as a
|
|
61
|
-
BOOLEAN_FORMATTER_DICTIONARY_LABELS as b
|
|
54
|
+
BOOLEAN_FORMATTER_DICTIONARY_KEY as a
|
|
62
55
|
};
|