ag-common 0.0.760 → 0.0.762

package/dist/ui/components/LineChart/LegendX.js

@@ -77,12 +77,10 @@ const LegendX = ({ data, lt, tt, colours, style, }) => {
         tt,
     }).part;
     const xs = data.map((a) => a.x);
-    const ys = data.map((a) => a.y);
     const minX = Math.min(...xs);
     const maxX = Math.max(...xs);
-    const maxY = Math.max(...ys);
     const itemsRaw = [{ v: minX, group: 0 }];
-    const gc = 8;
+    const gc = 4;
     const gap = (maxX - minX) / gc;
     if (gap > common_1.twelveHMs) {
         for (let a = 1; a < gc; a += 1) {
@@ -91,13 +89,16 @@ const LegendX = ({ data, lt, tt, colours, style, }) => {
     }
     itemsRaw.push({ v: maxX, group: 0 });
     const items = itemsRaw.map((d) => ({ v: lt(d.v), group: d.group }));
-    const ch = maxY.toString().length + 1;
-    return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, style), { marginLeft: 'auto', width: `calc(100% - ${ch}ch)` }) },
+    return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, style), { width: 'calc(100% - 2.5rem)', marginLeft: '2.5rem' }) },
         react_1.default.createElement(Bar, null,
             react_1.default.createElement(Line, { style: { backgroundColor: style.color } }),
             react_1.default.createElement(Numbers, null, items.map((i, i2) => (react_1.default.createElement("span", { 
                 // eslint-disable-next-line react/no-array-index-key
-                key: i.v + i2, "data-group": i.group, style: { backgroundColor: style.backgroundColor } }, i.v))))),
+                key: i.v + i2, "data-group": i.group, style: {
+                    backgroundColor: style.backgroundColor,
+                    writingMode: 'vertical-rl',
+                    textOrientation: 'mixed',
+                } }, i.v))))),
         legendItems.length > 1 && (react_1.default.createElement(Items, null, legendItems.map((k) => (react_1.default.createElement(Item, { key: k.name },
             react_1.default.createElement(Col, { style: { backgroundColor: k.colour } }),
             k.name)))))));

package/dist/ui/components/LineChart/LegendY.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegendY = void 0;
 const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = __importDefault(require("react"));
+const math_1 = require("../../../common/helpers/math");
 const Base = styled_1.default.div `
   display: flex;
   flex-flow: row;
@@ -32,20 +33,12 @@ const LegendY = ({ data, style, }) => {
         items.push(Math.floor(items[a - 1] + gap));
     }
     items.push(maxY);
-    const ch = maxY.toString().length;
-    const roundNumber = (num) => {
-        // Round to 2 decimal places and remove trailing zeros
-        const rounded = Math.round(num * 100) / 100;
-        return rounded % 1 === 0
-            ? rounded.toString()
-            : rounded.toFixed(2).replace(/\.?0+$/, '');
-    };
-    return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, style), { maxWidth: `${ch}ch`, paddingRight: '1ch' }) },
+    return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, style), { width: '2.5rem', paddingRight: '1ch' }) },
         react_1.default.createElement(Numbers, null, items.map((i, i2) => (react_1.default.createElement("span", { 
             // eslint-disable-next-line react/no-array-index-key
             key: i + i2, style: {
                 color: style.color,
                 backgroundColor: style.backgroundColor,
-            } }, roundNumber(i)))))));
+            } }, (0, math_1.toFixed)(i, 2)))))));
 };
 exports.LegendY = LegendY;

package/dist/ui/components/LineChart/TooltipContent.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipContent = void 0;
 const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = __importDefault(require("react"));
+const math_1 = require("../../../common/helpers/math");
 const Base = styled_1.default.div `
   padding: 0.5rem;
 `;
@@ -34,25 +35,18 @@ const Total = styled_1.default.span `
 const TooltipContent = (p) => {
     var _a, _b;
     const name = p.tt((_b = (_a = p.selectedXs) === null || _a === void 0 ? void 0 : _a[0].x) !== null && _b !== void 0 ? _b : 0);
-    const roundNumber = (num) => {
-        // Round to 2 decimal places and remove trailing zeros
-        const rounded = Math.round(num * 100) / 100;
-        return rounded % 1 === 0
-            ? rounded.toString()
-            : rounded.toFixed(2).replace(/\.?0+$/, '');
-    };
     return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, p.style), { border: `solid 1px ${p.style.borderColor}` }) },
         react_1.default.createElement(Title, null, name),
         react_1.default.createElement(Row, null,
             react_1.default.createElement("span", null, "total"),
-            react_1.default.createElement(Total, null, roundNumber(p.legendItems.total))),
+            react_1.default.createElement(Total, null, (0, math_1.toFixed)(p.legendItems.total, 2))),
         p.legendItems.part.map((v) => (react_1.default.createElement(Row, { key: v.name + v.y, style: { color: v.colour } },
             react_1.default.createElement(ItemTitle, null, v.name),
-            react_1.default.createElement(Total, null, roundNumber(v.y))))),
+            react_1.default.createElement(Total, null, (0, math_1.toFixed)(v.y, 2))))),
         p.legendItems.rest.length > 0 && (react_1.default.createElement(Row, null,
             react_1.default.createElement("span", null,
                 p.legendItems.rest.length,
                 " more"),
-            react_1.default.createElement(Total, null, roundNumber(p.legendItems.restTotal))))));
+            react_1.default.createElement(Total, null, (0, math_1.toFixed)(p.legendItems.restTotal, 2))))));
 };
 exports.TooltipContent = TooltipContent;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.760",
+  "version": "0.0.762",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",