@weng-lab/visualization 2.4.0-beta.6 → 2.4.0-beta.8

package/dist/src/components/Heatmap/Heatmap.d.ts

@@ -1,4 +1,4 @@
 import { HeatmapProps } from './types';
-declare const Heatmap: ({ data, onClick, ref, downloadFileName, colors, xLabel, yLabel, tooltipBody, margin, gap, isRect, animationType, showLegend, width, height, xLabelOrientation, selectedCells, deselectedColor, cellWidth, cellHeight, scrollToSelection, showMiniMap, }: HeatmapProps) => import("react/jsx-runtime").JSX.Element;
+declare const Heatmap: ({ data, onClick, ref, downloadFileName, colors, colorDomain, xLabel, yLabel, tooltipBody, margin, gap, isRect, animationType, showLegend, width, height, xLabelOrientation, selectedCells, deselectedColor, cellWidth, cellHeight, scrollToSelection, showMiniMap, }: HeatmapProps) => import("react/jsx-runtime").JSX.Element;
 export default Heatmap;
 //# sourceMappingURL=Heatmap.d.ts.map

package/dist/src/components/Heatmap/Heatmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/Heatmap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAA8B,MAAM,SAAS,CAAC;AA0DxE,QAAA,MAAM,OAAO,GAAI,yPAuBd,YAAY,4CAsnBd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/Heatmap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAU5C,QAAA,MAAM,OAAO,GAAI,sQAwBd,YAAY,4CA6Fd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/src/components/Heatmap/HeatmapCells.d.ts

@@ -8,6 +8,11 @@ export interface HeatmapCellsProps {
     xScale: (d: number) => number;
     yScale: (d: number) => number;
     colors: [string, string, ...string[]];
+    /**
+     * Value mapped to the first color. Defaults to 0. Pass a negative value (e.g. paired with a
+     * positive maxValue) for a diverging scale centered away from zero.
+     */
+    minValue?: number;
     maxValue: number;
     gap: number;
     isRect: boolean;

package/dist/src/components/Heatmap/HeatmapCells.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapCells.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/HeatmapCells.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAyB,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAMpE,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAIzF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,YAAY,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,yDA+DhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HeatmapCells.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/HeatmapCells.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAyB,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAOpE,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAEzF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,YAAY,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,yDA+DhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/src/components/Heatmap/HeatmapStaticSvg.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement, RefObject } from 'react';
+import { ColumnDatum, HeatmapCellId } from './types';
+import { AnimationType } from '../../utility';
+import { AnyBin } from './HeatmapCells';
+import { getXAxisTickLabelProps } from './heatmapAxisProps';
+import { HeatmapLayout } from './heatmapLayout';
+export interface HeatmapStaticSvgProps {
+    svgRef: RefObject<SVGSVGElement | null>;
+    layout: HeatmapLayout;
+    parentWidth: number;
+    parentHeight: number;
+    data: ColumnDatum[];
+    gap: number;
+    isRect: boolean;
+    animationType?: AnimationType;
+    tooltipBody?: (bin: AnyBin) => ReactElement;
+    onClick?: (bin: AnyBin) => void;
+    selectedCells?: HeatmapCellId[];
+    deselectedColor?: string;
+    xLabel?: string;
+    yLabel?: string;
+    showLegend: boolean;
+    xAxisTickFormat: (d: number | {
+        valueOf(): number;
+    }) => string;
+    yAxisTickFormat: (d: number | {
+        valueOf(): number;
+    }) => string;
+    xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;
+}
+declare const HeatmapStaticSvg: ({ svgRef, layout, parentWidth, parentHeight, data, gap, isRect, animationType, tooltipBody, onClick, selectedCells, deselectedColor, xLabel, yLabel, showLegend, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps, }: HeatmapStaticSvgProps) => import("react/jsx-runtime").JSX.Element;
+export default HeatmapStaticSvg;
+//# sourceMappingURL=HeatmapStaticSvg.d.ts.map

