@weng-lab/visualization 1.0.11 → 1.1.0

package/dist/src/components/TreeMap/SingleNode.d.ts

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

package/dist/src/components/TreeMap/SingleNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleNode.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/SingleNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,QAAA,MAAM,UAAU,GAAI,CAAC,EACjB,OAAO,eAAe,CAAC,CAAC,CAAC,4CAwG5B,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,4 @@
+import { TreemapProps } from './types';
+declare const Treemap: <T extends object>(props: TreemapProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Treemap;
+//# sourceMappingURL=TreeMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeMap.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/TreeMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAQpD,QAAA,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAC7B,OAAO,YAAY,CAAC,CAAC,CAAC,4CAuFzB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/src/components/TreeMap/ValueOval.d.ts

@@ -0,0 +1,4 @@
+import { ValueOvalProps } from './types';
+declare const ValueOval: React.FC<ValueOvalProps>;
+export default ValueOval;
+//# sourceMappingURL=ValueOval.d.ts.map

package/dist/src/components/TreeMap/ValueOval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueOval.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/ValueOval.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,88 @@
+import { HierarchyRectangularNode } from '@visx/hierarchy/lib/types';
+import { AnimationType, TreemapNode, TreemapProps } from './types';
+import { Transition } from 'framer-motion';
+export declare function getLabelPlacement(node: HierarchyRectangularNode<TreemapNode<any>>, placement: TreemapProps<any>["labelPlacement"], showValue?: boolean): {
+    textX: number;
+    textY: number;
+    valueY: number;
+    anchor: string;
+    baseline: string;
+};
+export declare function measureTextWidth(text: string, fontSize: number, fontFamily: string): number;
+export declare function truncateTextToWidth(text: string, maxWidth: number, fontSize: number, fontFamily: string): string;
+export declare const getAnimationProps: (type: AnimationType | undefined, index: number) => {
+    initial?: undefined;
+    animate?: undefined;
+    transition?: undefined;
+} | {
+    transition: Transition;
+    initial: {
+        opacity: number;
+        scale?: undefined;
+        y?: undefined;
+        x?: undefined;
+    };
+    animate: {
+        opacity: number;
+        scale?: undefined;
+        y?: undefined;
+        x?: undefined;
+    };
+} | {
+    transition: Transition;
+    initial: {
+        opacity: number;
+        scale: number;
+        y?: undefined;
+        x?: undefined;
+    };
+    animate: {
+        opacity: number;
+        scale: number;
+        y?: undefined;
+        x?: undefined;
+    };
+} | {
+    transition: Transition;
+    initial: {
+        opacity: number;
+        y: number;
+        scale?: undefined;
+        x?: undefined;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+        scale?: undefined;
+        x?: undefined;
+    };
+} | {
+    transition: Transition;
+    initial: {
+        opacity: number;
+        x: number;
+        scale?: undefined;
+        y?: undefined;
+    };
+    animate: {
+        opacity: number;
+        x: number;
+        scale?: undefined;
+        y?: undefined;
+    };
+} | {
+    initial: {
+        scale: number;
+        opacity?: undefined;
+        y?: undefined;
+        x?: undefined;
+    };
+    animate: {
+        scale: number;
+        opacity?: undefined;
+        y?: undefined;
+        x?: undefined;
+    };
+    transition: Transition;
+};
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAW,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpD,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,wBAAwB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAChD,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,EAC9C,SAAS,CAAC,EAAE,OAAO;;;;;;EAiDtB;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAMlF;AAGD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,MAAM,CAgBR;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,aAAa,GAAG,SAAS,EAAE,OAAO,MAAM;;;;;gBAMhD,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,56 @@
+import { HierarchyRectangularNode } from '@visx/hierarchy/lib/types';
+import { ReactElement } from 'react';
+import { DownloadPlotHandle } from '../../utility';
+export type Methods = "treemapSquarify" | "treemapBinary" | "treemapDice" | "treemapResquarify" | "treemapSlice" | "treemapSliceDice";
+export type AnimationType = "fade" | "scale" | "slideUp" | "slideRight" | "pop";
+export type TreemapNode<T> = {
+    label: string;
+    value: number;
+    color?: string;
+    children?: TreemapNode<T>[];
+    metaData?: T;
+};
+export type TreemapProps<T> = {
+    data: TreemapNode<T>[];
+    treemapStyle?: {
+        /**
+         * padding will apply to both inner and outer but
+         * specifying inner/outer will override that specific padding
+         */
+        padding?: number;
+        paddingInner?: number;
+        paddingOuter?: number;
+        borderRadius?: number;
+        strokeWidth?: number;
+        fontSize?: number;
+    };
+    /**
+     * Visx has a few built in tiling methods that can be changed here
+     */
+    tileMethod?: Methods;
+    labelPlacement?: "middle" | "topRight" | "topLeft" | "bottomLeft" | "bottomRight";
+    tooltipBody?: (node: TreemapNode<T>) => ReactElement;
+    onNodeClicked?: (point: TreemapNode<T>) => void;
+    animation?: AnimationType;
+    ref?: React.Ref<DownloadPlotHandle>;
+    downloadFileName?: string;
+};
+export type SingleNodeProps<T> = {
+    node: HierarchyRectangularNode<TreemapNode<T>>;
+    isHovered: boolean;
+    onHover: (hovered: boolean) => void;
+    strokeWidth: number;
+    borderRadius: number;
+    fontSize: number;
+    labelPlacement: "middle" | "topRight" | "topLeft" | "bottomLeft" | "bottomRight";
+    tooltipBody?: (node: TreemapNode<T>) => ReactElement;
+    onNodeClicked?: (point: TreemapNode<T>) => void;
+};
+export type ValueOvalProps = {
+    cx: number;
+    cy: number;
+    value: number | string;
+    color: string;
+    align: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,OAAO,GAAG,iBAAiB,GAAG,eAAe,GAAG,aAAa,GAAG,mBAAmB,GAAG,cAAc,GAAG,kBAAkB,CAAA;AAErI,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAEhF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC1B,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvB,YAAY,CAAC,EAAE;QACb;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAA;IACD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IACjF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA;IACpD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACnD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAA"}

package/dist/src/index.d.ts

@@ -6,5 +6,7 @@ export { ViolinPlot } from './components/ViolinPlot';
 export type { Distribution, ViolinPlotProps, ViolinPoint } from './components/ViolinPlot';
 export { BarPlot } from './components/BarPlot';
 export type { BarPlotProps, BarData } from './components/BarPlot';
+export { Treemap } from './components/TreeMap';
+export type { TreemapNode, TreemapProps } from './components/TreeMap';
 export type { DownloadPlotHandle } from './utility';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE1F,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAElE,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE1F,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAErE,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA"}