DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
89 lines
3 KiB
Text
89 lines
3 KiB
Text
/**
|
|
* @fileOverview TreemapChart
|
|
*/
|
|
import React, { PureComponent } from 'react';
|
|
import { AnimationDuration, AnimationTiming, DataKey, TreemapNode } from '../util/types';
|
|
export interface Props {
|
|
width?: number;
|
|
height?: number;
|
|
data?: any[];
|
|
animationId?: number;
|
|
style?: any;
|
|
aspectRatio?: number;
|
|
content?: React.ReactElement;
|
|
fill?: string;
|
|
stroke?: string;
|
|
className?: string;
|
|
nameKey?: DataKey<any>;
|
|
dataKey?: DataKey<any>;
|
|
children?: any;
|
|
type?: 'flat' | 'nest';
|
|
colorPanel?: [];
|
|
nestIndexContent?: React.ReactElement | ((item: any, i: number) => any);
|
|
onAnimationStart?: () => void;
|
|
onAnimationEnd?: () => void;
|
|
onMouseEnter?: (node: TreemapNode, e: any) => void;
|
|
onMouseLeave?: (node: TreemapNode, e: any) => void;
|
|
onClick?: (node: TreemapNode) => void;
|
|
isAnimationActive?: boolean;
|
|
isUpdateAnimationActive?: boolean;
|
|
animationBegin?: number;
|
|
animationDuration?: AnimationDuration;
|
|
animationEasing?: AnimationTiming;
|
|
}
|
|
interface State {
|
|
isTooltipActive: boolean;
|
|
isAnimationFinished: boolean;
|
|
activeNode?: TreemapNode;
|
|
formatRoot?: TreemapNode;
|
|
currentRoot?: TreemapNode;
|
|
nestIndex?: TreemapNode[];
|
|
prevData?: any[];
|
|
prevType?: 'flat' | 'nest';
|
|
prevWidth?: number;
|
|
prevHeight?: number;
|
|
prevDataKey?: DataKey<any>;
|
|
prevAspectRatio?: number;
|
|
}
|
|
export declare class Treemap extends PureComponent<Props, State> {
|
|
static displayName: string;
|
|
static defaultProps: {
|
|
aspectRatio: number;
|
|
dataKey: string;
|
|
type: string;
|
|
isAnimationActive: boolean;
|
|
isUpdateAnimationActive: boolean;
|
|
animationBegin: number;
|
|
animationDuration: number;
|
|
animationEasing: string;
|
|
};
|
|
state: {
|
|
isTooltipActive: boolean;
|
|
isAnimationFinished: boolean;
|
|
activeNode?: TreemapNode;
|
|
formatRoot?: TreemapNode;
|
|
currentRoot?: TreemapNode;
|
|
nestIndex?: TreemapNode[];
|
|
prevData?: any[];
|
|
prevType?: "flat" | "nest";
|
|
prevWidth?: number;
|
|
prevHeight?: number;
|
|
prevDataKey?: DataKey<any>;
|
|
prevAspectRatio?: number;
|
|
};
|
|
static getDerivedStateFromProps(nextProps: Props, prevState: State): State;
|
|
handleMouseEnter(node: TreemapNode, e: any): void;
|
|
handleMouseLeave(node: TreemapNode, e: any): void;
|
|
handleAnimationEnd: () => void;
|
|
handleAnimationStart: () => void;
|
|
handleClick(node: TreemapNode): void;
|
|
handleNestIndex(node: TreemapNode, i: number): void;
|
|
renderItem(content: any, nodeProps: TreemapNode, isLeaf: boolean): React.ReactElement;
|
|
static renderContentItem(content: any, nodeProps: TreemapNode, type: string, colorPanel: string[]): React.ReactElement;
|
|
renderNode(root: TreemapNode, node: TreemapNode): React.ReactElement;
|
|
renderAllNodes(): React.ReactElement;
|
|
renderTooltip(): React.ReactElement;
|
|
renderNestIndex(): React.ReactElement;
|
|
render(): React.JSX.Element;
|
|
}
|
|
export {};
|