package/dist/src/components/Heatmap/HeatmapStaticSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapStaticSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/HeatmapStaticSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAI7C,OAAO,EAAyD,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACxH,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEjF,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACxC,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,YAAY,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE;AAED,QAAA,MAAM,gBAAgB,GAAI,2NAIvB,qBAAqB,4CA8DvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/Heatmap/heatmapAxisProps.d.ts

@@ -0,0 +1,37 @@
+import { HeatmapProps } from './types';
+export declare const TICK_FONT_SIZE = 12;
+export declare const TICK_FONT_FAMILY = "sans-serif";
+export declare const AXIS_TITLE_FONT_SIZE = 14;
+export declare const makeTickFormat: (names: string[]) => (d: number | {
+    valueOf(): number;
+}) => string;
+type XLabelOrientation = NonNullable<HeatmapProps["xLabelOrientation"]>;
+export declare const xTickAngleFor: (xLabelOrientation: XLabelOrientation) => 0 | -90 | 45 | -45;
+export declare const xTickTextAnchorFor: (xLabelOrientation: XLabelOrientation) => "middle" | "start" | "end";
+export declare const getXAxisTickLabelProps: (xLabelOrientation: XLabelOrientation) => {
+    fontSize: number;
+    fontFamily: string;
+    textAnchor: "end" | "start" | "middle";
+    angle: number;
+    dy: string;
+};
+export declare const xAxisLabelProps: {
+    fontSize: number;
+    fontFamily: string;
+    textAnchor: "middle";
+    dy: string;
+};
+export declare const yAxisTickLabelProps: {
+    fontSize: number;
+    fontFamily: string;
+    textAnchor: "end";
+    dx: string;
+    dy: string;
+};
+export declare const yAxisLabelProps: {
+    fontSize: number;
+    fontFamily: string;
+    textAnchor: "middle";
+};
+export {};
+//# sourceMappingURL=heatmapAxisProps.d.ts.map

package/dist/src/components/Heatmap/heatmapAxisProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmapAxisProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/heatmapAxisProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG;IAAE,OAAO,IAAI,MAAM,CAAA;CAAE,WAAgC,CAAC;AAEtH,KAAK,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAExE,eAAO,MAAM,aAAa,GAAI,mBAAmB,iBAAiB,uBACiE,CAAC;AAEpI,eAAO,MAAM,kBAAkB,GAAI,mBAAmB,iBAAiB,KAAG,QAAQ,GAAG,OAAO,GAAG,KACU,CAAC;AAE1G,eAAO,MAAM,sBAAsB,GAAI,mBAAmB,iBAAiB;;;;;;CAMzE,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;CAM/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;CAI3B,CAAC"}

package/dist/src/components/Heatmap/heatmapCellAppearance.d.ts

@@ -3,7 +3,7 @@ export declare const DEFAULT_DESELECTED_COLOR = "#d1d5db";
 export declare const DESELECTED_OPACITY = 0.5;
 export declare const NULL_VALUE_COLOR = "none";
 export declare const cellKey: (cell: HeatmapCellId) => string;
-export declare function getHeatmapColorScale(colors: [string, string, ...string[]], maxValue: number): import('@visx/vendor/d3-scale').ScaleLinear<string, string, never>;
+export declare function getHeatmapColorScale(colors: [string, string, ...string[]], domain: [number, number]): import('@visx/vendor/d3-scale').ScaleLinear<string, string, never>;
 /**
  * Shared by the SVG cell renderer (HeatmapCells.tsx, used for non-scrollable mode and export)
  * and the canvas cell renderer (HeatmapCanvasCells.ts, used on-screen in scrollable mode) so the

package/dist/src/components/Heatmap/heatmapCellAppearance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heatmapCellAppearance.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/heatmapCellAppearance.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,wBAAwB,YAAY,CAAC;AAClD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,gBAAgB,SAAS,CAAC;AAEvC,eAAO,MAAM,OAAO,GAAI,MAAM,aAAa,WAAiC,CAAC;AAE7E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,sEAK3F;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,YAAY,EAAE,OAAO,EACrB,eAAe,EAAE,MAAM,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAMvC"}
+{"version":3,"file":"heatmapCellAppearance.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/heatmapCellAppearance.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,wBAAwB,YAAY,CAAC;AAClD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,gBAAgB,SAAS,CAAC;AAEvC,eAAO,MAAM,OAAO,GAAI,MAAM,aAAa,WAAiC,CAAC;AAE7E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,sEAMnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,YAAY,EAAE,OAAO,EACrB,eAAe,EAAE,MAAM,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAMvC"}

package/dist/src/components/Heatmap/heatmapLayout.d.ts

@@ -0,0 +1,71 @@
+import { ScaleLinear } from '@visx/vendor/d3-scale';
+import { ColumnDatum, HeatmapCellId, HeatmapProps } from './types';
+import { CanvasCellParams } from './HeatmapCanvasCells';
+export declare const LEGEND_GAP = 16;
+export declare const AXIS_LABEL_GAP = 12;
+export declare const Y_AXIS_TITLE_SPACE = 40;
+export declare const X_AXIS_TITLE_SPACE = 70;
+export declare const TICK_LABEL_WIDTH_SAFETY_FACTOR = 1.15;
+export declare const MINI_MAP_HEIGHT = 50;
+export declare const getBins: (d: ColumnDatum) => import('./types').RowDatum<Record<string, unknown>>[];
+export declare function maxOf<Datum>(data: Datum[], value: (d: Datum) => number | null): number;
+export interface HeatmapLayout {
+    allColNames: string[];
+    allRowNames: string[];
+    numRows: number;
+    minValue: number;
+    maxValue: number;
+    marg: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    xMax: number;
+    yMax: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    yTitleWidth: number;
+    yTickLabelWidth: number;
+    xTitleHeight: number;
+    xTickLabelHeight: number;
+    binWidth: number;
+    binHeight: number;
+    colLabelHeight: number;
+    xTickLeftOverhangMax: number;
+    maxRowNameWidth: number;
+    legendWidth: number;
+    xScale: ScaleLinear<number, number, never>;
+    yScale: ScaleLinear<number, number, never>;
+    cellYScale: (row: number) => number;
+    xTickValues: number[];
+    yTickValues: number[];
+    stableColors: [string, string, ...string[]];
+    colorScale: (count: number) => string | undefined;
+    canvasCellParams: CanvasCellParams;
+}
+export interface UseHeatmapLayoutArgs {
+    data: ColumnDatum[];
+    colorDomain?: [number, number];
+    colors: [string, string, ...string[]];
+    xLabelOrientation: NonNullable<HeatmapProps["xLabelOrientation"]>;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    showLegend: boolean;
+    isScrollable: boolean;
+    cellWidth?: number;
+    cellHeight?: number;
+    parentWidth: number;
+    parentHeight: number;
+    showMiniMap: boolean;
+    gap: number;
+    isRect: boolean;
+    selectedCells?: HeatmapCellId[];
+    deselectedColor?: string;
+}
+export declare function useHeatmapLayout({ data, colorDomain, colors, xLabelOrientation, margin, showLegend, isScrollable, cellWidth, cellHeight, parentWidth, parentHeight, showMiniMap, gap, isRect, selectedCells, deselectedColor, }: UseHeatmapLayoutArgs): HeatmapLayout;
+//# sourceMappingURL=heatmapLayout.d.ts.map

package/dist/src/components/Heatmap/heatmapLayout.d.ts.map

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

package/dist/src/components/Heatmap/hooks/useHeatmapCanvasGrid.d.ts

@@ -0,0 +1,31 @@
+import { AnyBin } from '../HeatmapCells';
+import { PlotTooltipHandle } from '../../../tooltip';
+import { CanvasCellParams } from '../HeatmapCanvasCells';
+export interface UseHeatmapCanvasGridArgs {
+    canvasCellParams: CanvasCellParams;
+    viewportWidth: number;
+    viewportHeight: number;
+    xTickValues: number[];
+    yTickValues: number[];
+    isScrollable: boolean;
+    onClick?: (bin: AnyBin) => void;
+}
+export declare function useHeatmapCanvasGrid({ canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, isScrollable, onClick, }: UseHeatmapCanvasGridArgs): {
+    canvasRef: import('react').RefObject<HTMLCanvasElement | null>;
+    mainPaneRef: import('react').RefObject<HTMLDivElement | null>;
+    canvasTooltipRef: import('react').RefObject<PlotTooltipHandle<AnyBin> | null>;
+    setMainPaneNode: (node: HTMLDivElement | null) => void;
+    handleGridScroll: () => void;
+    axisScrollPos: {
+        left: number;
+        top: number;
+    };
+    visibleXTickValues: number[];
+    visibleYTickValues: number[];
+    canvasHandlers: {
+        onMouseMove: (event: React.MouseEvent<HTMLCanvasElement>) => void;
+        onMouseLeave: (event: React.MouseEvent<HTMLCanvasElement>) => void;
+        onClick: (event: React.MouseEvent<HTMLCanvasElement>) => void;
+    };
+};
+//# sourceMappingURL=useHeatmapCanvasGrid.d.ts.map

package/dist/src/components/Heatmap/hooks/useHeatmapCanvasGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapCanvasGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/hooks/useHeatmapCanvasGrid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAA4D,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAMxH,MAAM,WAAW,wBAAwB;IACvC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,GACjG,EAAE,wBAAwB;;;;4BA0CkB,cAAc,GAAG,IAAI;;;;;;;;;6BA6Bd,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;8BAwBlC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;yBASxC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;EAoBlF"}

package/dist/src/components/Heatmap/hooks/useScrollToSelection.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import { HeatmapCellId } from '../types';
+export interface UseScrollToSelectionArgs {
+    mainPaneRef: RefObject<HTMLDivElement | null>;
+    selectedCells?: HeatmapCellId[];
+    scrollToSelection?: boolean;
+    isScrollable: boolean;
+    binWidth: number;
+    viewportWidth: number;
+}
+export declare function useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, isScrollable, binWidth, viewportWidth, }: UseScrollToSelectionArgs): void;
+//# sourceMappingURL=useScrollToSelection.d.ts.map

package/dist/src/components/Heatmap/hooks/useScrollToSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToSelection.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/hooks/useScrollToSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAc9C,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB;AAGD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,GACrF,EAAE,wBAAwB,QA0B1B"}

package/dist/src/components/Heatmap/{HeatmapMiniMap.d.ts → scrollable/HeatmapMiniMap.d.ts}

@@ -1,4 +1,4 @@
-import { CanvasCellParams } from './HeatmapCanvasCells';
+import { CanvasCellParams } from '../HeatmapCanvasCells';
 export interface HeatmapMiniMapProps {
     canvasCellParams: CanvasCellParams;
     xMax: number;
@@ -9,9 +9,9 @@ export interface HeatmapMiniMapProps {
     scrollTop: number;
     width: number;
     height: number;
-    /** Called with a new (unclamped-by-caller) scroll position when the user clicks or drags the minimap. */
     onNavigate: (left: number, top: number) => void;
