@pushwoosh/kit-charts 0.0.2 → 0.0.3

package/series/heatmap/heatmap.js

@@ -74,18 +74,16 @@ function toCells(ctx) {
   }, []);
 }
 const fillOf = (ctx, cell, hovered) => {
-  var _ctx$scales$color, _ctx$series$states;
-  const scaled = cell.point.value === null ? undefined : (_ctx$scales$color = ctx.scales.color) === null || _ctx$scales$color === void 0 ? void 0 : _ctx$scales$color.map(cell.point.value);
+  const scaled = cell.point.value === null ? undefined : ctx.scales.color?.map(cell.point.value);
   const base = cell.point.color ?? scaled ?? ctx.color;
   if (!hovered) {
     return base;
   }
-  return brighten(base, ((_ctx$series$states = ctx.series.states) === null || _ctx$series$states === void 0 || (_ctx$series$states = _ctx$series$states.hover) === null || _ctx$series$states === void 0 ? void 0 : _ctx$series$states.brightness) ?? DEFAULT_HOVER_BRIGHTNESS);
+  return brighten(base, ctx.series.states?.hover?.brightness ?? DEFAULT_HOVER_BRIGHTNESS);
 };
 const labelX = (ctx, cell) => {
-  var _ctx$series$dataLabel, _ctx$series$dataLabel2;
-  const padding = ((_ctx$series$dataLabel = ctx.series.dataLabels) === null || _ctx$series$dataLabel === void 0 ? void 0 : _ctx$series$dataLabel.padding) ?? VALUE_LABEL_GAP;
-  const align = (_ctx$series$dataLabel2 = ctx.series.dataLabels) === null || _ctx$series$dataLabel2 === void 0 ? void 0 : _ctx$series$dataLabel2.align;
+  const padding = ctx.series.dataLabels?.padding ?? VALUE_LABEL_GAP;
+  const align = ctx.series.dataLabels?.align;
   if (align === 'left') {
     return cell.x + padding;
   }
@@ -117,12 +115,11 @@ export const heatmap = {
     };
   },
   render: ctx => {
-    var _ctx$hovered;
     const cells = toCells(ctx);
     if (!cells.length) {
       return null;
     }
-    const hoveredIndex = (_ctx$hovered = ctx.hovered) === null || _ctx$hovered === void 0 ? void 0 : _ctx$hovered.pointIndex;
+    const hoveredIndex = ctx.hovered?.pointIndex;
     const borderWidth = ctx.series.borderWidth ?? 0;
     const radius = ctx.series.borderRadius;
     return _jsxs("g", {

package/series/line/line.js

@@ -11,14 +11,13 @@ export const line = {
   },
   extendDomain: (_series, acc) => acc,
   render: ctx => {
-    var _ctx$hovered, _ctx$series$marker;
     const slots = projectSeries(ctx);
     const projected = drawable(slots);
     if (!projected.length) {
       return null;
     }
     const color = ctx.color;
-    const hoveredIndex = (_ctx$hovered = ctx.hovered) === null || _ctx$hovered === void 0 ? void 0 : _ctx$hovered.pointIndex;
+    const hoveredIndex = ctx.hovered?.pointIndex;
     const hovered = hoveredIndex === undefined ? undefined : projected.find(({
       point
     }) => point.index === hoveredIndex);
@@ -37,7 +36,7 @@ export const line = {
       }), hovered ? _jsx("circle", {
         cx: hovered.px,
         cy: hovered.py,
-        r: ((_ctx$series$marker = ctx.series.marker) === null || _ctx$series$marker === void 0 || (_ctx$series$marker = _ctx$series$marker.states) === null || _ctx$series$marker === void 0 || (_ctx$series$marker = _ctx$series$marker.hover) === null || _ctx$series$marker === void 0 ? void 0 : _ctx$series$marker.radius) ?? 4,
+        r: ctx.series.marker?.states?.hover?.radius ?? 4,
         fill: color,
         stroke: "#FFFFFF",
         strokeWidth: 2

package/series/pie/pie.js

@@ -95,11 +95,10 @@ function Labels({
   geometry
 }) {
   const labels = ctx.series.dataLabels;
-  if (!(labels !== null && labels !== void 0 && labels.enabled)) {
+  if (!labels?.enabled) {
     return null;
   }
   return slices.filter(slice => !slice.hidden).map(slice => {
-    var _labels$style, _labels$style2, _labels$style3, _labels$style4;
     const mid = (slice.from + slice.to) / 2;
     const at = polar(geometry.cx, geometry.cy, geometry.outer + LABEL_OFFSET, mid);
     const text = labels.formatter ? labels.formatter({
@@ -116,10 +115,10 @@ function Labels({
       y: at.y,
       textAnchor: Math.cos(mid) < 0 ? 'end' : 'start',
       dominantBaseline: "middle",
-      fill: labels.color ?? ((_labels$style = labels.style) === null || _labels$style === void 0 ? void 0 : _labels$style.color),
-      fontFamily: (_labels$style2 = labels.style) === null || _labels$style2 === void 0 ? void 0 : _labels$style2.fontFamily,
-      fontSize: ((_labels$style3 = labels.style) === null || _labels$style3 === void 0 ? void 0 : _labels$style3.fontSize) ?? '11px',
-      fontWeight: (_labels$style4 = labels.style) === null || _labels$style4 === void 0 ? void 0 : _labels$style4.fontWeight,
+      fill: labels.color ?? labels.style?.color,
+      fontFamily: labels.style?.fontFamily,
+      fontSize: labels.style?.fontSize ?? '11px',
+      fontWeight: labels.style?.fontWeight,
       children: text
     }, `label-${slice.point.index}`);
   });
@@ -134,7 +133,6 @@ function Labels({
 function Slices({
   ctx
 }) {
-  var _ctx$hovered;
   const slices = toSlices(ctx);
   const alive = ctx.points.some(point => !ctx.hiddenPoints.has(point.index));
   const targets = [...slices.flatMap(slice => [slice.from, slice.to]), ctx.hidden || !alive ? 0 : 1];
@@ -144,7 +142,7 @@ function Slices({
   }
   const radiusScale = tweened[tweened.length - 1] ?? 1;
   const geometry = geometryOf(ctx, radiusScale);
-  const hovered = (_ctx$hovered = ctx.hovered) === null || _ctx$hovered === void 0 ? void 0 : _ctx$hovered.pointIndex;
+  const hovered = ctx.hovered?.pointIndex;
   const drawn = slices.map((slice, index) => ({
     ...slice,
     from: tweened[index * 2] ?? slice.from,

package/series/shared/DataLabels.js

@@ -13,11 +13,11 @@ export const labelAnchor = align => {
   return 'middle';
 };
 const textProps = style => ({
-  fontFamily: style === null || style === void 0 ? void 0 : style.fontFamily,
-  fontSize: style === null || style === void 0 ? void 0 : style.fontSize,
-  fontWeight: style === null || style === void 0 ? void 0 : style.fontWeight,
-  fontStyle: style === null || style === void 0 ? void 0 : style.fontStyle,
-  paintOrder: (style === null || style === void 0 ? void 0 : style.textOutline) === 'none' ? undefined : 'stroke'
+  fontFamily: style?.fontFamily,
+  fontSize: style?.fontSize,
+  fontWeight: style?.fontWeight,
+  fontStyle: style?.fontStyle,
+  paintOrder: style?.textOutline === 'none' ? undefined : 'stroke'
 });
 /** No formatter and no format string: the chart's own number rule prints it. */
 const defaultLabel = (ctx, format, y) => {
@@ -44,7 +44,7 @@ export function DataLabels({
   positionOf
 }) {
   const options = ctx.series.dataLabels;
-  if (!(options !== null && options !== void 0 && options.enabled)) {
+  if (!options?.enabled) {
     return null;
   }
   const turbo = ctx.series.turboThreshold;
@@ -110,12 +110,12 @@ export function DataLabels({
       x: at.x,
       y: y,
       textAnchor: anchor,
-      fill: options.color ?? (style === null || style === void 0 ? void 0 : style.color) ?? DEFAULT_TEXT_COLOR,
+      fill: options.color ?? style?.color ?? DEFAULT_TEXT_COLOR,
       ...textProps(style),
       children: lines && lines.length > 1 ? lines.map((text, index) => _jsx("tspan", {
         x: at.x,
         dy: index === 0 ? 0 : textHeight(secondary ?? style),
-        fill: index === 0 ? undefined : secondary === null || secondary === void 0 ? void 0 : secondary.color,
+        fill: index === 0 ? undefined : secondary?.color,
         ...(index === 0 ? {} : textProps(secondary)),
         children: text
       }, `line-${index}`)) : content

package/series/shared/Markers.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const markerRadius = marker => (marker === null || marker === void 0 ? void 0 : marker.radius) ?? (marker !== null && marker !== void 0 && marker.width ? marker.width / 2 : 3);
+const markerRadius = marker => marker?.radius ?? (marker?.width ? marker.width / 2 : 3);
 export function Markers({
   marker,
   projected,
   color
 }) {
-  if ((marker === null || marker === void 0 ? void 0 : marker.enabled) === false || (marker === null || marker === void 0 ? void 0 : marker.symbol) === 'none') {
+  if (marker?.enabled === false || marker?.symbol === 'none') {
     return null;
   }
   const radius = markerRadius(marker);
-  const fill = (marker === null || marker === void 0 ? void 0 : marker.fillColor) ?? color;
-  const square = (marker === null || marker === void 0 ? void 0 : marker.symbol) === 'square';
+  const fill = marker?.fillColor ?? color;
+  const square = marker?.symbol === 'square';
   return projected.map(({
     point,
     px,
@@ -21,14 +21,14 @@ export function Markers({
     width: radius * 2,
     height: radius * 2,
     fill: fill,
-    stroke: marker === null || marker === void 0 ? void 0 : marker.lineColor,
-    strokeWidth: marker === null || marker === void 0 ? void 0 : marker.lineWidth
+    stroke: marker?.lineColor,
+    strokeWidth: marker?.lineWidth
   }, `m-${point.index}`) : _jsx("circle", {
     cx: px,
     cy: py,
     r: radius,
     fill: fill,
-    stroke: marker === null || marker === void 0 ? void 0 : marker.lineColor,
-    strokeWidth: marker === null || marker === void 0 ? void 0 : marker.lineWidth
+    stroke: marker?.lineColor,
+    strokeWidth: marker?.lineWidth
   }, `m-${point.index}`));
 }