ag-common 0.0.654 → 0.0.656

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

@@ -34,6 +34,12 @@ const Svg = styled_1.default.svg `
   padding: 2px;
   width: calc(100% - 5px);
   height: calc(100% - 5px);
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 1000;
+    }
+  }
 `;
 const LineChart = (p) => {
     var _a;
@@ -97,10 +103,13 @@ const LineChart = (p) => {
         return (react_1.default.createElement(react_1.default.Fragment, { key: JSON.stringify(p2) },
             (p2.origX === ((_c = (_b = (_a = UT.pos) === null || _a === void 0 ? void 0 : _a.data.selectedXs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.x) ||
                 p2.x1 === p2.x2) && (react_1.default.createElement("circle", { cx: `${p2.x2}%`, cy: `${p2.y2}%`, r: "8px", fill: p.colours[p2.name] })),
-            p2.x1 !== p2.x2 && (react_1.default.createElement("line", { strokeOpacity: legendItems.part.find((f) => f.name === p2.name) ? 1 : 0.3, x1: `${p2.x1}%`, x2: `${p2.x2}%`, y1: `${p2.y1}%`, y2: `${p2.y2}%`, style: { stroke: p.colours[p2.name] } }))));
+            p2.x1 !== p2.x2 && (react_1.default.createElement("line", { strokeOpacity: legendItems.part.find((f) => f.name === p2.name) ? 1 : 0.3, x1: `${p2.x1}%`, x2: `${p2.x2}%`, y1: `${p2.y1}%`, y2: `${p2.y2}%`, style: Object.assign({ stroke: p.colours[p2.name] }, (p2.isToday && {
+                    strokeDasharray: 10,
+                    animation: 'dash 50s linear reverse infinite',
+                })) }))));
     })));
     return (react_1.default.createElement(Base, { className: p.className, "data-type": "lcb", onMouseLeave: () => UT.setPos(undefined), style: style },
-        react_1.default.createElement(UT.Comp, { pos: UT.pos }, (p2) => (react_1.default.createElement(TooltipContent_1.TooltipContent, Object.assign({}, p2, { colours: p.colours, data: p.data, lt: lt2, tt: tt2, legendItems: legendItems })))),
+        react_1.default.createElement(UT.Comp, { pos: UT.pos }, (p2) => (react_1.default.createElement(TooltipContent_1.TooltipContent, Object.assign({}, p2, { colours: p.colours, data: p.data, lt: lt2, tt: tt2, legendItems: legendItems, style: style })))),
         react_1.default.createElement(FlexRow_1.FlexRow, { noWrap: true },
             react_1.default.createElement(LegendY_1.LegendY, { data: p.data, style: style }),
             SvgC),

package/dist/ui/components/LineChart/TooltipContent.d.ts

@@ -4,4 +4,5 @@ import type { ILegendItems } from './getLegendItems';
 import type { ILineChartTooltip } from './types';
 export declare const TooltipContent: (p: ILineChartTooltip & {
     legendItems: ILegendItems;
-}, style: IVarStyles) => React.JSX.Element;
+    style: IVarStyles;
+}) => React.JSX.Element;

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

@@ -31,10 +31,10 @@ const Total = styled_1.default.span `
     text-decoration: underline;
   }
 `;
-const TooltipContent = (p, style) => {
+const TooltipContent = (p) => {
     var _a, _b, _c, _d;
     const name = (_d = (_a = p.tt) === null || _a === void 0 ? void 0 : _a.call(p, (_c = (_b = p.selectedXs) === null || _b === void 0 ? void 0 : _b[0].x) !== null && _c !== void 0 ? _c : 0)) !== null && _d !== void 0 ? _d : '';
-    return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, style), { border: `solid 1px ${style.borderColor}` }) },
+    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"),

package/dist/ui/components/LineChart/dateHelpers.d.ts

@@ -1,2 +1,3 @@
 export declare const timeLegendTitle: (s: number) => string;
 export declare const timeTooltipTitle: (s: number) => string;
+export declare const isToday: (s: number) => boolean;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.timeTooltipTitle = exports.timeLegendTitle = void 0;
+exports.isToday = exports.timeTooltipTitle = exports.timeLegendTitle = void 0;
 const date_1 = require("../../helpers/date");
 const timeLegendTitle = (s) => {
     const ret = (0, date_1.getDMY)(new Date(s), { short: true });
@@ -26,3 +26,11 @@ const timeTooltipTitle = (s) => {
     return `${dmy} ${diff}`;
 };
 exports.timeTooltipTitle = timeTooltipTitle;
+const isToday = (s) => {
+    if (!s) {
+        return false;
+    }
+    const td = new Date().getTime() - Number(s);
+    return td < 0;
+};
+exports.isToday = isToday;

package/dist/ui/components/LineChart/interpolate.d.ts

@@ -7,6 +7,7 @@ interface ILineChartItemComp {
     name: string;
     origX: number;
     origY: number;
+    isToday: boolean;
 }
 export declare const interpolate: (raw: ILineChartItemRaw[]) => {
     points: ILineChartItemComp[];

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

@@ -4,6 +4,7 @@ exports.interpolate = void 0;
 const common_1 = require("../../../common");
 const math_1 = require("../../../common/helpers/math");
 const date_1 = require("../../helpers/date");
+const dateHelpers_1 = require("./dateHelpers");
 const interpolate = (raw) => {
     const points = [];
     const xs = raw.map((r) => r.x);
@@ -46,6 +47,7 @@ const interpolate = (raw) => {
                 name: p.name,
                 origX: p.x,
                 origY: p.y,
+                isToday: (0, dateHelpers_1.isToday)(p.x),
             };
         });
         points.push(...(0, common_1.distinctBy)(p, (s) => JSON.stringify(s)));

package/package.json

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