import { DataResponse, LoadDataRequest, TimeRange } from '@embeddable.com/core'; import { Inputs } from '@embeddable.com/react'; import { ThemeClientContext } from '../../../../theme/theme.types'; declare const meta: { readonly name: "KpiChartNumberComparisonPro"; readonly label: "Kpi Chart - Number Comparison"; readonly description: "KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable."; readonly category: "Kpi Charts"; readonly defaultHeight: 442; readonly defaultWidth: 630; readonly inputs: [{ readonly name: "dataset"; readonly type: "dataset"; readonly label: "Dataset"; readonly required: true; readonly category: "Component Data"; }, { readonly name: "measure"; readonly type: "measure"; readonly label: "Measure"; readonly config: { readonly dataset: "dataset"; }; readonly required: true; readonly category: "Component Data"; readonly inputs: any[]; }, { readonly name: "timeProperty"; readonly label: "Time property"; readonly type: "dimension"; readonly config: { readonly dataset: "dataset"; readonly supportedTypes: readonly ["time"]; readonly hideGranularity: true; }; readonly required: true; readonly category: "Component Data"; }, { readonly name: "primaryDateRange"; readonly label: "Primary date-range"; readonly description: "The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset"; readonly category: "Component Data"; readonly type: "timeRange"; }, { readonly description: "You can also connect this to a comparison period selector using its variable"; readonly category: "Component Data"; readonly name: string; readonly type: import("@embeddable.com/core").EmbeddableType; readonly label: string; }, { readonly name: "title"; readonly type: "string"; readonly label: "Title"; readonly category: "Component Header"; }, { readonly name: "description"; readonly type: "string"; readonly label: "Description"; readonly category: "Component Header"; }, { readonly name: "tooltip"; readonly type: "string"; readonly label: "Tooltip"; readonly category: "Component Header"; }, { readonly name: "displayNullAs"; readonly label: "Display null as"; readonly category: "Component Settings"; readonly type: "string"; }, { readonly name: "displayChangeAsPercentage"; readonly label: "Display change as %"; readonly defaultValue: false; readonly category: "Component Settings"; readonly type: "boolean"; }, { readonly name: "percentageDecimalPlaces"; readonly label: "Percentage decimal places"; readonly defaultValue: 1; readonly category: "Component Settings"; readonly type: "number"; }, { readonly name: "reversePositiveNegativeColors"; readonly label: "Reverse positive/negative colors"; readonly defaultValue: false; readonly category: "Component Settings"; readonly type: "boolean"; }, { readonly type: "number"; readonly name: "fontSize"; readonly label: "Font size"; readonly category: "Component Settings"; }, { readonly name: "changeFontSize"; readonly label: "Trend font-size"; readonly type: "number"; readonly category: "Component Settings"; }, { readonly name: "menuOptions"; readonly type: import("@embeddable.com/core").EmbeddableType; readonly label: "Menu options"; readonly array: true; readonly defaultValue: readonly ["csv", "xlsx", "png"]; readonly category: "Component Settings"; }]; }; export type KpiChartNumberComparisonProState = { comparisonDateRange: TimeRange; }; export declare const kpiChartNumberComparisonPro: { readonly Component: (props: import("./index").KpiChartNumberComparisonProProp) => import("react").JSX.Element; readonly meta: { readonly name: "KpiChartNumberComparisonPro"; readonly label: "Kpi Chart - Number Comparison"; readonly description: "KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable."; readonly category: "Kpi Charts"; readonly defaultHeight: 442; readonly defaultWidth: 630; readonly inputs: [{ readonly name: "dataset"; readonly type: "dataset"; readonly label: "Dataset"; readonly required: true; readonly category: "Component Data"; }, { readonly name: "measure"; readonly type: "measure"; readonly label: "Measure"; readonly config: { readonly dataset: "dataset"; }; readonly required: true; readonly category: "Component Data"; readonly inputs: any[]; }, { readonly name: "timeProperty"; readonly label: "Time property"; readonly type: "dimension"; readonly config: { readonly dataset: "dataset"; readonly supportedTypes: readonly ["time"]; readonly hideGranularity: true; }; readonly required: true; readonly category: "Component Data"; }, { readonly name: "primaryDateRange"; readonly label: "Primary date-range"; readonly description: "The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset"; readonly category: "Component Data"; readonly type: "timeRange"; }, { readonly description: "You can also connect this to a comparison period selector using its variable"; readonly category: "Component Data"; readonly name: string; readonly type: import("@embeddable.com/core").EmbeddableType; readonly label: string; }, { readonly name: "title"; readonly type: "string"; readonly label: "Title"; readonly category: "Component Header"; }, { readonly name: "description"; readonly type: "string"; readonly label: "Description"; readonly category: "Component Header"; }, { readonly name: "tooltip"; readonly type: "string"; readonly label: "Tooltip"; readonly category: "Component Header"; }, { readonly name: "displayNullAs"; readonly label: "Display null as"; readonly category: "Component Settings"; readonly type: "string"; }, { readonly name: "displayChangeAsPercentage"; readonly label: "Display change as %"; readonly defaultValue: false; readonly category: "Component Settings"; readonly type: "boolean"; }, { readonly name: "percentageDecimalPlaces"; readonly label: "Percentage decimal places"; readonly defaultValue: 1; readonly category: "Component Settings"; readonly type: "number"; }, { readonly name: "reversePositiveNegativeColors"; readonly label: "Reverse positive/negative colors"; readonly defaultValue: false; readonly category: "Component Settings"; readonly type: "boolean"; }, { readonly type: "number"; readonly name: "fontSize"; readonly label: "Font size"; readonly category: "Component Settings"; }, { readonly name: "changeFontSize"; readonly label: "Trend font-size"; readonly type: "number"; readonly category: "Component Settings"; }, { readonly name: "menuOptions"; readonly type: import("@embeddable.com/core").EmbeddableType; readonly label: "Menu options"; readonly array: true; readonly defaultValue: readonly ["csv", "xlsx", "png"]; readonly category: "Component Settings"; }]; }; readonly preview: { ({ embeddableTheme, }: { embeddableTheme: any; }): React.JSX.Element; displayName: string; }; readonly previewConfig: { measure: { name: string; title: string; nativeType: import("@embeddable.com/core").TCubeMeasureType; description?: string; meta?: object; __type__: typeof import("@embeddable.com/core/lib/loadData.utils").MEASURE_TYPE; inputs?: Record; }; results: DataResponse; resultsComparison: DataResponse; primaryDateRange: undefined; comparisonPeriod: string; comparisonDateRange: { relativeTimeString: string; from: undefined; to: undefined; }; fontSize: number; hideMenu: boolean; }; readonly config: { readonly props: (inputs: Inputs, [state, setState]: [KpiChartNumberComparisonProState, (state: KpiChartNumberComparisonProState) => void], clientContext: ThemeClientContext) => { comparisonPeriod: string | undefined; comparisonDateRange: TimeRange; setComparisonDateRange: (comparisonDateRange: TimeRange) => void; results: DataResponse; resultsComparison: DataResponse | undefined; title: string; description: string; tooltip: string; dataset: import("@embeddable.com/core").Dataset; measure: import("@embeddable.com/core").Measure; fontSize: number; displayNullAs: string; menuOptions: unknown[]; timeProperty: import("@embeddable.com/core").Dimension; primaryDateRange: TimeRange; displayChangeAsPercentage: boolean; percentageDecimalPlaces: number; reversePositiveNegativeColors: boolean; changeFontSize: number; }; }; readonly results: { readonly loadDataArgs: (inputs: Inputs, clientContext?: ThemeClientContext) => LoadDataRequest; readonly loadData: (inputs: Inputs, clientContext: ThemeClientContext) => DataResponse; }; readonly resultsComparison: { readonly loadDataArgs: (inputs: Inputs, comparisonDateRange: TimeRange, clientContext?: ThemeClientContext) => LoadDataRequest; readonly loadData: (inputs: Inputs, state: KpiChartNumberComparisonProState, clientContext: ThemeClientContext) => DataResponse | undefined; }; }; export {}; //# sourceMappingURL=definition.d.ts.map