@weng-lab/visualization 1.0.0

package/dist/src/components/Graph/ControlPanel.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { Node, Edge } from './types';
+interface ControlPanelProps {
+    toggles: {
+        [key: string]: boolean;
+    };
+    onToggle: (category: string) => void;
+    simpleCategories: string[];
+    edgeType: boolean;
+    colorFunc?: (node: Node | Edge) => string;
+    elements: Node[];
+    edges: Edge[];
+    scales: number[];
+    scaleWidth: (n: number) => number;
+    downloadScreenshot: () => void;
+    randomize: () => void;
+    organize: () => void;
+    toggleLabels: () => void;
+    labelsOn: boolean;
+    legendToggle?: (node: Node | Edge) => string;
+    legendNodeLabel?: string;
+    legendEdgeLabel?: string;
+    uniqueCat?: string[];
+    scaleLabel?: string;
+}
+declare const ControlPanel: React.FC<ControlPanelProps>;
+export default ControlPanel;
+//# sourceMappingURL=ControlPanel.d.ts.map

package/dist/src/components/Graph/ControlPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/ControlPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAgBrC,UAAU,iBAAiB;IACzB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC1C,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8J7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { GraphProps } from './types';
+declare const Graph: React.FC<GraphProps>;
+export default Graph;
+//# sourceMappingURL=Graph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/Graph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAE,UAAU,EAAc,MAAM,SAAS,CAAC;AAEjD,OAAO,yBAAyB,CAAC;AAsCjC,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAugB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/src/components/Graph/GraphButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React, CSSProperties } from 'react';
+interface buttonProps {
+    text: string;
+    styles: CSSProperties;
+    func: () => any;
+}
+declare const GraphButton: React.FC<buttonProps>;
+export default GraphButton;
+//# sourceMappingURL=GraphButton.d.ts.map

package/dist/src/components/Graph/GraphButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/GraphButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,MAAM,GAAG,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoBtC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/components/Graph/Legend.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { Node, Edge } from './types';
+interface LegendProps {
+    toggles: {
+        [key: string]: boolean;
+    };
+    onToggle: (category: string) => void;
+    simpleCategories: string[];
+    edgeType: boolean;
+    colorFunc?: (node: Node | Edge) => string;
+    elements: Node[];
+    edges: Edge[];
+    legendToggle?: (node: Node | Edge) => string;
+    legendNodeLabel?: string;
+    legendEdgeLabel?: string;
+    order?: string[];
+    uniqueCat?: string[];
+}
+declare const Legend: React.FC<LegendProps>;
+export default Legend;
+//# sourceMappingURL=Legend.d.ts.map

package/dist/src/components/Graph/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/Legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAGrC,UAAU,WAAW;IACnB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC1C,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuNjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/components/Graph/ScaleLegend.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ScaleProps {
+    scales: number[];
+    width: (n: number) => number;
+    scaleLabel?: string;
+}
+declare const ScaleLegend: React.FC<ScaleProps>;
+export default ScaleLegend;
+//# sourceMappingURL=ScaleLegend.d.ts.map

package/dist/src/components/Graph/ScaleLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleLegend.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/ScaleLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAK7C,UAAU,UAAU;IAClB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2JrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/components/Graph/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Graph } from './Graph';
+export { Graph };
+export type { GraphProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Graph/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,41 @@
+export interface Edge {
+    from: string;
+    to: string;
+    effectSize: number;
+    category?: string;
+    id: number;
+}
+export interface Node {
+    id: string;
+    category: string;
+    color?: string;
+    info?: {
+        [key: string]: any;
+    };
+}
+export interface GraphProps {
+    data: {
+        edge: Edge[];
+        node: Node[];
+        centered?: {
+            id: string;
+        };
+    };
+    id: number | string;
+    title?: string;
+    width?: string;
+    height?: string;
+    scale?: (n: number) => number;
+    getLabel?: (node: Node) => string;
+    getColor?: (node: Node | Edge) => string;
+    legendToggle?: (node: Node | Edge) => string;
+    legendNodeLabel?: string;
+    legendEdgeLabel?: string;
+    order?: string[];
+    fontFamily?: string;
+    onNodeClick?: (n: any) => any;
+    onEdgeClick?: () => any;
+    directional?: boolean;
+    scaleLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Graph/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAC;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC;CACF;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI,EAAE,CAAC;QAAC,IAAI,EAAE,IAAI,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC,CAAA;KACpD,CAAC;IACF,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,4 @@
+import { ControlButtonsProps } from './types';
+declare const ControlButtons: ({ selectable, resetable, handleSelectionModeChange, selectMode, zoomIn, zoomOut, zoomReset, position, highlight }: ControlButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default ControlButtons;
+//# sourceMappingURL=controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,QAAA,MAAM,cAAc,GAAI,mHAUrB,mBAAmB,4CA0ErB,CAAA;AAED,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,4 @@
+import { default as ScatterPlot } from './scatterplot';
+export { ScatterPlot };
+export type { MiniMapProps, ChartProps, Point } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,4 @@
+import { MapProps } from './types';
+declare const MiniMap: <T>({ miniMap, width, height, pointData, xScale, yScale, zoom }: MapProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default MiniMap;
+//# sourceMappingURL=minimap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/minimap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,6DAQlB,QAAQ,CAAC,CAAC,CAAC,4CAkGb,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,4 @@
+import { ChartProps } from './types';
+declare const ScatterPlot: <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(props: ChartProps<T, S, Z>) => import("react/jsx-runtime").JSX.Element;
+export default ScatterPlot;
+//# sourceMappingURL=scatterplot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scatterplot.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/scatterplot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAgC,MAAM,SAAS,CAAC;AA6BnE,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAAE,CAAC,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACvH,OAAO,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,4CAypB7B,CAAA;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,4 @@
+import { TooltipProps } from './types';
+declare const ScatterTooltip: <T>({ tooltipBody, tooltipData }: TooltipProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ScatterTooltip;
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,cAAc,GAAI,CAAC,EAAG,8BAGzB,YAAY,CAAC,CAAC,CAAC,4CAmBjB,CAAA;AAED,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,247 @@
+import { ScaleLinear } from '@visx/vendor/d3-scale';
+import { ProvidedZoom } from '@visx/zoom/lib/types';
+import { ReactElement } from 'react';
+/**
+    All information given to a point on the plot, including its coordinates(x and y), its radius, color, and opacity, and its metadata information
+    which can be any amount of strings used to display in the tooltip
+*/
+export type Point<T> = {
+    /**
+     * X and Y coordinates of point on plot (required)
+     */
+    x: number;
+    y: number;
+    /**
+     * Shape of the point
+     * @default
+     * "circle"
+     *
+     */
+    shape?: "circle" | "triangle";
+    /**
+     * Radius of the point
+     * @default
+     * 3
+     * (5 if hovered)
+     */
+    r?: number;
+    /**
+     * Fill color of the point
+     * @default
+     * "black"
+     */
+    color?: string;
+    /**
+     * Transparency ofe the point
+     * @default
+     * 1 (opaque)
+     */
+    opacity?: number;
+    /**
+     * Any and all metadata the user wishes to include with the point.
+     * this will be used to display the tooltip on the hover of the point
+     * @example
+     * metaData: {
+          name: x.displayname,
+          accession: x.experimentAccession
+        }
+     */
+    metaData?: T;
+};
+/**
+    Positioning props given to the minimap in realtion to the container
+    @todo
+    remove the seperate type since position is now the only
+    prop in here
+**/
+export type MiniMapProps = {
+    position?: {
+        right: number;
+        bottom: number;
+    };
+};
+/**
+ * Initial state of the component controling the initial state variables on first load
+ */
+export type InitialState<S, Z> = {
+    minimap?: {
+        /**
+         * Initial minimap state (open or closed)
+         */
+        open?: boolean;
+    };
+    controls?: {
+        /**
+         * Initial selection type
+         * Note: allowed types depends on zoom and selection availibility
+         */
+        selectionType?: S extends true ? "pan" | "select" : Z extends true ? "select" | "none" : "pan";
+    };
+};
+/**
+    Basic chart properties
+*/
+export type ChartProps<T, S extends boolean | undefined, Z extends boolean | undefined> = {
+    /**
+     * Array of points being displayed on the plot
+     * if empty, nothing will be displayed
+     */
+    pointData: Point<T>[];
+    /**
+     * Boolean flag to indicate if any data is still loading,
+     * if true, loading state is displayed (Circular Progress)
+     */
+    loading: boolean;
+    /**
+     * If true, enables lasso selection of points, controllable with onSelectionChange
+     * Shows new select icon in controls section (pencil)
+     * @default
+     * false
+     */
+    selectable?: S;
+    /**
+     * If true, zooming and panning capabilities of the scatterplot
+     * Removes zooming control icons (Zoom in, zoom out, reset zoom)
+     *
+     * Note: if Zoom is disabled and selecting is enabled, No icons will appear,
+     * the selection type of the plot will only ever be select
+     *
+     * @default
+     * false
+     */
+    disableZoom?: Z;
+    /**
+     * If true, tooltip functionality is disabled.
+     * point hovering will not render anything but will still increase the size of the point
+     * @default
+     * false
+     */
+    disableTooltip?: boolean;
+    /**
+     * Determines the placement of any controls that are being shown at the time.
+     * Positions are fixed and cannot be moved, they are 10 pixels from the specified side of the container
+     * and situated in the center
+     *
+     * @default
+     * "left"
+     */
+    controlsPosition?: "left" | "bottom" | "right";
+    /**
+     * Can specify a certain color to display what controls are being selected
+     * (Pan/Select and Minimap open/closed)
+     *
+     * @default
+     * primary.main
+     */
+    controlsHighlight?: string;
+    /**
+     * Callback function triggered whenever the currently rendered points on the plot change
+     * ex. when panning or zooming in
+     *
+     * @returns
+     * Array of points currently rendered on the plot
+     * including all of its info and metadata
+     */
+    onDisplayedPointsChange?: (points: Point<T>[]) => void;
+    /**
+     * Callback function triggered when a lasso selection is made
+     *
+     * @returns
+     * Array of points inside the lasso
+     * Empty array if no points inside lasso
+     */
+    onSelectionChange?: (selectedPoints: Point<T>[]) => void;
+    /**
+     * Callback fucntion triggered when a point is clicked
+     *
+     * @returns
+     * Singular point including all info and metadata
+     */
+    onPointClicked?: (point: Point<T>) => void;
+    /**
+     * Optional key to specify if you want to group your points.
+     * Must be a key of type Point, or an existing key already in meta data
+     *
+     * If anchor is specified, all grouped points will increase in size on hover of any point in said group
+     */
+    groupPointsAnchor?: keyof Point<T> | keyof T;
+    /**
+     * Custom tooltip formatting
+     * can give JSX elements
+     *
+     * @example
+     * tooltipBody={(point) => {
+            return (
+                <Box sx={{ textAlign: "center", p: 1 }}>
+                    <DNALogo ppm={formattedPWM} height={100} />
+                    {point.metaData?.tooltipValues && (
+                    <>
+                        <Typography variant="body2">
+                        <strong>Accession:</strong>{" "}
+                        {point.metaData.tooltipValues.accession}
+                        </Typography>
+                        <Typography variant="body2">
+                        <strong>DBD:</strong>{" "}
+                        {point.metaData.tooltipValues.dbd}
+                        </Typography>
+                        <Typography variant="body2">
+                        <strong>Factor:</strong>{" "}
+                        {point.metaData.tooltipValues.factor}
+                        </Typography>
+                    </>
+                    )}
+                </Box>
+            );
+        }}
+     */
+    tooltipBody?: (point: Point<T>) => ReactElement;
+    miniMap?: MiniMapProps;
+    leftAxisLabel?: string;
+    bottomAxisLabel?: string;
+    initialState?: InitialState<S, Z>;
+};
+export type Line = {
+    x: number;
+    y: number;
+}[];
+export type Lines = Line[];
+export type MapProps<T> = {
+    miniMap: MiniMapProps;
+    width: number;
+    height: number;
+    pointData: Point<T>[];
+    xScale: ScaleLinear<number, number, never>;
+    yScale: ScaleLinear<number, number, never>;
+    zoom: ZoomType;
+};
+export type TooltipProps<T> = {
+    tooltipBody?: (point: Point<T>) => ReactElement;
+    tooltipData: Point<T>;
+};
+export type ControlButtonsProps = {
+    selectable: boolean;
+    resetable: boolean;
+    handleSelectionModeChange: (mode: "select" | "pan" | "none") => void;
+    selectMode: "select" | "pan" | "none";
+    zoomIn: () => void;
+    zoomOut: () => void;
+    zoomReset: () => void;
+    position?: "left" | "bottom" | "right";
+    highlight?: string;
+};
+interface TransformMatrix {
+    scaleX: number;
+    scaleY: number;
+    translateX: number;
+    translateY: number;
+    skewX: number;
+    skewY: number;
+}
+type ZoomState = {
+    initialTransformMatrix: TransformMatrix;
+    transformMatrix: TransformMatrix;
+    isDragging: boolean;
+};
+export type ZoomType = ProvidedZoom<React.ReactElement<unknown, string | React.JSXElementConstructor<unknown>>> & ZoomState;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/src/components/ViolinPlot/crossPlot.d.ts

@@ -0,0 +1,4 @@
+import { CrossPlotProps } from './types';
+declare const CrossPlot: <T>({ crossProps, left, top, median, firstQuartile, thirdQuartile, valueScale, medianWidth, tooltipData, handleMouseMove, handleCrossClick, disableViolinPlot, tooltip, horizontal }: CrossPlotProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CrossPlot;
+//# sourceMappingURL=crossPlot.d.ts.map

package/dist/src/components/ViolinPlot/crossPlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crossPlot.d.ts","sourceRoot":"","sources":["../../../../src/components/ViolinPlot/crossPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,kLAAkL,cAAc,CAAC,CAAC,CAAC,4CAgCzN,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components/ViolinPlot/helpers.d.ts

@@ -0,0 +1,18 @@
+export declare const getTextHeight: (text: string, fontSize: number, fontFamily: string) => number;
+export declare const calculateBoxStats: (data: number[], outlierType: string) => {
+    min: number;
+    max: number;
+    firstQuartile: number;
+    thirdQuartile: number;
+    median: number;
+    outliers: number[];
+};
+export declare function kernelDensityEstimator(kernel: (distance: number) => number, X: number[]): (data: number[]) => {
+    value: number;
+    count: number;
+}[];
+export declare function gaussian(bandwidth: number): (x: number) => number;
+export declare function scottRule(data: number[]): number;
+export declare function silvermanRule(data: number[]): number;
+export declare function seededRandom(seed: string): number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/src/components/ViolinPlot/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/ViolinPlot/helpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,UAAU,MAAM,EAAE,YAAY,MAAM,KAAG,MAYlF,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,EAAE,aAAa,MAAM;;;;;;;CA2CpE,CAAC;AAEF,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,EACpC,CAAC,EAAE,MAAM,EAAE,GACZ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAOxD;AAED,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAGjE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,UAWrC;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,UAkB7C;AAGD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQjD"}

package/dist/src/components/ViolinPlot/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ViolinPlot } from './violinPlot';
+export { ViolinPlot };
+export type { Distribution, ViolinPlotProps, ViolinPoint } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ViolinPlot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ViolinPlot/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/src/components/ViolinPlot/singleViolin.d.ts

@@ -0,0 +1,4 @@
+import { SingleViolinProps } from './types';
+declare const SingleViolin: <T>({ distribution, distIndex, violinProps, crossProps, valueScale, labelScale, offset, labels, disableCrossPlot, disableViolinPlot, horizontal, pointTooltipBody, onViolinClicked, onPointClicked }: SingleViolinProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SingleViolin;
+//# sourceMappingURL=singleViolin.d.ts.map

package/dist/src/components/ViolinPlot/singleViolin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleViolin.d.ts","sourceRoot":"","sources":["../../../../src/components/ViolinPlot/singleViolin.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAe,MAAM,SAAS,CAAC;AAItE,QAAA,MAAM,YAAY,GAAI,CAAC,EAAG,kMAevB,iBAAiB,CAAC,CAAC,CAAC,4CAmRtB,CAAA;AAED,eAAe,YAAY,CAAC"}

package/dist/src/components/ViolinPlot/testData.d.ts

@@ -0,0 +1,26 @@
+export declare const sp1AdiposeVisceral: number[];
+export declare const sp1AdiposeSub: number[];
+export declare const sp1KidneyMedulla: number[];
+export declare const sp1EsophagusMucosa: number[];
+export declare const wholeBlood: number[];
+export declare const sp1Screen: ({
+    label: string;
+    data: {
+        value: number;
+    }[];
+    violinColor: string;
+} | {
+    label: string;
+    data: {
+        value: number;
+    }[];
+    violinColor?: undefined;
+})[];
+export declare const testData: {
+    label: string;
+    data: {
+        value: number;
+    }[];
+    violinColor: string;
+}[];
+//# sourceMappingURL=testData.d.ts.map

package/dist/src/components/ViolinPlot/testData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../../../src/components/ViolinPlot/testData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UA4kB5B,CAAA;AAED,eAAO,MAAM,aAAa,UA2sB3B,CAAA;AAED,eAAO,MAAM,gBAAgB,UAY5B,CAAA;AAED,eAAO,MAAM,kBAAkB,UAumB9B,CAAA;AAED,eAAO,MAAM,UAAU,UAoyBtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;IAiCrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;GAKpB,CAAA"}

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

@@ -0,0 +1,101 @@
+import { ScaleBand, ScaleLinear } from 'd3';
+import { ReactElement } from 'react';
+type Outliers = "all" | "top" | "bottom" | "none";
+export type Datum = {
+    value: number;
+    count: number;
+}[];
+export type ViolinPoint<T> = {
+    value: number;
+    color?: string;
+    radius?: number;
+    opacity?: number;
+    metaData?: T;
+};
+export type Distribution<T> = {
+    data: ViolinPoint<T>[];
+    label?: string;
+    violinColor?: string;
+    opacity?: number;
+};
+export type ViolinProps = {
+    bandwidth?: number | "scott" | "silverman" | ((data: number[]) => number);
+    stroke?: number;
+    pointDisplayThreshold?: number;
+    showAllPoints?: boolean;
+    jitter?: number;
+};
+export type CrossProps = {
+    color?: string;
+    stroke?: number;
+    outliers?: Outliers;
+    medianColor?: string;
+    medianWidth?: number;
+};
+export type ViolinPlotProps<T> = {
+    distributions: Distribution<T>[];
+    loading: boolean;
+    axisLabel?: string;
+    disableCrossPlot?: boolean;
+    disableViolinPlot?: boolean;
+    crossProps?: CrossProps;
+    violinProps?: ViolinProps;
+    horizontal?: boolean;
+    labelOrientation?: "horizontal" | "vertical" | "leftDiagonal" | "rightDiagonal";
+    onViolinClicked?: (distribution: Distribution<T>) => void;
+    onPointClicked?: (point: ViolinPoint<T>) => void;
+    pointTooltipBody?: (point: ViolinPoint<T>) => ReactElement;
+};
+export interface CrossPlotProps<T> {
+    crossProps?: CrossProps;
+    left: number;
+    top: number;
+    median: number;
+    firstQuartile: number;
+    thirdQuartile: number;
+    valueScale: (value: number) => number;
+    medianWidth: number;
+    tooltipData: TooltipData<T>;
+    handleMouseMove: (event: React.MouseEvent<SVGPathElement>, data: TooltipData<T>) => void;
+    handleCrossClick: () => void;
+    disableViolinPlot: boolean;
+    tooltip: TooltipData<T>;
+    horizontal: boolean;
+}
+export interface TooltipData<T> {
+    point?: ViolinPoint<T>;
+    label?: string;
+    min?: string;
+    median?: string;
+    max?: string;
+    firstQuartile?: string;
+    thirdQuartile?: string;
+    outlier?: boolean;
+    sampleSize?: number;
+    value?: string;
+}
+export interface TooltipProps<T> {
+    left: number;
+    top: number;
+    data: TooltipData<T>;
+    open: boolean;
+    pointTooltipBody?: (point: ViolinPoint<T>) => ReactElement;
+}
+export interface SingleViolinProps<T> {
+    distribution: Distribution<T>;
+    distIndex: number;
+    violinProps: ViolinProps | undefined;
+    crossProps: CrossProps | undefined;
+    valueScale: ScaleLinear<number, number, never>;
+    labelScale: ScaleBand<string>;
+    offset: number;
+    labels: string[];
+    disableViolinPlot: boolean;
+    disableCrossPlot: boolean;
+    horizontal: boolean;
+    pointTooltipBody?: (point: ViolinPoint<T>) => ReactElement;
+    onViolinClicked?: (distribution: Distribution<T>) => void | undefined;
+    onPointClicked?: (point: ViolinPoint<T>) => void | undefined;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map