+    onCanvasClick?: () => void;
 }
-declare const HeatmapMiniMap: ({ canvasCellParams, xMax, yMax, viewportWidth, viewportHeight, scrollLeft, scrollTop, width, height, onNavigate, }: HeatmapMiniMapProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeatmapMiniMap: ({ canvasCellParams, xMax, yMax, viewportWidth, viewportHeight, scrollLeft, scrollTop, width, height, onNavigate, onCanvasClick, }: HeatmapMiniMapProps) => import("react/jsx-runtime").JSX.Element;
 export default HeatmapMiniMap;
 //# sourceMappingURL=HeatmapMiniMap.d.ts.map

package/dist/src/components/Heatmap/scrollable/HeatmapMiniMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapMiniMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID,QAAA,MAAM,cAAc,GAAI,mIAYrB,mBAAmB,4CAiGrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Heatmap/scrollable/HeatmapMiniMapPopup.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+import { HeatmapMiniMapProps } from './HeatmapMiniMap';
+type MiniMapPassThroughProps = Omit<HeatmapMiniMapProps, "width" | "height" | "onCanvasClick">;
+export interface HeatmapMiniMapPopupProps extends MiniMapPassThroughProps {
+    onClose: () => void;
+    /** The inline minimap's own container - counts as "inside" for the outside-click check below. */
+    containerRef: RefObject<HTMLDivElement | null>;
+}
+declare const HeatmapMiniMapPopup: ({ onClose, containerRef, ...miniMapProps }: HeatmapMiniMapPopupProps) => import("react/jsx-runtime").JSX.Element;
+export default HeatmapMiniMapPopup;
+//# sourceMappingURL=HeatmapMiniMapPopup.d.ts.map

package/dist/src/components/Heatmap/scrollable/HeatmapMiniMapPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapMiniMapPopup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMapPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAS5E,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,GAAG,eAAe,CAAC,CAAC;AAE/F,MAAM,WAAW,wBAAyB,SAAQ,uBAAuB;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iGAAiG;IACjG,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,mBAAmB,GAAI,4CAA4C,wBAAwB,4CA4GhG,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/components/Heatmap/scrollable/HeatmapScrollableGrid.d.ts

@@ -0,0 +1,28 @@
+import { ReactElement, RefObject } from 'react';
+import { ColumnDatum, HeatmapCellId } from '../types';
+import { AnyBin } from '../HeatmapCells';
+import { getXAxisTickLabelProps } from '../heatmapAxisProps';
+import { HeatmapLayout } from '../heatmapLayout';
+export interface HeatmapScrollableGridProps {
+    legendSvgRef: RefObject<SVGSVGElement | null>;
+    layout: HeatmapLayout;
+    data: ColumnDatum[];
+    showMiniMap: boolean;
+    showLegend: boolean;
+    xLabel?: string;
+    yLabel?: string;
+    tooltipBody?: (bin: AnyBin) => ReactElement;
+    onClick?: (bin: AnyBin) => void;
+    selectedCells?: HeatmapCellId[];
+    scrollToSelection?: boolean;
+    xAxisTickFormat: (d: number | {
+        valueOf(): number;
+    }) => string;
+    yAxisTickFormat: (d: number | {
+        valueOf(): number;
+    }) => string;
+    xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;
+}
+declare const HeatmapScrollableGrid: ({ legendSvgRef, layout, data, showMiniMap, showLegend, xLabel, yLabel, tooltipBody, onClick, selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps, }: HeatmapScrollableGridProps) => import("react/jsx-runtime").JSX.Element;
+export default HeatmapScrollableGrid;
+//# sourceMappingURL=HeatmapScrollableGrid.d.ts.map

package/dist/src/components/Heatmap/scrollable/HeatmapScrollableGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapScrollableGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapScrollableGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhG,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAK9C,OAAO,EAA+D,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC/H,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMnF,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,YAAY,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE;AAED,QAAA,MAAM,qBAAqB,GAAI,yLAG5B,0BAA0B,4CA4L5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components/Heatmap/scrollable/heatmapExport.d.ts

@@ -0,0 +1,30 @@
+import { ColumnDatum, HeatmapCellId } from '../types';
+import { AnimationType } from '../../../utility';
+import { HeatmapLayout } from '../heatmapLayout';
+import { getXAxisTickLabelProps } from '../heatmapAxisProps';
+import { AnyBin } from '../HeatmapCells';
+interface ScrollableExportOptions {
+    layout: HeatmapLayout;
+    data: ColumnDatum[];
+    gap: number;
+    isRect: boolean;
+    animationType?: AnimationType;
+    onClick?: (bin: AnyBin) => void;
+    selectedCells?: HeatmapCellId[];
+    deselectedColor?: string;
+    xLabel?: string;
+    yLabel?: string;
+    showLegend: boolean;
+    legendSvg: SVGSVGElement | null;
+    xAxisTickFormat: (d: number | {
+        valueOf(): number;
+    }) => string;
+    yAxisTickFormat: (d: number | {
+        valueOf(): number;
+    }) => string;
+    xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;
+}
+export declare function buildScrollableExportSVG(o: ScrollableExportOptions): SVGSVGElement | null;
+export declare function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void;
+export {};
+//# sourceMappingURL=heatmapExport.d.ts.map

package/dist/src/components/Heatmap/scrollable/heatmapExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmapExport.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/heatmapExport.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA0C,sBAAsB,EAAuB,MAAM,qBAAqB,CAAC;AAC1H,OAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAI5D,UAAU,uBAAuB;IAC/B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,IAAI,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC/D,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE;AA4BD,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,uBAAuB,GAAG,aAAa,GAAG,IAAI,CA8EzF;AAQD,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,CAY9H"}

package/dist/src/components/Heatmap/types.d.ts

@@ -29,6 +29,10 @@ export type HeatmapProps<C extends object = Record<string, unknown>, R extends o
      * Colors for the gradient. At least two required for the gradient, additional can be passed to define midpoints.
      */
     colors: [string, string, ...string[]];
+    /**
+     * Value range mapped across `colors`, evenly spaced. Defaults to [0, max value in data].
+     */
+    colorDomain?: [number, number];
     xLabel?: string;
     yLabel?: string;
     tooltipBody?: (bin: RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>) => ReactElement;

package/dist/src/components/Heatmap/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAoBnD,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC;CAChB,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC9G,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,eAAe,GAAG;IACnI,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAE1B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IAC9F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,YAAY,CAAC;IAC1G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,eAAe,CAAC;IACjF;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/types.ts"],"names":[],"mappings":"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"}

package/dist/src/components/ScatterPlot/PlotZoom.d.ts

@@ -1,17 +1,5 @@
 import { ReactElement } from 'react';
 import { ZoomType } from './types';
-/**
- * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a
- * shared one behave identically.
- */
-export declare const initialTransformMatrix: {
-    scaleX: number;
-    scaleY: number;
-    translateX: number;
-    translateY: number;
-    skewX: number;
-    skewY: number;
-};
 type PlotZoomProps = {
     /**
      * Size of the zoomed area. Only used by visx to pick a default anchor point for operations

package/dist/src/components/ScatterPlot/PlotZoom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlotZoom.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/PlotZoom.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;CAOlC,CAAC;AAeF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,YAAY,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,6BAA6B,aAAa,4CAS3D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"PlotZoom.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/PlotZoom.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA4BnC,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,YAAY,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,6BAA6B,aAAa,4CAS3D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/ScatterPlot/hooks/useCrosshair.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCrosshair.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScatterPlot/hooks/useCrosshair.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIvD,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,GAAI,sFAQ1B,iBAAiB;;iCA0CgC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,QAAQ;;CA2B/F,CAAC"}
+{"version":3,"file":"useCrosshair.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScatterPlot/hooks/useCrosshair.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIvD,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,GAAI,sFAQ1B,iBAAiB;;iCAgDgC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,QAAQ;;CA2B/F,CAAC"}

package/dist/src/components/ScatterPlot/hooks/useHoverTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHoverTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC1C,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAWF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAAE,8DAM/C,oBAAoB,CAAC,CAAC,CAAC;;;;;;6BA2BsB,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,QAAQ;;CAiE3F,CAAC"}
+{"version":3,"file":"useHoverTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC1C,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAWF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAAE,8DAM/C,oBAAoB,CAAC,CAAC,CAAC;;;;;;6BAkCsB,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,QAAQ;;CAiE3F,CAAC"}

package/dist/visualization.es10.js

@@ -1,18 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as N, useRef as P, useImperativeHandle as b } from "react";
-import H from "./visualization.es39.js";
-import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es29.js";
+import H from "./visualization.es36.js";
+import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es31.js";
 import { useResponsiveParentSize as B } from "./visualization.es18.js";
-import W from "./visualization.es40.js";
+import W from "./visualization.es37.js";
 import { ResponsiveContainer as A } from "./visualization.es14.js";
-import C from "./visualization.es41.js";
-import E from "./visualization.es42.js";
-import O from "./visualization.es43.js";
-import T from "./visualization.es44.js";
-import V from "./visualization.es45.js";
-import Y from "./visualization.es46.js";
-import j from "./visualization.es47.js";
-import { motion as q } from "./visualization.es32.js";
+import C from "./visualization.es38.js";
+import E from "./visualization.es39.js";
+import O from "./visualization.es40.js";
+import T from "./visualization.es41.js";
+import V from "./visualization.es42.js";
+import Y from "./visualization.es43.js";
+import j from "./visualization.es44.js";
+import { motion as q } from "./visualization.es45.js";
 const re = (t) => {
   const {
     parentRef: u,

package/dist/visualization.es100.js

@@ -1,29 +1,106 @@
-import { jsx as h, jsxs as g, Fragment as p } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { measureTextWidth as y } from "./visualization.es101.js";
-const A = (m) => {
-  const t = v(12), {
-    cx: u,
-    cy: x,
-    value: W,
-    color: r,
-    align: a
-  } = m, s = `${W}`, i = y(s, 12, "sans-serif") + 12;
-  let e = u;
-  a === "start" && (e = e + i / 2), a === "end" && (e = e - i / 2);
-  const c = e - i / 2, d = x - 10.8;
-  let o;
-  t[0] !== r || t[1] !== i || t[2] !== c || t[3] !== d ? (o = /* @__PURE__ */ h("rect", { x: c, y: d, width: i, height: 21.6, rx: 10.8, fill: r }), t[0] = r, t[1] = i, t[2] = c, t[3] = d, t[4] = o) : o = t[4];
-  const f = x + 1;
-  let l;
-  t[5] !== f || t[6] !== s || t[7] !== e ? (l = /* @__PURE__ */ h("text", { x: e, y: f, textAnchor: "middle", dominantBaseline: "middle", fill: "white", fontSize: 12, fontWeight: 500, children: s }), t[5] = f, t[6] = s, t[7] = e, t[8] = l) : l = t[8];
-  let n;
-  return t[9] !== o || t[10] !== l ? (n = /* @__PURE__ */ g(p, { children: [
-    o,
-    l
-  ] }), t[9] = o, t[10] = l, t[11] = n) : n = t[11], n;
+import { jsx as B, jsxs as A } from "react/jsx-runtime";
+import { c as F } from "react/compiler-runtime";
+import { useRef as G, useEffect as J } from "react";
+import { drawHeatmapCells as K } from "./visualization.es246.js";
+const M = (a, t, d) => Math.min(Math.max(a, t), d), et = (a) => {
+  const t = F(51), {
+    canvasCellParams: d,
+    xMax: r,
+    yMax: i,
+    viewportWidth: p,
+    viewportHeight: f,
+    scrollLeft: P,
+    scrollTop: b,
+    width: s,
+    height: c,
+    onNavigate: h,
+    onCanvasClick: v
+  } = a, U = G(null), e = r > 0 ? s / r : 0, o = i > 0 ? c / i : 0;
+  let C, R;
+  t[0] !== d || t[1] !== e || t[2] !== o || t[3] !== r || t[4] !== i ? (C = () => {
+    const n = U.current;
+    if (!n || e <= 0 || o <= 0)
+      return;
+    const l = n.getContext("2d");
+    if (!l)
+      return;
+    const W = window.devicePixelRatio || 1;
+    l.setTransform(W * e, 0, 0, W * o, 0, 0), l.clearRect(0, 0, r, i);
+    const q = {
+      colStart: 0,
+      colEnd: Math.max(0, d.data.length - 1),
+      rowStart: 0,
+      rowEnd: Math.max(0, d.numRows - 1)
+    };
+    K(l, d, q, null);
+  }, R = [d, r, i, e, o], t[0] = d, t[1] = e, t[2] = o, t[3] = r, t[4] = i, t[5] = C, t[6] = R) : (C = t[5], R = t[6]), J(C, R);
+  let T;
+  t[7] !== h || t[8] !== f || t[9] !== p || t[10] !== r || t[11] !== i ? (T = (n, l) => {
+    h(M(n - p / 2, 0, Math.max(0, r - p)), M(l - f / 2, 0, Math.max(0, i - f)));
+  }, t[7] = h, t[8] = f, t[9] = p, t[10] = r, t[11] = i, t[12] = T) : T = t[12];
+  const E = T;
+  let y;
+  t[13] !== E || t[14] !== v || t[15] !== e || t[16] !== o ? (y = (n) => {
+    if (v) {
+      v();
+      return;
+    }
+    if (e <= 0 || o <= 0)
+      return;
+    const l = n.currentTarget.getBoundingClientRect();
+    E((n.clientX - l.left) / e, (n.clientY - l.top) / o);
+  }, t[13] = E, t[14] = v, t[15] = e, t[16] = o, t[17] = y) : y = t[17];
+  const I = y, N = O;
+  let D;
+  t[18] !== h || t[19] !== e || t[20] !== o || t[21] !== P || t[22] !== b || t[23] !== f || t[24] !== p || t[25] !== r || t[26] !== i ? (D = (n) => {
+    e <= 0 || o <= 0 || !n.currentTarget.hasPointerCapture(n.pointerId) || h(M(P + n.movementX / e, 0, Math.max(0, r - p)), M(b + n.movementY / o, 0, Math.max(0, i - f)));
+  }, t[18] = h, t[19] = e, t[20] = o, t[21] = P, t[22] = b, t[23] = f, t[24] = p, t[25] = r, t[26] = i, t[27] = D) : D = t[27];
+  const X = D, $ = Q, H = M(P * e, 0, s), S = M(b * o, 0, c), Y = Math.max(0, Math.min(p * e, s - H)), j = Math.max(0, Math.min(f * o, c - S));
+  let m;
+  t[28] !== c || t[29] !== s ? (m = {
+    position: "relative",
+    width: s,
+    height: c
+  }, t[28] = c, t[29] = s, t[30] = m) : m = t[30];
+  const z = s * (window.devicePixelRatio || 1), L = c * (window.devicePixelRatio || 1);
+  let u;
+  t[31] !== c || t[32] !== s ? (u = {
+    width: s,
+    height: c,
+    display: "block",
+    cursor: "pointer",
+    border: "1px solid #d5d5d5",
+    boxSizing: "border-box"
+  }, t[31] = c, t[32] = s, t[33] = u) : u = t[33];
+  let x;
+  t[34] !== I || t[35] !== z || t[36] !== L || t[37] !== u ? (x = /* @__PURE__ */ B("canvas", { ref: U, width: z, height: L, style: u, onPointerDown: I }), t[34] = I, t[35] = z, t[36] = L, t[37] = u, t[38] = x) : x = t[38];
+  let g;
+  t[39] !== j || t[40] !== H || t[41] !== S || t[42] !== Y ? (g = {
+    position: "absolute",
+    left: H,
+    top: S,
+    width: Y,
+    height: j,
+    border: "2px solid #0d0f98",
+    backgroundColor: "rgba(13, 15, 152, 0.15)",
+    cursor: "grab",
+    boxSizing: "border-box"
+  }, t[39] = j, t[40] = H, t[41] = S, t[42] = Y, t[43] = g) : g = t[43];
+  let w;
+  t[44] !== X || t[45] !== g ? (w = /* @__PURE__ */ B("div", { onPointerDown: N, onPointerMove: X, onPointerUp: $, style: g }), t[44] = X, t[45] = g, t[46] = w) : w = t[46];
+  let k;
+  return t[47] !== x || t[48] !== w || t[49] !== m ? (k = /* @__PURE__ */ A("div", { style: m, children: [
+    x,
+    w
+  ] }), t[47] = x, t[48] = w, t[49] = m, t[50] = k) : k = t[50], k;
 };
+function O(a) {
+  a.stopPropagation(), a.currentTarget.setPointerCapture(a.pointerId);
+}
+function Q(a) {
+  a.currentTarget.releasePointerCapture(a.pointerId);
+}
 export {
-  A as default
+  et as default
 };
 //# sourceMappingURL=visualization.es100.js.map