@pushwoosh/kit-charts 0.0.9 → 0.0.10

package/ai-documentation.md

@@ -356,9 +356,11 @@ and pass numbers through the chart's `numberFormat`.
 Inline markup in a template is rendered rather than stripped, so the default
 Highcharts `pointFormat` arrives looking like itself. The whitelist is `<br>`,
 `<b>`/`<strong>`, `<i>`/`<em>` and `<span>` carrying a `style` of `color`,
-`font-size`, `font-weight` or `font-style`; anything else is dropped and its text
-kept. Nothing is parsed as HTML — the tags become React elements and a filled token
-is always a text child, so a series name out of the API cannot carry markup in.
+`font-size`, `font-weight` or `font-style`. Anything else loses its tag and keeps
+its text, so `<script>bad()</script>` prints a visible `bad()` — nothing runs, but
+nothing disappears either. Nothing is parsed as HTML: the tags become React elements
+and a filled token is always a text child, so a series name out of the API cannot
+carry markup in.
 A token may sit inside the `style` attribute, as `{point.color}` does, and the
 filled value is checked against a plain-CSS pattern before it is used.
 

package/core/model/build-model.js

@@ -16,6 +16,11 @@ import { computeStacks } from '../stack/stack';
 /** Key for a switched-off series, or for one of its points. */
 export const hiddenKey = (seriesIndex, pointIndex) => pointIndex === undefined ? `${seriesIndex}` : `${seriesIndex}:${pointIndex}`;
 const DEFAULT_SPACING = [10, 10, 15, 10];
+/** `spacingTop` and friends each override their side of the `spacing` tuple. */
+const resolveSpacing = chart => {
+  const [top, right, bottom, left] = chart?.spacing ?? DEFAULT_SPACING;
+  return [chart?.spacingTop ?? top, chart?.spacingRight ?? right, chart?.spacingBottom ?? bottom, chart?.spacingLeft ?? left];
+};
 const isBand = scale => scale.kind === 'band';
 const isContinuous = scale => scale.kind === 'linear' || scale.kind === 'time';
 const asText = label => ({
@@ -405,7 +410,7 @@ export function buildChartModel({
     max: acc.x.max + pad
   } : acc.x;
   const yDomains = acc.y;
-  const spacing = options.chart?.spacing ?? DEFAULT_SPACING;
+  const spacing = resolveSpacing(options.chart);
   const [spaceTop, spaceRight, spaceBottom, spaceLeft] = spacing;
   const labelsOnTop = xAxisOptions.opposite === true;
   const labelStyle = xAxisOptions.labels?.style;

package/core/types/options.d.ts

@@ -29,6 +29,11 @@ export interface ChartRootOptions {
     width?: number | string | null;
     backgroundColor?: string;
     spacing?: Spacing;
+    /** One side of `spacing`, which it overrides — the Highcharts pair. */
+    spacingTop?: number;
+    spacingRight?: number;
+    spacingBottom?: number;
+    spacingLeft?: number;
     marginTop?: number;
     marginRight?: number;
     marginBottom?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-charts",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Small React chart library on SVG, with a Highcharts-shaped configuration model",
   "license": "MIT",
   "repository": {