/*! * devextreme-react * Version: 22.2.6 * Build date: Tue Apr 18 2023 * * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-react */ /// import dxPieChart, { Properties } from "devextreme/viz/pie_chart"; import { Component as BaseComponent, IHtmlOptions } from "./core/component"; import NestedOption from "./core/nested-option"; declare type IPieChartOptions = React.PropsWithChildren React.ReactNode; centerComponent?: React.ComponentType; centerKeyFn?: (data: any) => string; defaultLoadingIndicator?: any; onLoadingIndicatorChange?: (value: any) => void; }>; declare class PieChart extends BaseComponent> { get instance(): dxPieChart; protected _WidgetClass: typeof dxPieChart; protected subscribableOptions: string[]; protected independentEvents: string[]; protected _defaults: { defaultLoadingIndicator: string; }; protected _expectedChildren: { adaptiveLayout: { optionName: string; isCollectionItem: boolean; }; animation: { optionName: string; isCollectionItem: boolean; }; annotation: { optionName: string; isCollectionItem: boolean; }; commonAnnotationSettings: { optionName: string; isCollectionItem: boolean; }; commonSeriesSettings: { optionName: string; isCollectionItem: boolean; }; export: { optionName: string; isCollectionItem: boolean; }; legend: { optionName: string; isCollectionItem: boolean; }; loadingIndicator: { optionName: string; isCollectionItem: boolean; }; margin: { optionName: string; isCollectionItem: boolean; }; pieChartTitle: { optionName: string; isCollectionItem: boolean; }; series: { optionName: string; isCollectionItem: boolean; }; seriesTemplate: { optionName: string; isCollectionItem: boolean; }; size: { optionName: string; isCollectionItem: boolean; }; title: { optionName: string; isCollectionItem: boolean; }; tooltip: { optionName: string; isCollectionItem: boolean; }; }; protected _templateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IAdaptiveLayoutProps = React.PropsWithChildren<{ height?: any; keepLabels?: any; width?: any; }>; declare class AdaptiveLayout extends NestedOption { static OptionName: string; } declare type IAnimationProps = React.PropsWithChildren<{ duration?: any; easing?: any; enabled?: any; maxPointCountSupported?: any; }>; declare class Animation extends NestedOption { static OptionName: string; } declare type IAnnotationProps = React.PropsWithChildren<{ allowDragging?: any; argument?: any; arrowLength?: any; arrowWidth?: any; border?: object | { color?: any; cornerRadius?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }; color?: any; customizeTooltip?: any; data?: any; description?: any; font?: any; height?: any; image?: object | string | { height?: any; url?: any; width?: any; }; location?: any; name?: any; offsetX?: any; offsetY?: any; opacity?: any; paddingLeftRight?: any; paddingTopBottom?: any; series?: any; shadow?: object | { blur?: any; color?: any; offsetX?: any; offsetY?: any; opacity?: any; }; template?: any; text?: any; textOverflow?: any; tooltipEnabled?: any; tooltipTemplate?: any; type?: any; width?: any; wordWrap?: any; x?: any; y?: any; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; tooltipRender?: (...params: any) => React.ReactNode; tooltipComponent?: React.ComponentType; tooltipKeyFn?: (data: any) => string; }>; declare class Annotation extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static ExpectedChildren: { annotationBorder: { optionName: string; isCollectionItem: boolean; }; border: { optionName: string; isCollectionItem: boolean; }; font: { optionName: string; isCollectionItem: boolean; }; image: { optionName: string; isCollectionItem: boolean; }; shadow: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IAnnotationBorderProps = React.PropsWithChildren<{ color?: any; cornerRadius?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }>; declare class AnnotationBorder extends NestedOption { static OptionName: string; } declare type IArgumentFormatProps = React.PropsWithChildren<{ currency?: any; formatter?: any; parser?: any; precision?: any; type?: any; useCurrencyAccountingStyle?: any; }>; declare class ArgumentFormat extends NestedOption { static OptionName: string; } declare type IBorderProps = React.PropsWithChildren<{ color?: any; cornerRadius?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }>; declare class Border extends NestedOption { static OptionName: string; } declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{ allowDragging?: any; argument?: any; arrowLength?: any; arrowWidth?: any; border?: object | { color?: any; cornerRadius?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }; color?: any; customizeTooltip?: any; data?: any; description?: any; font?: any; height?: any; image?: object | string | { height?: any; url?: any; width?: any; }; location?: any; offsetX?: any; offsetY?: any; opacity?: any; paddingLeftRight?: any; paddingTopBottom?: any; series?: any; shadow?: object | { blur?: any; color?: any; offsetX?: any; offsetY?: any; opacity?: any; }; template?: any; text?: any; textOverflow?: any; tooltipEnabled?: any; tooltipTemplate?: any; type?: any; width?: any; wordWrap?: any; x?: any; y?: any; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; tooltipRender?: (...params: any) => React.ReactNode; tooltipComponent?: React.ComponentType; tooltipKeyFn?: (data: any) => string; }>; declare class CommonAnnotationSettings extends NestedOption { static OptionName: string; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{ argumentField?: any; argumentType?: any; border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hoverMode?: any; hoverStyle?: object | { border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hatching?: object | { direction?: any; opacity?: any; step?: any; width?: any; }; }; label?: object | { argumentFormat?: any; backgroundColor?: any; border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; connector?: object | { color?: any; visible?: any; width?: any; }; customizeText?: any; displayFormat?: any; font?: any; format?: any; position?: any; radialOffset?: any; rotationAngle?: any; textOverflow?: any; visible?: any; wordWrap?: any; }; maxLabelCount?: any; minSegmentSize?: any; selectionMode?: any; selectionStyle?: object | { border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hatching?: object | { direction?: any; opacity?: any; step?: any; width?: any; }; }; smallValuesGrouping?: object | { groupName?: any; mode?: any; threshold?: any; topCount?: any; }; tagField?: any; valueField?: any; }>; declare class CommonSeriesSettings extends NestedOption { static OptionName: string; static ExpectedChildren: { border: { optionName: string; isCollectionItem: boolean; }; hoverStyle: { optionName: string; isCollectionItem: boolean; }; label: { optionName: string; isCollectionItem: boolean; }; selectionStyle: { optionName: string; isCollectionItem: boolean; }; seriesBorder: { optionName: string; isCollectionItem: boolean; }; smallValuesGrouping: { optionName: string; isCollectionItem: boolean; }; }; } declare type IConnectorProps = React.PropsWithChildren<{ color?: any; visible?: any; width?: any; }>; declare class Connector extends NestedOption { static OptionName: string; } declare type IExportProps = React.PropsWithChildren<{ backgroundColor?: any; enabled?: any; fileName?: any; formats?: any; margin?: any; printingEnabled?: any; svgToCanvas?: any; }>; declare class Export extends NestedOption { static OptionName: string; } declare type IFontProps = React.PropsWithChildren<{ color?: any; family?: any; opacity?: any; size?: any; weight?: any; }>; declare class Font extends NestedOption { static OptionName: string; } declare type IFormatProps = React.PropsWithChildren<{ currency?: any; formatter?: any; parser?: any; precision?: any; type?: any; useCurrencyAccountingStyle?: any; }>; declare class Format extends NestedOption { static OptionName: string; } declare type IHatchingProps = React.PropsWithChildren<{ direction?: any; opacity?: any; step?: any; width?: any; }>; declare class Hatching extends NestedOption { static OptionName: string; } declare type IHoverStyleProps = React.PropsWithChildren<{ border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hatching?: object | { direction?: any; opacity?: any; step?: any; width?: any; }; }>; declare class HoverStyle extends NestedOption { static OptionName: string; static ExpectedChildren: { border: { optionName: string; isCollectionItem: boolean; }; hatching: { optionName: string; isCollectionItem: boolean; }; seriesBorder: { optionName: string; isCollectionItem: boolean; }; }; } declare type IImageProps = React.PropsWithChildren<{ height?: any; url?: any; width?: any; }>; declare class Image extends NestedOption { static OptionName: string; } declare type ILabelProps = React.PropsWithChildren<{ argumentFormat?: any; backgroundColor?: any; border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; connector?: object | { color?: any; visible?: any; width?: any; }; customizeText?: any; displayFormat?: any; font?: any; format?: any; position?: any; radialOffset?: any; rotationAngle?: any; textOverflow?: any; visible?: any; wordWrap?: any; }>; declare class Label extends NestedOption { static OptionName: string; static ExpectedChildren: { argumentFormat: { optionName: string; isCollectionItem: boolean; }; border: { optionName: string; isCollectionItem: boolean; }; connector: { optionName: string; isCollectionItem: boolean; }; font: { optionName: string; isCollectionItem: boolean; }; format: { optionName: string; isCollectionItem: boolean; }; seriesBorder: { optionName: string; isCollectionItem: boolean; }; }; } declare type ILegendProps = React.PropsWithChildren<{ backgroundColor?: any; border?: object | { color?: any; cornerRadius?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }; columnCount?: any; columnItemSpacing?: any; customizeHint?: any; customizeItems?: any; customizeText?: any; font?: any; horizontalAlignment?: any; hoverMode?: any; itemsAlignment?: any; itemTextPosition?: any; margin?: number | object | { bottom?: any; left?: any; right?: any; top?: any; }; markerSize?: any; markerTemplate?: any; orientation?: any; paddingLeftRight?: any; paddingTopBottom?: any; rowCount?: any; rowItemSpacing?: any; title?: object | string | { font?: any; horizontalAlignment?: any; margin?: object | { bottom?: any; left?: any; right?: any; top?: any; }; placeholderSize?: any; subtitle?: object | string | { font?: any; offset?: any; text?: any; }; text?: any; verticalAlignment?: any; }; verticalAlignment?: any; visible?: any; markerRender?: (...params: any) => React.ReactNode; markerComponent?: React.ComponentType; markerKeyFn?: (data: any) => string; }>; declare class Legend extends NestedOption { static OptionName: string; static ExpectedChildren: { annotationBorder: { optionName: string; isCollectionItem: boolean; }; border: { optionName: string; isCollectionItem: boolean; }; font: { optionName: string; isCollectionItem: boolean; }; legendTitle: { optionName: string; isCollectionItem: boolean; }; margin: { optionName: string; isCollectionItem: boolean; }; title: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type ILegendTitleProps = React.PropsWithChildren<{ font?: any; horizontalAlignment?: any; margin?: object | { bottom?: any; left?: any; right?: any; top?: any; }; placeholderSize?: any; subtitle?: object | string | { font?: any; offset?: any; text?: any; }; text?: any; verticalAlignment?: any; }>; declare class LegendTitle extends NestedOption { static OptionName: string; static ExpectedChildren: { font: { optionName: string; isCollectionItem: boolean; }; legendTitleSubtitle: { optionName: string; isCollectionItem: boolean; }; margin: { optionName: string; isCollectionItem: boolean; }; subtitle: { optionName: string; isCollectionItem: boolean; }; }; } declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{ font?: any; offset?: any; text?: any; }>; declare class LegendTitleSubtitle extends NestedOption { static OptionName: string; static ExpectedChildren: { font: { optionName: string; isCollectionItem: boolean; }; }; } declare type ILoadingIndicatorProps = React.PropsWithChildren<{ backgroundColor?: any; enabled?: any; font?: any; show?: any; text?: any; defaultShow?: any; onShowChange?: (value: any) => void; }>; declare class LoadingIndicator extends NestedOption { static OptionName: string; static DefaultsProps: { defaultShow: string; }; static ExpectedChildren: { font: { optionName: string; isCollectionItem: boolean; }; }; } declare type IMarginProps = React.PropsWithChildren<{ bottom?: any; left?: any; right?: any; top?: any; }>; declare class Margin extends NestedOption { static OptionName: string; } declare type IPieChartTitleProps = React.PropsWithChildren<{ font?: any; horizontalAlignment?: any; margin?: number | object | { bottom?: any; left?: any; right?: any; top?: any; }; placeholderSize?: any; subtitle?: object | string | { font?: any; offset?: any; text?: any; textOverflow?: any; wordWrap?: any; }; text?: any; textOverflow?: any; verticalAlignment?: any; wordWrap?: any; }>; declare class PieChartTitle extends NestedOption { static OptionName: string; static ExpectedChildren: { font: { optionName: string; isCollectionItem: boolean; }; margin: { optionName: string; isCollectionItem: boolean; }; pieChartTitleSubtitle: { optionName: string; isCollectionItem: boolean; }; subtitle: { optionName: string; isCollectionItem: boolean; }; }; } declare type IPieChartTitleSubtitleProps = React.PropsWithChildren<{ font?: any; offset?: any; text?: any; textOverflow?: any; wordWrap?: any; }>; declare class PieChartTitleSubtitle extends NestedOption { static OptionName: string; static ExpectedChildren: { font: { optionName: string; isCollectionItem: boolean; }; }; } declare type ISelectionStyleProps = React.PropsWithChildren<{ border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hatching?: object | { direction?: any; opacity?: any; step?: any; width?: any; }; }>; declare class SelectionStyle extends NestedOption { static OptionName: string; static ExpectedChildren: { border: { optionName: string; isCollectionItem: boolean; }; hatching: { optionName: string; isCollectionItem: boolean; }; seriesBorder: { optionName: string; isCollectionItem: boolean; }; }; } declare type ISeriesProps = React.PropsWithChildren<{ argumentField?: any; argumentType?: any; border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hoverMode?: any; hoverStyle?: object | { border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hatching?: object | { direction?: any; opacity?: any; step?: any; width?: any; }; }; label?: object | { argumentFormat?: any; backgroundColor?: any; border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; connector?: object | { color?: any; visible?: any; width?: any; }; customizeText?: any; displayFormat?: any; font?: any; format?: any; position?: any; radialOffset?: any; rotationAngle?: any; textOverflow?: any; visible?: any; wordWrap?: any; }; maxLabelCount?: any; minSegmentSize?: any; name?: any; selectionMode?: any; selectionStyle?: object | { border?: object | { color?: any; dashStyle?: any; visible?: any; width?: any; }; color?: any; hatching?: object | { direction?: any; opacity?: any; step?: any; width?: any; }; }; smallValuesGrouping?: object | { groupName?: any; mode?: any; threshold?: any; topCount?: any; }; tag?: any; tagField?: any; valueField?: any; }>; declare class Series extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; } declare type ISeriesBorderProps = React.PropsWithChildren<{ color?: any; dashStyle?: any; visible?: any; width?: any; }>; declare class SeriesBorder extends NestedOption { static OptionName: string; } declare type ISeriesTemplateProps = React.PropsWithChildren<{ customizeSeries?: any; nameField?: any; }>; declare class SeriesTemplate extends NestedOption { static OptionName: string; } declare type IShadowProps = React.PropsWithChildren<{ blur?: any; color?: any; offsetX?: any; offsetY?: any; opacity?: any; }>; declare class Shadow extends NestedOption { static OptionName: string; } declare type ISizeProps = React.PropsWithChildren<{ height?: any; width?: any; }>; declare class Size extends NestedOption { static OptionName: string; } declare type ISmallValuesGroupingProps = React.PropsWithChildren<{ groupName?: any; mode?: any; threshold?: any; topCount?: any; }>; declare class SmallValuesGrouping extends NestedOption { static OptionName: string; } declare type ISubtitleProps = React.PropsWithChildren<{ font?: any; offset?: any; text?: any; textOverflow?: any; wordWrap?: any; }>; declare class Subtitle extends NestedOption { static OptionName: string; } declare type ITitleProps = React.PropsWithChildren<{ font?: any; horizontalAlignment?: any; margin?: object | { bottom?: any; left?: any; right?: any; top?: any; }; placeholderSize?: any; subtitle?: object | string | { font?: any; offset?: any; text?: any; }; text?: any; verticalAlignment?: any; textOverflow?: any; wordWrap?: any; }>; declare class Title extends NestedOption { static OptionName: string; } declare type ITooltipProps = React.PropsWithChildren<{ argumentFormat?: any; arrowLength?: any; border?: object | { color?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }; color?: any; container?: any; contentTemplate?: any; cornerRadius?: any; customizeTooltip?: any; enabled?: any; font?: any; format?: any; interactive?: any; opacity?: any; paddingLeftRight?: any; paddingTopBottom?: any; shadow?: object | { blur?: any; color?: any; offsetX?: any; offsetY?: any; opacity?: any; }; shared?: any; zIndex?: any; contentRender?: (...params: any) => React.ReactNode; contentComponent?: React.ComponentType; contentKeyFn?: (data: any) => string; }>; declare class Tooltip extends NestedOption { static OptionName: string; static ExpectedChildren: { argumentFormat: { optionName: string; isCollectionItem: boolean; }; border: { optionName: string; isCollectionItem: boolean; }; font: { optionName: string; isCollectionItem: boolean; }; format: { optionName: string; isCollectionItem: boolean; }; shadow: { optionName: string; isCollectionItem: boolean; }; tooltipBorder: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type ITooltipBorderProps = React.PropsWithChildren<{ color?: any; dashStyle?: any; opacity?: any; visible?: any; width?: any; }>; declare class TooltipBorder extends NestedOption { static OptionName: string; } export default PieChart; export { PieChart, IPieChartOptions, AdaptiveLayout, IAdaptiveLayoutProps, Animation, IAnimationProps, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, ArgumentFormat, IArgumentFormatProps, Border, IBorderProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, CommonSeriesSettings, ICommonSeriesSettingsProps, Connector, IConnectorProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Hatching, IHatchingProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Label, ILabelProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, PieChartTitle, IPieChartTitleProps, PieChartTitleSubtitle, IPieChartTitleSubtitleProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shadow, IShadowProps, Size, ISizeProps, SmallValuesGrouping, ISmallValuesGroupingProps, Subtitle, ISubtitleProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps };