@gpa-gemstone/react-graph 1.0.44 → 1.0.45
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/lib/LineLegend.js +8 -10
- package/package.json +2 -2
package/lib/LineLegend.js
CHANGED
|
@@ -41,19 +41,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
41
41
|
var React = require("react");
|
|
42
42
|
var helper_functions_1 = require("@gpa-gemstone/helper-functions");
|
|
43
43
|
var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
|
|
44
|
-
var helper_functions_2 = require("@gpa-gemstone/helper-functions");
|
|
45
44
|
var LegendContext_1 = require("./LegendContext");
|
|
46
45
|
var fontFamily = "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"";
|
|
47
46
|
var nonTextualWidth = 45;
|
|
48
|
-
var
|
|
49
|
-
var cssStyle = "argin: auto auto auto 0px; display: inline-block; font-weight: 400; font-family: " + fontFamily + ";";
|
|
47
|
+
var cssStyle = "margin: auto auto auto 0px; display: inline-block; font-weight: 400; font-family: " + fontFamily + ";";
|
|
50
48
|
function LineLegend(props) {
|
|
51
49
|
var _a = __read(React.useState(props.label), 2), label = _a[0], setLabel = _a[1];
|
|
52
50
|
var _b = __read(React.useState(100), 2), legendWidth = _b[0], setLegendWith = _b[1];
|
|
53
51
|
var _c = __read(React.useState(100), 2), legendHeight = _c[0], setLegendHeight = _c[1];
|
|
54
52
|
var _d = __read(React.useState(1), 2), textSize = _d[0], setTextSize = _d[1];
|
|
55
53
|
var _e = __read(React.useState(false), 2), useMultiLine = _e[0], setUseMultiLine = _e[1];
|
|
56
|
-
var _f = __read(React.useState((0,
|
|
54
|
+
var _f = __read(React.useState((0, helper_functions_1.CreateGuid)()), 1), guid = _f[0];
|
|
57
55
|
var context = React.useContext(LegendContext_1.LegendContext);
|
|
58
56
|
React.useEffect(function () {
|
|
59
57
|
return function () {
|
|
@@ -67,19 +65,19 @@ function LineLegend(props) {
|
|
|
67
65
|
React.useEffect(function () { return setLegendHeight(props.size === 'sm' ? context.SmHeight : context.LgHeight); }, [context.SmHeight, context.LgHeight, props.size]);
|
|
68
66
|
React.useEffect(function () {
|
|
69
67
|
var fontSize = 1;
|
|
70
|
-
var
|
|
71
|
-
var
|
|
68
|
+
var textHeight = (0, helper_functions_1.GetTextHeight)(fontFamily, fontSize + "em", label, "" + cssStyle, legendWidth - nonTextualWidth + "px");
|
|
69
|
+
var textWidth = (0, helper_functions_1.GetTextWidth)(fontFamily, fontSize + "em", label, "" + cssStyle, textHeight + "px");
|
|
72
70
|
var useML = false;
|
|
73
71
|
context.RequestLegendWidth(textWidth + nonTextualWidth, guid);
|
|
74
72
|
while (fontSize > 0.4 && (textWidth > legendWidth - nonTextualWidth || textHeight > legendHeight)) {
|
|
75
73
|
fontSize = fontSize - 0.05;
|
|
76
|
-
textWidth = (0, helper_functions_1.GetTextWidth)(
|
|
77
|
-
textHeight = (0, helper_functions_1.GetTextHeight)(
|
|
74
|
+
textWidth = (0, helper_functions_1.GetTextWidth)(fontFamily, fontSize + "em", label, "" + cssStyle, textHeight + "px", "" + (useML ? 'normal' : undefined));
|
|
75
|
+
textHeight = (0, helper_functions_1.GetTextHeight)(fontFamily, fontSize + "em", label, "" + cssStyle, legendWidth - nonTextualWidth + "px", "" + (useML ? 'normal' : undefined));
|
|
78
76
|
useML = false;
|
|
79
77
|
// Consider special case when width is limiting but height is available
|
|
80
78
|
if (textWidth > (legendWidth - nonTextualWidth) && textHeight < legendHeight) {
|
|
81
79
|
useML = true;
|
|
82
|
-
textHeight = (0, helper_functions_1.GetTextHeight)(
|
|
80
|
+
textHeight = (0, helper_functions_1.GetTextHeight)(fontFamily, fontSize + "em", label, "" + cssStyle, legendWidth - nonTextualWidth + "px", "" + (useML ? 'normal' : undefined));
|
|
83
81
|
textWidth = legendWidth - nonTextualWidth;
|
|
84
82
|
}
|
|
85
83
|
}
|
|
@@ -96,4 +94,4 @@ function LineLegend(props) {
|
|
|
96
94
|
label))));
|
|
97
95
|
}
|
|
98
96
|
exports.default = LineLegend;
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUxlZ2VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9MaW5lTGVnZW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHlCQUF5QjtBQUN6QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsMEJBQTBCO0FBQzFCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHekcsNkJBQStCO0FBRS9CLG1FQUEwRjtBQUMxRix5REFBb0Q7QUFDcEQsaURBQXNFO0FBU3RFLElBQU0sVUFBVSxHQUFHLHVKQUE2SSxDQUFBO0FBQ2hLLElBQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQztBQUMzQixJQUFNLFFBQVEsR0FBRyx1RkFBcUYsVUFBVSxNQUFHLENBQUE7QUFFbkgsU0FBUyxVQUFVLENBQUMsS0FBYTtJQUN2QixJQUFBLEtBQUEsT0FBb0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBdEQsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUF1QyxDQUFDO0lBQ3hELElBQUEsS0FBQSxPQUErQixLQUFLLENBQUMsUUFBUSxDQUFTLEdBQUcsQ0FBQyxJQUFBLEVBQXpELFdBQVcsUUFBQSxFQUFFLGFBQWEsUUFBK0IsQ0FBQztJQUMzRCxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxHQUFHLENBQUMsSUFBQSxFQUE1RCxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQStCLENBQUM7SUFDOUQsSUFBQSxLQUFBLE9BQTBCLEtBQUss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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gpa-gemstone/react-graph",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.45",
|
|
4
4
|
"description": "Interactive UI Components for GPA products",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@gpa-gemstone/gpa-symbols": "0.0.30",
|
|
49
|
-
"@gpa-gemstone/helper-functions": "0.0.
|
|
49
|
+
"@gpa-gemstone/helper-functions": "0.0.30",
|
|
50
50
|
"html2canvas": "^1.4.1",
|
|
51
51
|
"lodash": "^4.17.21",
|
|
52
52
|
"moment": "^2.29.4",
|