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>
115 lines
3.7 KiB
Text
115 lines
3.7 KiB
Text
/**
|
|
* @fileOverview Render sectors of a funnel
|
|
*/
|
|
import React, { PureComponent } from 'react';
|
|
import { Props as TrapezoidProps } from '../shape/Trapezoid';
|
|
import { LegendType, TooltipType, AnimationTiming, ChartOffset, DataKey, PresentationAttributesAdaptChildEvent, AnimationDuration, ActiveShape } from '../util/types';
|
|
export interface FunnelTrapezoidItem extends TrapezoidProps {
|
|
value?: number | string;
|
|
payload?: any;
|
|
isActive: boolean;
|
|
}
|
|
interface InternalFunnelProps {
|
|
className?: string;
|
|
dataKey: DataKey<any>;
|
|
nameKey?: DataKey<any>;
|
|
data?: any[];
|
|
hide?: boolean;
|
|
shape?: ActiveShape<FunnelTrapezoidItem, SVGPathElement>;
|
|
activeShape?: ActiveShape<FunnelTrapezoidItem, SVGPathElement>;
|
|
legendType?: LegendType;
|
|
tooltipType?: TooltipType;
|
|
activeIndex?: number | number[];
|
|
lastShapeType?: 'triangle' | 'rectangle';
|
|
reversed?: boolean;
|
|
onAnimationStart?: () => void;
|
|
onAnimationEnd?: () => void;
|
|
isAnimationActive?: boolean;
|
|
animateNewValues?: boolean;
|
|
animationBegin?: number;
|
|
animationDuration?: AnimationDuration;
|
|
animationEasing?: AnimationTiming;
|
|
id?: string;
|
|
trapezoids?: FunnelTrapezoidItem[];
|
|
animationId?: number;
|
|
}
|
|
export type FunnelProps = PresentationAttributesAdaptChildEvent<any, SVGElement> & TrapezoidProps & InternalFunnelProps;
|
|
interface State {
|
|
readonly prevTrapezoids?: FunnelTrapezoidItem[];
|
|
readonly curTrapezoids?: FunnelTrapezoidItem[];
|
|
readonly prevAnimationId?: number;
|
|
readonly isAnimationFinished?: boolean;
|
|
}
|
|
export declare class Funnel extends PureComponent<FunnelProps, State> {
|
|
static displayName: string;
|
|
static defaultProps: {
|
|
stroke: string;
|
|
fill: string;
|
|
legendType: string;
|
|
labelLine: boolean;
|
|
hide: boolean;
|
|
isAnimationActive: boolean;
|
|
animationBegin: number;
|
|
animationDuration: number;
|
|
animationEasing: string;
|
|
nameKey: string;
|
|
lastShapeType: string;
|
|
};
|
|
static getRealFunnelData: (item: Funnel) => any[];
|
|
static getRealWidthHeight: (item: Funnel, offset: ChartOffset) => {
|
|
realWidth: number;
|
|
realHeight: number;
|
|
offsetX: number;
|
|
offsetY: number;
|
|
};
|
|
static getComposedData: ({ item, offset }: {
|
|
item: Funnel;
|
|
offset: ChartOffset;
|
|
}) => {
|
|
trapezoids: {
|
|
payload: any;
|
|
parentViewBox: {
|
|
x: number;
|
|
y: number;
|
|
width: number;
|
|
height: number;
|
|
};
|
|
labelViewBox: {
|
|
x: number;
|
|
y: number;
|
|
width: number;
|
|
height: number;
|
|
};
|
|
x: number;
|
|
y: number;
|
|
width: number;
|
|
upperWidth: number;
|
|
lowerWidth: number;
|
|
height: number;
|
|
name: any;
|
|
val: any;
|
|
tooltipPayload: {
|
|
name: any;
|
|
value: any;
|
|
payload: any;
|
|
dataKey: DataKey<any>;
|
|
type: "none";
|
|
}[];
|
|
tooltipPosition: {
|
|
x: number;
|
|
y: number;
|
|
};
|
|
}[];
|
|
data: any[];
|
|
};
|
|
state: State;
|
|
static getDerivedStateFromProps(nextProps: FunnelProps, prevState: State): State;
|
|
handleAnimationEnd: () => void;
|
|
handleAnimationStart: () => void;
|
|
isActiveIndex(i: number): boolean;
|
|
renderTrapezoidsStatically(trapezoids: FunnelTrapezoidItem[]): React.JSX.Element[];
|
|
renderTrapezoidsWithAnimation(): React.JSX.Element;
|
|
renderTrapezoids(): React.JSX.Element | React.JSX.Element[];
|
|
render(): React.JSX.Element;
|
|
}
|
|
export {};
|