@liiift-studio/sanity-visitor-insights 0.53.0 → 0.54.0
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/dist/index.js +19 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -15
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/studio/CrossSourceTimeline.tsx +36 -11
- package/src/studio/panels.test.tsx +51 -1
package/dist/index.js
CHANGED
|
@@ -1461,9 +1461,8 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
|
|
|
1461
1461
|
x2: at,
|
|
1462
1462
|
y1: TOP_PAD,
|
|
1463
1463
|
y2: height - AXIS_HEIGHT + 4,
|
|
1464
|
-
stroke: "
|
|
1465
|
-
strokeWidth: 1
|
|
1466
|
-
opacity: 0.18
|
|
1464
|
+
stroke: mark("chart.grid"),
|
|
1465
|
+
strokeWidth: 1
|
|
1467
1466
|
},
|
|
1468
1467
|
`grid-${date}`
|
|
1469
1468
|
);
|
|
@@ -1495,7 +1494,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
|
|
|
1495
1494
|
const stems = row.mark === "events" ? row.points.filter((p) => p.value !== null && p.value !== 0) : [];
|
|
1496
1495
|
const zeroes = row.mark === "events" && pitch >= 6 ? row.points.filter((p) => p.value === 0) : [];
|
|
1497
1496
|
const gap = row.shortfall ? gapGen(row.points) ?? "" : "";
|
|
1498
|
-
const shortfallLine = row.shortfall
|
|
1497
|
+
const shortfallLine = row.shortfall ? lineGen(shortfallPoints) ?? "" : "";
|
|
1499
1498
|
const clipId = `${instanceId}-row-${rowIndex}`;
|
|
1500
1499
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
|
|
1501
1500
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("clipPath", { id: clipId, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: GUTTER, y: plotTop, width: plotWidth, height: Math.max(1, bottom - plotTop) }) }) }),
|
|
@@ -1514,21 +1513,29 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
|
|
|
1514
1513
|
{
|
|
1515
1514
|
d: ghost,
|
|
1516
1515
|
fill: "none",
|
|
1517
|
-
stroke: "
|
|
1516
|
+
stroke: mark("chart.ghost"),
|
|
1518
1517
|
strokeWidth: 1,
|
|
1519
|
-
strokeDasharray: "2 3"
|
|
1520
|
-
opacity: 0.35
|
|
1518
|
+
strokeDasharray: "2 3"
|
|
1521
1519
|
}
|
|
1522
1520
|
),
|
|
1523
1521
|
gap && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1524
1522
|
"path",
|
|
1525
1523
|
{
|
|
1526
1524
|
d: gap,
|
|
1527
|
-
fill: shortfallStroke ? seriesFill(colorFor(row.shortfall.source, row.unit, row.shortfall.color),
|
|
1525
|
+
fill: shortfallStroke ? seriesFill(colorFor(row.shortfall.source, row.unit, row.shortfall.color), MARKS["chart.region"].alpha) : "currentColor",
|
|
1528
1526
|
opacity: shortfallStroke ? 1 : 0.48
|
|
1529
1527
|
}
|
|
1530
1528
|
),
|
|
1531
|
-
shortfallLine && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1529
|
+
shortfallLine && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1530
|
+
"path",
|
|
1531
|
+
{
|
|
1532
|
+
d: shortfallLine,
|
|
1533
|
+
fill: "none",
|
|
1534
|
+
stroke: mark("chart.regionEdge"),
|
|
1535
|
+
strokeWidth: 1.5,
|
|
1536
|
+
strokeDasharray: "6 4"
|
|
1537
|
+
}
|
|
1538
|
+
),
|
|
1532
1539
|
zeroes.map((p) => {
|
|
1533
1540
|
const cx = at(p);
|
|
1534
1541
|
if (!Number.isFinite(cx)) return null;
|
|
@@ -1539,8 +1546,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
|
|
|
1539
1546
|
y: zeroY - 3,
|
|
1540
1547
|
width: stemWidth,
|
|
1541
1548
|
height: 3,
|
|
1542
|
-
fill: stroke
|
|
1543
|
-
opacity: 0.7
|
|
1549
|
+
fill: stroke
|
|
1544
1550
|
},
|
|
1545
1551
|
`zero-${p.date}`
|
|
1546
1552
|
);
|
|
@@ -1556,8 +1562,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
|
|
|
1556
1562
|
y: Math.min(headY, zeroY),
|
|
1557
1563
|
width: stemWidth,
|
|
1558
1564
|
height: Math.max(1.5, Math.abs(zeroY - headY)),
|
|
1559
|
-
fill: stroke
|
|
1560
|
-
opacity: 0.9
|
|
1565
|
+
fill: stroke
|
|
1561
1566
|
},
|
|
1562
1567
|
p.date
|
|
1563
1568
|
);
|
|
@@ -1569,8 +1574,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
|
|
|
1569
1574
|
fill: "none",
|
|
1570
1575
|
stroke,
|
|
1571
1576
|
strokeWidth: 2,
|
|
1572
|
-
strokeDasharray: row.complete ? void 0 : "6 4"
|
|
1573
|
-
opacity: row.complete ? 0.95 : 0.7
|
|
1577
|
+
strokeDasharray: row.complete ? void 0 : "6 4"
|
|
1574
1578
|
}
|
|
1575
1579
|
)
|
|
1576
1580
|
] })
|