@cloudscape-design/components 3.0.0

package/area-chart/model/async-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-store.js","sourceRoot":"","sources":["../../../../src/area-chart/model/async-store.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\nimport { usePrevious } from '../../internal/hooks/use-previous';\n\ntype Selector<S, R> = (state: S) => R;\ntype Listener<S> = (state: S, prevState: S) => any;\n\nexport interface ReadonlyAsyncStore<S> {\n  get(): S;\n  subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void;\n  unsubscribe(listener: Listener<any>): void;\n}\n\nexport default class AsyncStore<S> implements ReadonlyAsyncStore<S> {\n  _state: S;\n  _listeners: [Selector<S, any>, Listener<any>][] = [];\n\n  constructor(state: S) {\n    this._state = state;\n  }\n\n  get(): S {\n    return this._state;\n  }\n\n  set(cb: (state: S) => S): void {\n    const prevState = this._state;\n    const newState = cb(prevState);\n\n    this._state = newState;\n\n    unstable_batchedUpdates(() => {\n      for (const [selector, listener] of this._listeners) {\n        if (selector(prevState) !== selector(newState)) {\n          listener(newState, prevState);\n        }\n      }\n    });\n  }\n\n  subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void {\n    this._listeners.push([selector, listener]);\n\n    return () => this.unsubscribe(listener);\n  }\n\n  unsubscribe(listener: Listener<any>): void {\n    for (let index = 0; index < this._listeners.length; index++) {\n      const [, storedListener] = this._listeners[index];\n\n      if (storedListener === listener) {\n        this._listeners.splice(index, 1);\n        break;\n      }\n    }\n  }\n}\n\nexport function useReaction<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>, effect: Listener<R>): void {\n  useLayoutEffect(\n    () => {\n      const unsubscribe = store.subscribe(selector, (newState, prevState) =>\n        effect(selector(newState), selector(prevState))\n      );\n      return unsubscribe;\n    },\n    // ignoring selector and effect as they are expected to stay constant\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store]\n  );\n}\n\nexport function useSelector<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>): R {\n  const [state, setState] = useState<R>(selector(store.get()));\n\n  useReaction(store, selector, newState => {\n    setState(newState);\n  });\n\n  // When store changes we need the state to be updated synchronously to avoid inconsistencies.\n  const prevStore = usePrevious(store);\n  if (prevStore !== null && prevStore !== store) {\n    return selector(store.get());\n  }\n\n  return state;\n}\n"]}

package/area-chart/model/compute-chart-props.d.ts

@@ -0,0 +1,25 @@
+import { AreaChartProps } from '../interfaces';
+import { XDomain, XScaleType, YDomain, YScaleType } from '../../internal/components/cartesian-chart/interfaces';
+import { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';
+export default function computeChartProps<T extends AreaChartProps.DataTypes>({ series, xDomain: externalXDomain, yDomain: externalYDomain, xScaleType, yScaleType, height, width, }: {
+    series: readonly AreaChartProps.Series<T>[];
+    xDomain?: XDomain<T>;
+    yDomain?: YDomain;
+    xScaleType: XScaleType;
+    yScaleType: YScaleType;
+    height: number;
+    width: number;
+}): {
+    xDomain: import("../../internal/components/cartesian-chart/interfaces").ChartDomain<T>;
+    yDomain: readonly number[];
+    xScale: ChartScale;
+    yScale: NumericChartScale;
+    xTicks: import("../../internal/components/cartesian-chart/interfaces").ChartDataTypes[];
+    yTicks: number[];
+    plot: {
+        xy: import(".").ChartModel.PlotPoint<T>[][];
+        xs: import(".").ChartModel.PlotPoint<T>[][];
+        sx: import(".").ChartModel.PlotPoint<T>[][];
+    };
+};
+//# sourceMappingURL=compute-chart-props.d.ts.map

package/area-chart/model/compute-chart-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute-chart-props.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/model/compute-chart-props.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAOhH,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAEjG,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC5E,MAAM,EACN,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,eAAe,EACxB,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,GACN,EAAE;IACD,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;;;;;;;EAcA"}

package/area-chart/model/compute-chart-props.js

@@ -0,0 +1,17 @@
+import { computePlotPoints, computeDomainX, computeDomainY } from './utils';
+import { createXTicks, createYTicks, getXTickCount, getYTickCount, } from '../../internal/components/cartesian-chart/ticks';
+import { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';
+export default function computeChartProps(_a) {
+    var series = _a.series, externalXDomain = _a.xDomain, externalYDomain = _a.yDomain, xScaleType = _a.xScaleType, yScaleType = _a.yScaleType, height = _a.height, width = _a.width;
+    var xDomain = externalXDomain || computeDomainX(series);
+    var xTickCount = getXTickCount(width);
+    var xScale = new ChartScale(xScaleType, xDomain, [0, width]);
+    var xTicks = xScale.domain.length > 0 ? createXTicks(xScale, xTickCount) : [];
+    var yDomain = externalYDomain || computeDomainY(series, yScaleType);
+    var yTickCount = getYTickCount(height);
+    var yScale = new NumericChartScale(yScaleType, yDomain, [height, 0], externalYDomain ? null : yTickCount);
+    var yTicks = createYTicks(yScale, yTickCount);
+    var plot = computePlotPoints(series, xScale, yScale);
+    return { xDomain: xDomain, yDomain: yDomain, xScale: xScale, yScale: yScale, xTicks: xTicks, yTicks: yTicks, plot: plot };
+}
+//# sourceMappingURL=compute-chart-props.js.map

package/area-chart/model/compute-chart-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute-chart-props.js","sourceRoot":"","sources":["../../../../src/area-chart/model/compute-chart-props.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG5E,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,GACd,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAEjG,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAqC,EAgB7E;QAfC,MAAM,YAAA,EACG,eAAe,aAAA,EACf,eAAe,aAAA,EACxB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA;IAUL,IAAM,OAAO,GAAG,eAAe,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1D,IAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,IAAM,MAAM,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAC/D,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhF,IAAM,OAAO,GAAG,eAAe,IAAI,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACtE,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,IAAM,MAAM,GAAG,IAAI,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5G,IAAM,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAEhD,IAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEvD,OAAO,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,CAAC;AACpE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { AreaChartProps } from '../interfaces';\nimport { computePlotPoints, computeDomainX, computeDomainY } from './utils';\n\nimport { XDomain, XScaleType, YDomain, YScaleType } from '../../internal/components/cartesian-chart/interfaces';\nimport {\n  createXTicks,\n  createYTicks,\n  getXTickCount,\n  getYTickCount,\n} from '../../internal/components/cartesian-chart/ticks';\nimport { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';\n\nexport default function computeChartProps<T extends AreaChartProps.DataTypes>({\n  series,\n  xDomain: externalXDomain,\n  yDomain: externalYDomain,\n  xScaleType,\n  yScaleType,\n  height,\n  width,\n}: {\n  series: readonly AreaChartProps.Series<T>[];\n  xDomain?: XDomain<T>;\n  yDomain?: YDomain;\n  xScaleType: XScaleType;\n  yScaleType: YScaleType;\n  height: number;\n  width: number;\n}) {\n  const xDomain = externalXDomain || computeDomainX(series);\n  const xTickCount = getXTickCount(width);\n  const xScale = new ChartScale(xScaleType, xDomain, [0, width]);\n  const xTicks = xScale.domain.length > 0 ? createXTicks(xScale, xTickCount) : [];\n\n  const yDomain = externalYDomain || computeDomainY(series, yScaleType);\n  const yTickCount = getYTickCount(height);\n  const yScale = new NumericChartScale(yScaleType, yDomain, [height, 0], externalYDomain ? null : yTickCount);\n  const yTicks = createYTicks(yScale, yTickCount);\n\n  const plot = computePlotPoints(series, xScale, yScale);\n\n  return { xDomain, yDomain, xScale, yScale, xTicks, yTicks, plot };\n}\n"]}

package/area-chart/model/create-series-decorator.d.ts

@@ -0,0 +1,4 @@
+import { AreaChartProps } from '../interfaces';
+import { ChartModel } from './index';
+export default function createSeriesDecorator<T extends AreaChartProps.DataTypes>(externalSeries: readonly AreaChartProps.Series<T>[]): (series: AreaChartProps.Series<T>) => ChartModel.InternalSeries<T>;
+//# sourceMappingURL=create-series-decorator.d.ts.map

package/area-chart/model/create-series-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-series-decorator.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/model/create-series-decorator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAC9E,cAAc,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YA4BlB,eAAe,MAAM,CAAC,CAAC,CAAC,KAAG,WAAW,cAAc,CAAC,CAAC,CAAC,CAIzF"}

package/area-chart/model/create-series-decorator.js

@@ -0,0 +1,27 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import createCategoryColorScale from '../../internal/utils/create-category-color-scale';
+export default function createSeriesDecorator(externalSeries) {
+    var colorScale = createCategoryColorScale(externalSeries, function (s) { return s.type === 'threshold'; }, function (s) { return s.color || null; });
+    var decorateSeries = function (s, index) {
+        var title = s.title;
+        var color = colorScale[index];
+        var markerType = s.type === 'area' ? 'hollow-rectangle' : 'dashed';
+        var formatValue = s.type === 'threshold'
+            ? function () { return (s.valueFormatter ? s.valueFormatter(s.y) : s.y); }
+            : function (y, x) { return (s.valueFormatter ? s.valueFormatter(y, x) : y); };
+        return { series: s, title: title, color: color, markerType: markerType, formatValue: formatValue };
+    };
+    // Map external series to internal ones.
+    var mapping = externalSeries.reduce(function (map, series, index) {
+        map.set(series, decorateSeries(series, index));
+        return map;
+    }, new Map());
+    // It is inconvenient to use internal series everywhere, that's
+    // why we also provide a decorator function to get the internal series on demand.
+    var seriesDecorator = function (series) {
+        return mapping.get(series) || decorateSeries(series, externalSeries.length);
+    };
+    return seriesDecorator;
+}
+//# sourceMappingURL=create-series-decorator.js.map

package/area-chart/model/create-series-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-series-decorator.js","sourceRoot":"","sources":["../../../../src/area-chart/model/create-series-decorator.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,wBAAwB,MAAM,kDAAkD,CAAC;AAIxF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,cAAmD;IAEnD,IAAM,UAAU,GAAG,wBAAwB,CACzC,cAAc,EACd,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,KAAK,WAAW,EAAtB,CAAsB,EAC3B,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,IAAI,IAAI,EAAf,CAAe,CACrB,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,CAA2B,EAAE,KAAa;QAChE,IAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;QACtB,IAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAChC,IAAM,UAAU,GAAG,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;QACrE,IAAM,WAAW,GACf,CAAC,CAAC,IAAI,KAAK,WAAW;YACpB,CAAC,CAAC,cAAM,OAAA,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAhD,CAAgD;YACxD,CAAC,CAAC,UAAC,CAAS,EAAE,CAAI,IAAK,OAAA,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAA/C,CAA+C,CAAC;QAE3E,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,WAAW,aAAA,EAAE,CAAC;IAC9D,CAAC,CAAC;IAEF,wCAAwC;IACxC,IAAM,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,MAAM,EAAE,KAAK;QACvD,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/C,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,IAAI,GAAG,EAA0D,CAAC,CAAC;IAEtE,+DAA+D;IAC/D,iFAAiF;IACjF,IAAM,eAAe,GAAG,UAAC,MAAgC;QACvD,OAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC;IAApE,CAAoE,CAAC;IAEvE,OAAO,eAAe,CAAC;AACzB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport createCategoryColorScale from '../../internal/utils/create-category-color-scale';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from './index';\n\nexport default function createSeriesDecorator<T extends AreaChartProps.DataTypes>(\n  externalSeries: readonly AreaChartProps.Series<T>[]\n) {\n  const colorScale = createCategoryColorScale(\n    externalSeries,\n    s => s.type === 'threshold',\n    s => s.color || null\n  );\n\n  const decorateSeries = (s: AreaChartProps.Series<T>, index: number): ChartModel.InternalSeries<T> => {\n    const title = s.title;\n    const color = colorScale[index];\n    const markerType = s.type === 'area' ? 'hollow-rectangle' : 'dashed';\n    const formatValue =\n      s.type === 'threshold'\n        ? () => (s.valueFormatter ? s.valueFormatter(s.y) : s.y)\n        : (y: number, x: T) => (s.valueFormatter ? s.valueFormatter(y, x) : y);\n\n    return { series: s, title, color, markerType, formatValue };\n  };\n\n  // Map external series to internal ones.\n  const mapping = externalSeries.reduce((map, series, index) => {\n    map.set(series, decorateSeries(series, index));\n    return map;\n  }, new Map<AreaChartProps.Series<T>, ChartModel.InternalSeries<T>>());\n\n  // It is inconvenient to use internal series everywhere, that's\n  // why we also provide a decorator function to get the internal series on demand.\n  const seriesDecorator = (series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T> =>\n    mapping.get(series) || decorateSeries(series, externalSeries.length);\n\n  return seriesDecorator;\n}\n"]}

package/area-chart/model/index.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { ChartSeriesMarkerType } from '../../internal/components/chart-series-marker';
+import { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';
+import { XDomain, YDomain } from '../../internal/components/cartesian-chart/interfaces';
+import { ReadonlyAsyncStore } from './async-store';
+import { AreaChartProps } from '../interfaces';
+import { ChartPlotRef } from '../../internal/components/chart-plot';
+export interface ChartModel<T extends AreaChartProps.DataTypes> {
+    height: number;
+    width: number;
+    series: readonly AreaChartProps.Series<T>[];
+    allSeries: readonly AreaChartProps.Series<T>[];
+    getInternalSeries(series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T>;
+    computed: ChartModel.ComputedProps<T>;
+    handlers: {
+        onSVGMouseMove: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+        onSVGMouseOut: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+        onSVGMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;
+        onSVGKeyDown: (event: React.KeyboardEvent) => void;
+        onSVGFocus: (event: React.FocusEvent<Element>, trigger: 'mouse' | 'keyboard') => void;
+        onSVGBlur: (event: React.FocusEvent<Element>) => void;
+        onFilterSeries: (series: readonly AreaChartProps.Series<T>[]) => void;
+        onLegendHighlight: (series: null | AreaChartProps.Series<T>) => void;
+        onPopoverDismiss: (outsideClick?: boolean) => void;
+        onContainerBlur: () => void;
+    };
+    interactions: ReadonlyAsyncStore<ChartModel.InteractionsState<T>>;
+    refs: {
+        plot: React.RefObject<ChartPlotRef>;
+        container: React.RefObject<HTMLDivElement>;
+        verticalMarker: React.RefObject<SVGLineElement>;
+    };
+}
+export declare namespace ChartModel {
+    interface ComputedProps<T extends AreaChartProps.DataTypes> {
+        xDomain: XDomain<T>;
+        yDomain: YDomain;
+        xScale: ChartScale;
+        yScale: NumericChartScale;
+        xTicks: AreaChartProps.DataTypes[];
+        yTicks: number[];
+        plot: {
+            xy: readonly PlotPoint<T>[][];
+            xs: readonly PlotPoint<T>[][];
+            sx: readonly PlotPoint<T>[][];
+        };
+    }
+    interface InteractionsState<T> {
+        highlightedX: null | readonly PlotPoint<T>[];
+        highlightedPoint: null | PlotPoint<T>;
+        highlightedSeries: null | AreaChartProps.Series<T>;
+        legendSeries: null | AreaChartProps.Series<T>;
+        isPopoverPinned: boolean;
+    }
+    interface InternalSeries<T> {
+        series: AreaChartProps.Series<T>;
+        title: string;
+        color: string;
+        markerType: ChartSeriesMarkerType;
+        formatValue: (y: number, x: T) => string | number;
+    }
+    interface PlotPoint<T> {
+        x: T;
+        y0: number;
+        y1: number;
+        scaled: {
+            x: number;
+            y0: number;
+            y1: number;
+        };
+        index: {
+            x: number;
+            y: number;
+            s: number;
+        };
+        value: number;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/area-chart/model/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/model/index.ts"],"names":[],"mappings":"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"}

package/area-chart/model/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/area-chart/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/area-chart/model/index.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { ChartSeriesMarkerType } from '../../internal/components/chart-series-marker';\nimport { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';\nimport { XDomain, YDomain } from '../../internal/components/cartesian-chart/interfaces';\nimport { ReadonlyAsyncStore } from './async-store';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\n\nexport interface ChartModel<T extends AreaChartProps.DataTypes> {\n  height: number;\n  width: number;\n  series: readonly AreaChartProps.Series<T>[];\n  allSeries: readonly AreaChartProps.Series<T>[];\n  getInternalSeries(series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T>;\n  computed: ChartModel.ComputedProps<T>;\n  handlers: {\n    onSVGMouseMove: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;\n    onSVGMouseOut: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;\n    onSVGMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;\n    onSVGKeyDown: (event: React.KeyboardEvent) => void;\n    onSVGFocus: (event: React.FocusEvent<Element>, trigger: 'mouse' | 'keyboard') => void;\n    onSVGBlur: (event: React.FocusEvent<Element>) => void;\n    onFilterSeries: (series: readonly AreaChartProps.Series<T>[]) => void;\n    onLegendHighlight: (series: null | AreaChartProps.Series<T>) => void;\n    onPopoverDismiss: (outsideClick?: boolean) => void;\n    onContainerBlur: () => void;\n  };\n  interactions: ReadonlyAsyncStore<ChartModel.InteractionsState<T>>;\n  refs: {\n    plot: React.RefObject<ChartPlotRef>;\n    container: React.RefObject<HTMLDivElement>;\n    verticalMarker: React.RefObject<SVGLineElement>;\n  };\n}\n\nexport namespace ChartModel {\n  export interface ComputedProps<T extends AreaChartProps.DataTypes> {\n    xDomain: XDomain<T>;\n    yDomain: YDomain;\n    xScale: ChartScale;\n    yScale: NumericChartScale;\n    xTicks: AreaChartProps.DataTypes[];\n    yTicks: number[];\n    plot: {\n      xy: readonly PlotPoint<T>[][];\n      xs: readonly PlotPoint<T>[][];\n      sx: readonly PlotPoint<T>[][];\n    };\n  }\n\n  export interface InteractionsState<T> {\n    highlightedX: null | readonly PlotPoint<T>[];\n    highlightedPoint: null | PlotPoint<T>;\n    highlightedSeries: null | AreaChartProps.Series<T>;\n    legendSeries: null | AreaChartProps.Series<T>;\n    isPopoverPinned: boolean;\n  }\n\n  export interface InternalSeries<T> {\n    series: AreaChartProps.Series<T>;\n    title: string;\n    color: string;\n    markerType: ChartSeriesMarkerType;\n    formatValue: (y: number, x: T) => string | number;\n  }\n\n  export interface PlotPoint<T> {\n    x: T;\n    y0: number;\n    y1: number;\n    scaled: { x: number; y0: number; y1: number };\n    index: { x: number; y: number; s: number };\n    value: number;\n  }\n}\n"]}

package/area-chart/model/interactions-store.d.ts

@@ -0,0 +1,20 @@
+import { ChartModel } from './index';
+import { AreaChartProps } from '../interfaces';
+import AsyncStore from './async-store';
+export default class InteractionsStore<T extends AreaChartProps.DataTypes> extends AsyncStore<ChartModel.InteractionsState<T>> {
+    series: readonly AreaChartProps.Series<T>[];
+    plot: ChartModel.ComputedProps<T>['plot'];
+    constructor(series: readonly AreaChartProps.Series<T>[], plot: ChartModel.ComputedProps<T>['plot']);
+    highlightPoint(point: ChartModel.PlotPoint<T>): void;
+    highlightX(points: readonly ChartModel.PlotPoint<T>[]): void;
+    highlightFirstPoint(): void;
+    highlightSeries(s: null | AreaChartProps.Series<T>): void;
+    clearHighlight(): void;
+    clearHighlightedLegend(): void;
+    clearState(): void;
+    pinPopover(): void;
+    unpinPopover(): void;
+    togglePopoverPin(): void;
+    _getFirstSeriesPoint(s: AreaChartProps.Series<T>): null | ChartModel.PlotPoint<T>;
+}
+//# sourceMappingURL=interactions-store.d.ts.map

package/area-chart/model/interactions-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions-store.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/model/interactions-store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,UAAU,MAAM,eAAe,CAAC;AAUvC,MAAM,CAAC,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,CAAE,SAAQ,UAAU,CAC3F,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAChC;IACC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAE9B,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAOlG,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAU7C,UAAU,CAAC,MAAM,EAAE,SAAS,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;IASrD,mBAAmB;IAenB,eAAe,CAAC,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAQlD,cAAc;IAQd,sBAAsB;IAOtB,UAAU;IAIV,UAAU;IAIV,YAAY;IAIZ,gBAAgB;IAIhB,oBAAoB,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;CAKlF"}

package/area-chart/model/interactions-store.js

@@ -0,0 +1,63 @@
+import { __assign, __extends } from "tslib";
+import AsyncStore from './async-store';
+var initialState = Object.freeze({
+    highlightedX: null,
+    highlightedPoint: null,
+    highlightedSeries: null,
+    legendSeries: null,
+    isPopoverPinned: false
+});
+var InteractionsStore = /** @class */ (function (_super) {
+    __extends(InteractionsStore, _super);
+    function InteractionsStore(series, plot) {
+        var _this = _super.call(this, initialState) || this;
+        _this.series = series;
+        _this.plot = plot;
+        return _this;
+    }
+    InteractionsStore.prototype.highlightPoint = function (point) {
+        var _this = this;
+        this.set(function (state) { return (__assign(__assign({}, state), { highlightedX: _this.plot.xy[point.index.x], highlightedPoint: point, highlightedSeries: _this.series[point.index.s], legendSeries: _this.series[point.index.s] })); });
+    };
+    InteractionsStore.prototype.highlightX = function (points) {
+        this.set(function (state) { return (__assign(__assign({}, state), { highlightedX: points, highlightedPoint: null, highlightedSeries: null })); });
+    };
+    InteractionsStore.prototype.highlightFirstPoint = function () {
+        var _this = this;
+        this.set(function (state) {
+            var series = state.legendSeries || state.highlightedSeries;
+            var firstSeriesPoint = series && _this._getFirstSeriesPoint(series);
+            var point = state.highlightedPoint || firstSeriesPoint || _this.plot.sx[0][0];
+            return __assign(__assign({}, state), { highlightedX: _this.plot.xy[point.index.x], highlightedPoint: point, highlightedSeries: _this.series[point.index.s], legendSeries: _this.series[point.index.s] });
+        });
+    };
+    InteractionsStore.prototype.highlightSeries = function (s) {
+        this.set(function (state) { return (__assign(__assign({}, state), { highlightedSeries: s, legendSeries: s })); });
+    };
+    InteractionsStore.prototype.clearHighlight = function () {
+        this.set(function (state) { return (__assign(__assign({}, state), { highlightedX: null, highlightedPoint: null, highlightedSeries: null })); });
+    };
+    InteractionsStore.prototype.clearHighlightedLegend = function () {
+        this.set(function (state) { return (__assign(__assign({}, state), { legendSeries: null })); });
+    };
+    InteractionsStore.prototype.clearState = function () {
+        this.set(function () { return initialState; });
+    };
+    InteractionsStore.prototype.pinPopover = function () {
+        this.set(function (state) { return (__assign(__assign({}, state), { isPopoverPinned: true })); });
+    };
+    InteractionsStore.prototype.unpinPopover = function () {
+        this.set(function (state) { return (__assign(__assign({}, state), { isPopoverPinned: false })); });
+    };
+    InteractionsStore.prototype.togglePopoverPin = function () {
+        this.set(function (state) { return (__assign(__assign({}, state), { isPopoverPinned: !state.isPopoverPinned })); });
+    };
+    InteractionsStore.prototype._getFirstSeriesPoint = function (s) {
+        var seriesIndex = this.series.indexOf(s);
+        var firstSeriesPoint = (this.plot.sx[seriesIndex] || [])[0];
+        return firstSeriesPoint || null;
+    };
+    return InteractionsStore;
+}(AsyncStore));
+export default InteractionsStore;
+//# sourceMappingURL=interactions-store.js.map

package/area-chart/model/interactions-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions-store.js","sourceRoot":"","sources":["../../../../src/area-chart/model/interactions-store.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ChartModel } from './index';\nimport { AreaChartProps } from '../interfaces';\n\nimport AsyncStore from './async-store';\n\nconst initialState = Object.freeze({\n  highlightedX: null,\n  highlightedPoint: null,\n  highlightedSeries: null,\n  legendSeries: null,\n  isPopoverPinned: false,\n});\n\nexport default class InteractionsStore<T extends AreaChartProps.DataTypes> extends AsyncStore<\n  ChartModel.InteractionsState<T>\n> {\n  series: readonly AreaChartProps.Series<T>[];\n  plot: ChartModel.ComputedProps<T>['plot'];\n\n  constructor(series: readonly AreaChartProps.Series<T>[], plot: ChartModel.ComputedProps<T>['plot']) {\n    super(initialState);\n\n    this.series = series;\n    this.plot = plot;\n  }\n\n  highlightPoint(point: ChartModel.PlotPoint<T>) {\n    this.set(state => ({\n      ...state,\n      highlightedX: this.plot.xy[point.index.x],\n      highlightedPoint: point,\n      highlightedSeries: this.series[point.index.s],\n      legendSeries: this.series[point.index.s],\n    }));\n  }\n\n  highlightX(points: readonly ChartModel.PlotPoint<T>[]) {\n    this.set(state => ({\n      ...state,\n      highlightedX: points,\n      highlightedPoint: null,\n      highlightedSeries: null,\n    }));\n  }\n\n  highlightFirstPoint() {\n    this.set(state => {\n      const series = state.legendSeries || state.highlightedSeries;\n      const firstSeriesPoint = series && this._getFirstSeriesPoint(series);\n      const point = state.highlightedPoint || firstSeriesPoint || this.plot.sx[0][0];\n      return {\n        ...state,\n        highlightedX: this.plot.xy[point.index.x],\n        highlightedPoint: point,\n        highlightedSeries: this.series[point.index.s],\n        legendSeries: this.series[point.index.s],\n      };\n    });\n  }\n\n  highlightSeries(s: null | AreaChartProps.Series<T>) {\n    this.set(state => ({\n      ...state,\n      highlightedSeries: s,\n      legendSeries: s,\n    }));\n  }\n\n  clearHighlight() {\n    this.set(state => ({\n      ...state,\n      highlightedX: null,\n      highlightedPoint: null,\n      highlightedSeries: null,\n    }));\n  }\n  clearHighlightedLegend() {\n    this.set(state => ({\n      ...state,\n      legendSeries: null,\n    }));\n  }\n\n  clearState() {\n    this.set(() => initialState);\n  }\n\n  pinPopover() {\n    this.set(state => ({ ...state, isPopoverPinned: true }));\n  }\n\n  unpinPopover() {\n    this.set(state => ({ ...state, isPopoverPinned: false }));\n  }\n\n  togglePopoverPin() {\n    this.set(state => ({ ...state, isPopoverPinned: !state.isPopoverPinned }));\n  }\n\n  _getFirstSeriesPoint(s: AreaChartProps.Series<T>): null | ChartModel.PlotPoint<T> {\n    const seriesIndex = this.series.indexOf(s);\n    const [firstSeriesPoint] = this.plot.sx[seriesIndex] || [];\n    return firstSeriesPoint || null;\n  }\n}\n"]}

package/area-chart/model/use-chart-model.d.ts

@@ -0,0 +1,19 @@
+import { AreaChartProps } from '../interfaces';
+import { XDomain, XScaleType, YDomain, YScaleType } from '../../internal/components/cartesian-chart/interfaces';
+import { ChartModel } from './index';
+interface UseChartModelProps<T extends AreaChartProps.DataTypes> {
+    externalSeries: readonly AreaChartProps.Series<T>[];
+    visibleSeries: readonly AreaChartProps.Series<T>[];
+    setVisibleSeries: (series: readonly AreaChartProps.Series<T>[]) => void;
+    highlightedSeries: null | AreaChartProps.Series<T>;
+    setHighlightedSeries: (series: null | AreaChartProps.Series<T>) => void;
+    xDomain?: XDomain<T>;
+    yDomain?: YDomain;
+    xScaleType: XScaleType;
+    yScaleType: YScaleType;
+    height: number;
+    width: number;
+}
+export default function useChartModel<T extends AreaChartProps.DataTypes>({ externalSeries: allSeries, visibleSeries: series, setVisibleSeries, highlightedSeries, setHighlightedSeries, xDomain, yDomain, xScaleType, yScaleType, height, width, }: UseChartModelProps<T>): ChartModel<T>;
+export {};
+//# sourceMappingURL=use-chart-model.d.ts.map

package/area-chart/model/use-chart-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-model.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/model/use-chart-model.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAMhH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMrC,UAAU,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS;IAC7D,cAAc,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,aAAa,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,gBAAgB,EAAE,CAAC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACxE,iBAAiB,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACnD,oBAAoB,EAAE,CAAC,MAAM,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EACxE,cAAc,EAAE,SAAS,EACzB,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,GACN,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAyOvC"}

package/area-chart/model/use-chart-model.js

@@ -0,0 +1,216 @@
+import { useEffect, useMemo, useRef } from 'react';
+import { findClosest, circleIndex, throttle } from './utils';
+import { nodeContains } from '../../internal/utils/dom';
+import { KeyCode } from '../../internal/keycode';
+import { useReaction } from './async-store';
+import computeChartProps from './compute-chart-props';
+import createSeriesDecorator from './create-series-decorator';
+import InteractionsStore from './interactions-store';
+import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
+var MAX_HOVER_MARGIN = 6;
+var SVG_HOVER_THROTTLE = 25;
+// Represents the core the chart logic, including the model of all allowed user interactions.
+export default function useChartModel(_a) {
+    var allSeries = _a.externalSeries, series = _a.visibleSeries, setVisibleSeries = _a.setVisibleSeries, highlightedSeries = _a.highlightedSeries, setHighlightedSeries = _a.setHighlightedSeries, xDomain = _a.xDomain, yDomain = _a.yDomain, xScaleType = _a.xScaleType, yScaleType = _a.yScaleType, height = _a.height, width = _a.width;
+    // Chart elements refs used in handlers.
+    var plotRef = useRef(null);
+    var containerRef = useRef(null);
+    var verticalMarkerRef = useRef(null);
+    var stableSetVisibleSeries = useStableEventHandler(setVisibleSeries);
+    var model = useMemo(function () {
+        // Compute scales, ticks and two-dimensional plots.
+        var computed = computeChartProps({
+            series: series,
+            xDomain: xDomain,
+            yDomain: yDomain,
+            xScaleType: xScaleType,
+            yScaleType: yScaleType,
+            height: height,
+            width: width
+        });
+        // A store for chart interactions that don't require plot recomputation.
+        var interactions = new InteractionsStore(series, computed.plot);
+        // A series decorator to provide extra props such as color and marker type.
+        var getInternalSeries = createSeriesDecorator(allSeries);
+        // A Callback for svg mouseover to hover the plot points.
+        // Throttling is necessary for a substantially smoother customer experience.
+        var onSVGMouseMoveThrottled = throttle(function (clientX, clientY) {
+            // No hover logic when the popover is pinned or no data available.
+            if (interactions.get().isPopoverPinned || !plotRef.current || interactions.plot.xy.length === 0) {
+                return;
+            }
+            var svgRect = plotRef.current.svg.getBoundingClientRect();
+            var offsetX = clientX - svgRect.left;
+            var offsetY = clientY - svgRect.top;
+            var closestX = findClosest(interactions.plot.xy, offsetX, function (xPoints) { return xPoints[0].scaled.x; });
+            var closestPoint = findClosest(closestX, offsetY, function (point) { return point.scaled.y1; });
+            // If close enough to the point - highlight the point and its column.
+            // If not - only highlight the closest column.
+            if (Math.abs(offsetX - closestPoint.scaled.x) < MAX_HOVER_MARGIN &&
+                Math.abs(offsetY - closestPoint.scaled.y1) < MAX_HOVER_MARGIN) {
+                interactions.highlightPoint(closestPoint);
+            }
+            else {
+                interactions.highlightX(closestX);
+            }
+        }, SVG_HOVER_THROTTLE);
+        var onSVGMouseMove = function (_a) {
+            var clientX = _a.clientX, clientY = _a.clientY;
+            return onSVGMouseMoveThrottled(clientX, clientY);
+        };
+        // A callback for svg mouseout to clear all highlights.
+        var onSVGMouseOut = function (event) {
+            // Because the mouseover is throttled, in can occur slightly after the mouseout,
+            // neglecting its effect; cancelling the throttled function prevents that.
+            onSVGMouseMoveThrottled.cancel();
+            // No hover logic when the popover is pinned.
+            if (interactions.get().isPopoverPinned) {
+                return;
+            }
+            // Check if the target is contained within svg to allow hovering on the popover body.
+            if (!nodeContains(plotRef.current.svg, event.relatedTarget)) {
+                interactions.clearHighlightedLegend();
+                interactions.clearHighlight();
+            }
+        };
+        // A callback for svg click to pin/unpin the popover.
+        var onSVGMouseDown = function () {
+            interactions.togglePopoverPin();
+        };
+        // A helper function to highlight the next or previous point within selected series.
+        var moveWithinSeries = function (direction) {
+            // Can only use motion when a particular point is highlighted.
+            var point = interactions.get().highlightedPoint;
+            if (!point) {
+                return;
+            }
+            // Take the index of the currently highlighted series.
+            var sIndex = point.index.s;
+            // Take the incremented(circularly) x-index of the currently highlighted point.
+            var xIndex = circleIndex(point.index.x + direction, [0, interactions.plot.xs.length - 1]);
+            // Highlight the next point using x:s grouped data.
+            interactions.highlightPoint(interactions.plot.xs[xIndex][sIndex]);
+        };
+        // A helper function to highlight the next or previous point withing selected column.
+        var moveBetweenSeries = function (direction) {
+            // Can only use motion when a particular point is highlighted.
+            var point = interactions.get().highlightedPoint;
+            if (!point) {
+                return;
+            }
+            // Take the index of the currently highlighted column.
+            var xIndex = point.index.x;
+            // Take the incremented(circularly) y-index of the currently highlighted point.
+            var yIndex = circleIndex(point.index.y + direction, [0, interactions.plot.xy[xIndex].length - 1]);
+            // Highlight the next point using x:y grouped data.
+            interactions.highlightPoint(interactions.plot.xy[xIndex][yIndex]);
+        };
+        // A callback for svg keydown to enable motions and popover pin with the keyboard.
+        var onSVGKeyDown = function (event) {
+            var keyCode = event.keyCode;
+            if (keyCode !== KeyCode.up &&
+                keyCode !== KeyCode.right &&
+                keyCode !== KeyCode.down &&
+                keyCode !== KeyCode.left &&
+                keyCode !== KeyCode.space &&
+                keyCode !== KeyCode.enter) {
+                return;
+            }
+            // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.
+            event.preventDefault();
+            // No keydown logic when the popover is pinned.
+            if (interactions.get().isPopoverPinned) {
+                return;
+            }
+            // Move up/down.
+            if (keyCode === KeyCode.down || keyCode === KeyCode.up) {
+                moveBetweenSeries(keyCode === KeyCode.down ? -1 : 1);
+            }
+            // Move left/right.
+            else if (keyCode === KeyCode.left || keyCode === KeyCode.right) {
+                moveWithinSeries(keyCode === KeyCode.right ? 1 : -1);
+            }
+            // Pin popover.
+            else if (keyCode === KeyCode.enter || keyCode === KeyCode.space) {
+                interactions.pinPopover();
+            }
+        };
+        // A callback for svg focus to highlight series.
+        var onSVGFocus = function (_event, trigger) {
+            // When focus is caused by a click event nothing is expected as clicks are handled separately.
+            // Otherwise, select the first series point.
+            if (trigger === 'keyboard') {
+                interactions.highlightFirstPoint();
+            }
+        };
+        // A callback for svg blur to clear all highlights unless the popover is pinned.
+        var onSVGBlur = function () {
+            // Pinned popover stays pinned even if the focus is lost.
+            // If blur is not caused by the popover, forget the previously highlighted point.
+            if (!interactions.get().isPopoverPinned) {
+                interactions.clearHighlight();
+            }
+        };
+        var onFilterSeries = function (series) {
+            stableSetVisibleSeries(series);
+        };
+        var onLegendHighlight = function (series) {
+            interactions.highlightSeries(series);
+        };
+        var onPopoverDismiss = function (outsideClick) {
+            interactions.unpinPopover();
+            // Return focus back to the application or plot (when no point is highlighted).
+            if (!outsideClick) {
+                // The delay is needed to bypass focus events caused by click or keypress needed to unpin the popover.
+                setTimeout(function () {
+                    if (interactions.get().highlightedPoint) {
+                        plotRef.current.focusApplication();
+                    }
+                    else {
+                        interactions.clearHighlight();
+                        plotRef.current.focusPlot();
+                    }
+                }, 0);
+            }
+        };
+        var onContainerBlur = function () {
+            interactions.clearState();
+        };
+        return {
+            width: width,
+            height: height,
+            series: series,
+            allSeries: allSeries,
+            getInternalSeries: getInternalSeries,
+            computed: computed,
+            interactions: interactions,
+            handlers: {
+                onSVGMouseMove: onSVGMouseMove,
+                onSVGMouseOut: onSVGMouseOut,
+                onSVGMouseDown: onSVGMouseDown,
+                onSVGKeyDown: onSVGKeyDown,
+                onSVGFocus: onSVGFocus,
+                onSVGBlur: onSVGBlur,
+                onFilterSeries: onFilterSeries,
+                onLegendHighlight: onLegendHighlight,
+                onPopoverDismiss: onPopoverDismiss,
+                onContainerBlur: onContainerBlur
+            },
+            refs: {
+                plot: plotRef,
+                container: containerRef,
+                verticalMarker: verticalMarkerRef
+            }
+        };
+    }, [allSeries, series, xDomain, yDomain, xScaleType, yScaleType, height, width, stableSetVisibleSeries]);
+    // Notify client when series highlight change.
+    useReaction(model.interactions, function (state) { return state.highlightedSeries; }, setHighlightedSeries);
+    // Update interactions store when series highlight in a controlled way.
+    useEffect(function () {
+        if (highlightedSeries !== model.interactions.get().highlightedSeries) {
+            model.interactions.highlightSeries(highlightedSeries);
+        }
+    }, [model, highlightedSeries]);
+    return model;
+}
+//# sourceMappingURL=use-chart-model.js.map

package/area-chart/model/use-chart-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-model.js","sourceRoot":"","sources":["../../../../src/area-chart/model/use-chart-model.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { AreaChartProps } from '../interfaces';\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { findClosest, circleIndex, throttle } from './utils';\n\nimport { nodeContains } from '../../internal/utils/dom';\nimport { KeyCode } from '../../internal/keycode';\nimport { XDomain, XScaleType, YDomain, YScaleType } from '../../internal/components/cartesian-chart/interfaces';\nimport { useReaction } from './async-store';\nimport computeChartProps from './compute-chart-props';\nimport createSeriesDecorator from './create-series-decorator';\nimport InteractionsStore from './interactions-store';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { ChartModel } from './index';\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\n\nconst MAX_HOVER_MARGIN = 6;\nconst SVG_HOVER_THROTTLE = 25;\n\ninterface UseChartModelProps<T extends AreaChartProps.DataTypes> {\n  externalSeries: readonly AreaChartProps.Series<T>[];\n  visibleSeries: readonly AreaChartProps.Series<T>[];\n  setVisibleSeries: (series: readonly AreaChartProps.Series<T>[]) => void;\n  highlightedSeries: null | AreaChartProps.Series<T>;\n  setHighlightedSeries: (series: null | AreaChartProps.Series<T>) => void;\n  xDomain?: XDomain<T>;\n  yDomain?: YDomain;\n  xScaleType: XScaleType;\n  yScaleType: YScaleType;\n  height: number;\n  width: number;\n}\n\n// Represents the core the chart logic, including the model of all allowed user interactions.\nexport default function useChartModel<T extends AreaChartProps.DataTypes>({\n  externalSeries: allSeries,\n  visibleSeries: series,\n  setVisibleSeries,\n  highlightedSeries,\n  setHighlightedSeries,\n  xDomain,\n  yDomain,\n  xScaleType,\n  yScaleType,\n  height,\n  width,\n}: UseChartModelProps<T>): ChartModel<T> {\n  // Chart elements refs used in handlers.\n  const plotRef = useRef<ChartPlotRef>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const verticalMarkerRef = useRef<SVGLineElement>(null);\n\n  const stableSetVisibleSeries = useStableEventHandler(setVisibleSeries);\n\n  const model = useMemo(() => {\n    // Compute scales, ticks and two-dimensional plots.\n    const computed = computeChartProps({\n      series,\n      xDomain,\n      yDomain,\n      xScaleType,\n      yScaleType,\n      height,\n      width,\n    });\n\n    // A store for chart interactions that don't require plot recomputation.\n    const interactions = new InteractionsStore(series, computed.plot);\n\n    // A series decorator to provide extra props such as color and marker type.\n    const getInternalSeries = createSeriesDecorator(allSeries);\n\n    // A Callback for svg mouseover to hover the plot points.\n    // Throttling is necessary for a substantially smoother customer experience.\n    const onSVGMouseMoveThrottled = throttle((clientX: number, clientY: number) => {\n      // No hover logic when the popover is pinned or no data available.\n      if (interactions.get().isPopoverPinned || !plotRef.current || interactions.plot.xy.length === 0) {\n        return;\n      }\n\n      const svgRect = plotRef.current.svg.getBoundingClientRect();\n      const offsetX = clientX - svgRect.left;\n      const offsetY = clientY - svgRect.top;\n\n      const closestX = findClosest(interactions.plot.xy, offsetX, xPoints => xPoints[0].scaled.x);\n      const closestPoint = findClosest(closestX, offsetY, point => point.scaled.y1);\n\n      // If close enough to the point - highlight the point and its column.\n      // If not - only highlight the closest column.\n      if (\n        Math.abs(offsetX - closestPoint.scaled.x) < MAX_HOVER_MARGIN &&\n        Math.abs(offsetY - closestPoint.scaled.y1) < MAX_HOVER_MARGIN\n      ) {\n        interactions.highlightPoint(closestPoint);\n      } else {\n        interactions.highlightX(closestX);\n      }\n    }, SVG_HOVER_THROTTLE);\n\n    const onSVGMouseMove = ({ clientX, clientY }: React.MouseEvent<SVGElement, MouseEvent>) =>\n      onSVGMouseMoveThrottled(clientX, clientY);\n\n    // A callback for svg mouseout to clear all highlights.\n    const onSVGMouseOut = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n      // Because the mouseover is throttled, in can occur slightly after the mouseout,\n      // neglecting its effect; cancelling the throttled function prevents that.\n      onSVGMouseMoveThrottled.cancel();\n\n      // No hover logic when the popover is pinned.\n      if (interactions.get().isPopoverPinned) {\n        return;\n      }\n\n      // Check if the target is contained within svg to allow hovering on the popover body.\n      if (!nodeContains(plotRef.current!.svg, event.relatedTarget as Element)) {\n        interactions.clearHighlightedLegend();\n        interactions.clearHighlight();\n      }\n    };\n\n    // A callback for svg click to pin/unpin the popover.\n    const onSVGMouseDown = () => {\n      interactions.togglePopoverPin();\n    };\n\n    // A helper function to highlight the next or previous point within selected series.\n    const moveWithinSeries = (direction: -1 | 1) => {\n      // Can only use motion when a particular point is highlighted.\n      const point = interactions.get().highlightedPoint;\n      if (!point) {\n        return;\n      }\n\n      // Take the index of the currently highlighted series.\n      const sIndex = point.index.s;\n      // Take the incremented(circularly) x-index of the currently highlighted point.\n      const xIndex = circleIndex(point.index.x + direction, [0, interactions.plot.xs.length - 1]);\n      // Highlight the next point using x:s grouped data.\n      interactions.highlightPoint(interactions.plot.xs[xIndex][sIndex]);\n    };\n\n    // A helper function to highlight the next or previous point withing selected column.\n    const moveBetweenSeries = (direction: -1 | 1) => {\n      // Can only use motion when a particular point is highlighted.\n      const point = interactions.get().highlightedPoint;\n      if (!point) {\n        return;\n      }\n\n      // Take the index of the currently highlighted column.\n      const xIndex = point.index.x;\n      // Take the incremented(circularly) y-index of the currently highlighted point.\n      const yIndex = circleIndex(point.index.y + direction, [0, interactions.plot.xy[xIndex].length - 1]);\n      // Highlight the next point using x:y grouped data.\n      interactions.highlightPoint(interactions.plot.xy[xIndex][yIndex]);\n    };\n\n    // A callback for svg keydown to enable motions and popover pin with the keyboard.\n    const onSVGKeyDown = (event: React.KeyboardEvent) => {\n      const keyCode = event.keyCode;\n      if (\n        keyCode !== KeyCode.up &&\n        keyCode !== KeyCode.right &&\n        keyCode !== KeyCode.down &&\n        keyCode !== KeyCode.left &&\n        keyCode !== KeyCode.space &&\n        keyCode !== KeyCode.enter\n      ) {\n        return;\n      }\n\n      // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n      event.preventDefault();\n\n      // No keydown logic when the popover is pinned.\n      if (interactions.get().isPopoverPinned) {\n        return;\n      }\n\n      // Move up/down.\n      if (keyCode === KeyCode.down || keyCode === KeyCode.up) {\n        moveBetweenSeries(keyCode === KeyCode.down ? -1 : 1);\n      }\n      // Move left/right.\n      else if (keyCode === KeyCode.left || keyCode === KeyCode.right) {\n        moveWithinSeries(keyCode === KeyCode.right ? 1 : -1);\n      }\n      // Pin popover.\n      else if (keyCode === KeyCode.enter || keyCode === KeyCode.space) {\n        interactions.pinPopover();\n      }\n    };\n\n    // A callback for svg focus to highlight series.\n    const onSVGFocus = (_event: React.FocusEvent, trigger: 'mouse' | 'keyboard') => {\n      // When focus is caused by a click event nothing is expected as clicks are handled separately.\n      // Otherwise, select the first series point.\n      if (trigger === 'keyboard') {\n        interactions.highlightFirstPoint();\n      }\n    };\n\n    // A callback for svg blur to clear all highlights unless the popover is pinned.\n    const onSVGBlur = () => {\n      // Pinned popover stays pinned even if the focus is lost.\n      // If blur is not caused by the popover, forget the previously highlighted point.\n      if (!interactions.get().isPopoverPinned) {\n        interactions.clearHighlight();\n      }\n    };\n\n    const onFilterSeries = (series: readonly AreaChartProps.Series<T>[]) => {\n      stableSetVisibleSeries(series);\n    };\n\n    const onLegendHighlight = (series: null | AreaChartProps.Series<T>) => {\n      interactions.highlightSeries(series);\n    };\n\n    const onPopoverDismiss = (outsideClick?: boolean) => {\n      interactions.unpinPopover();\n\n      // Return focus back to the application or plot (when no point is highlighted).\n      if (!outsideClick) {\n        // The delay is needed to bypass focus events caused by click or keypress needed to unpin the popover.\n        setTimeout(() => {\n          if (interactions.get().highlightedPoint) {\n            plotRef.current!.focusApplication();\n          } else {\n            interactions.clearHighlight();\n            plotRef.current!.focusPlot();\n          }\n        }, 0);\n      }\n    };\n\n    const onContainerBlur = () => {\n      interactions.clearState();\n    };\n\n    return {\n      width,\n      height,\n      series,\n      allSeries,\n      getInternalSeries,\n      computed,\n      interactions,\n      handlers: {\n        onSVGMouseMove,\n        onSVGMouseOut,\n        onSVGMouseDown,\n        onSVGKeyDown,\n        onSVGFocus,\n        onSVGBlur,\n        onFilterSeries,\n        onLegendHighlight,\n        onPopoverDismiss,\n        onContainerBlur,\n      },\n      refs: {\n        plot: plotRef,\n        container: containerRef,\n        verticalMarker: verticalMarkerRef,\n      },\n    };\n  }, [allSeries, series, xDomain, yDomain, xScaleType, yScaleType, height, width, stableSetVisibleSeries]);\n\n  // Notify client when series highlight change.\n  useReaction(model.interactions, state => state.highlightedSeries, setHighlightedSeries);\n\n  // Update interactions store when series highlight in a controlled way.\n  useEffect(() => {\n    if (highlightedSeries !== model.interactions.get().highlightedSeries) {\n      model.interactions.highlightSeries(highlightedSeries);\n    }\n  }, [model, highlightedSeries]);\n\n  return model;\n}\n"]}

package/area-chart/model/use-filter-props.d.ts

@@ -0,0 +1,6 @@
+import { NonCancelableEventHandler } from '../../internal/events';
+import { AreaChartProps } from '../interfaces';
+declare type FilterProps<T> = [readonly AreaChartProps.Series<T>[], (series: readonly AreaChartProps.Series<T>[]) => void];
+export default function useFilterProps<T>(series: readonly AreaChartProps.Series<T>[], controlledVisibleSeries?: readonly AreaChartProps.Series<T>[], controlledOnVisibleChange?: NonCancelableEventHandler<AreaChartProps.FilterChangeDetail<T>>): FilterProps<T>;
+export {};
+//# sourceMappingURL=use-filter-props.d.ts.map

package/area-chart/model/use-filter-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter-props.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/model/use-filter-props.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAE1F,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,aAAK,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;AAGnH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EACtC,MAAM,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC3C,uBAAuB,CAAC,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC7D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAC1F,WAAW,CAAC,CAAC,CAAC,CA8BhB"}