@carbon/charts 1.7.6 → 1.9.0-next.0

package/dist/demo/charts/meter.d.ts

@@ -0,0 +1,95 @@
+export declare const meterData: {
+    group: string;
+    value: number;
+}[];
+export declare const meterOptionsWithStatus: {
+    title: string;
+    meter: {
+        peak: number;
+        status: {
+            ranges: {
+                range: number[];
+                status: string;
+            }[];
+        };
+    };
+    height: string;
+};
+export declare const meterOptionsCustomColor: {
+    title: string;
+    meter: {
+        peak: number;
+        status: {
+            ranges: {
+                range: number[];
+                status: string;
+            }[];
+        };
+    };
+    color: {
+        scale: {
+            'Dataset 1': string;
+        };
+    };
+    height: string;
+};
+export declare const meterOptionsNoStatus: {
+    title: string;
+    meter: {
+        peak: number;
+    };
+    height: string;
+};
+export declare const propMeterData: {
+    group: string;
+    value: number;
+}[];
+export declare const propMeterOptions: {
+    title: string;
+    height: string;
+    meter: {
+        proportional: {
+            total: number;
+            unit: string;
+        };
+    };
+    color: {
+        pairing: {
+            option: number;
+        };
+    };
+};
+export declare const propMeterStatusOptions: {
+    title: string;
+    height: string;
+    meter: {
+        peak: number;
+        proportional: {
+            total: number;
+            unit: string;
+        };
+        status: {
+            ranges: {
+                range: number[];
+                status: string;
+            }[];
+        };
+    };
+    color: {
+        pairing: {
+            option: number;
+        };
+    };
+};
+export declare const propMeterTruncationOptions: {
+    title: string;
+    height: string;
+    meter: {
+        proportional: {
+            total: number;
+            unit: string;
+            totalFormatter: (total: any) => string;
+            breakdownFormatter: (x: any) => string;
+        };
+    };
+};

package/dist/demo/charts/pie.d.ts

@@ -0,0 +1,46 @@
+export declare const pieData: {
+    group: string;
+    value: number;
+}[];
+export declare const pieOptions: {
+    title: string;
+    resizable: boolean;
+};
+export declare const pieCenteredData: {
+    group: string;
+    value: number;
+}[];
+export declare const pieCenteredOptions: {
+    title: string;
+    resizable: boolean;
+    legend: {
+        alignment: string;
+    };
+    pie: {
+        alignment: string;
+    };
+};
+export declare const pieDataMapsTo: {
+    group: string;
+    count: number;
+}[];
+export declare const pieMapToOptions: {
+    title: string;
+    resizable: boolean;
+    pie: {
+        valueMapsTo: string;
+    };
+};
+export declare const pieEmptyStateData: any[];
+export declare const pieEmptyStateOptions: {
+    title: string;
+    resizable: boolean;
+};
+export declare const pieSkeletonData: any[];
+export declare const pieSkeletonOptions: {
+    title: string;
+    resizable: boolean;
+    data: {
+        loading: boolean;
+    };
+};

package/dist/demo/charts/radar.d.ts

@@ -0,0 +1,63 @@
+export declare const radarData: {
+    product: string;
+    feature: string;
+    score: number;
+}[];
+export declare const radarOptions: {
+    title: string;
+    radar: {
+        axes: {
+            angle: string;
+            value: string;
+        };
+    };
+    data: {
+        groupMapsTo: string;
+    };
+};
+export declare const radarCenteredData: {
+    product: string;
+    feature: string;
+    score: number;
+}[];
+export declare const radarCenteredOptions: {
+    title: string;
+    radar: {
+        axes: {
+            angle: string;
+            value: string;
+        };
+        alignment: string;
+    };
+    data: {
+        groupMapsTo: string;
+    };
+    legend: {
+        alignment: string;
+    };
+};
+export declare const radarWithMissingDataData: {
+    group: string;
+    key: string;
+    value: number;
+}[];
+export declare const radarWithMissingDataOptions: {
+    title: string;
+};
+export declare const radarDenseData: {
+    month: string;
+    activity: string;
+    hoursAvg: number;
+}[];
+export declare const radarDenseOptions: {
+    title: string;
+    radar: {
+        axes: {
+            angle: string;
+            value: string;
+        };
+    };
+    data: {
+        groupMapsTo: string;
+    };
+};

package/dist/demo/charts/scatter.d.ts

@@ -0,0 +1,118 @@
+export declare const doubleLinearScatterData: {
+    group: string;
+    employees: number;
+    sales: number;
+}[];
+export declare const doubleLinearScatterOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+    };
+};
+export declare const scatterDiscreteData: {
+    group: string;
+    key: string;
+    value: number;
+}[];
+export declare const scatterDiscreteOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+};
+export declare const scatterTimeSeriesData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const scatterTimeSeriesOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+};
+export declare const scatterEmptyStateData: any[];
+export declare const scatterEmptyStateOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+};
+export declare const scatterSkeletonData: any[];
+export declare const scatterSkeletonOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};
+export declare const scatterDualAxesData: ({
+    group: string;
+    date: string;
+    orderCount: number;
+    productCount?: undefined;
+} | {
+    group: string;
+    date: string;
+    productCount: number;
+    orderCount?: undefined;
+})[];
+export declare const scatterDualAxesOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        right: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+            correspondingDatasets: string[];
+        };
+    };
+};

package/dist/demo/charts/step.d.ts

@@ -0,0 +1,96 @@
+export declare const stepOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+} & {
+    title: string;
+    curve: string;
+};
+export declare const stepData: ({
+    group: string;
+    key: string;
+    value: number;
+    audienceSize?: undefined;
+} | {
+    group: string;
+    key: string;
+    value: number;
+    audienceSize: number;
+})[];
+export declare const stepTimeSeriesOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+} & {
+    title: string;
+    curve: string;
+};
+export declare const stepTimeSeriesData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const stepEmptyStateData: any[];
+export declare const stepEmptyStateOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+} & {
+    title: string;
+    curve: string;
+};
+export declare const stepSkeletonData: any[];
+export declare const stepSkeletonOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+} & {
+    title: string;
+    curve: string;
+    data: {
+        loading: boolean;
+    };
+};

package/dist/demo/charts/time-series-axis.d.ts

@@ -0,0 +1,293 @@
+export declare const lineTimeSeriesData15seconds: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeries15secondsOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataMinute: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesMinuteOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesData30minutes: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeries30minutesOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataHourlyDefaultTicksFormats: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesHourlyDefaultLocaleOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataHourlyCustomTicksFormats: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesHourlyCustomTicksFormatsOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        timeIntervalFormats: {
+            hourly: {
+                primary: string;
+                secondary: string;
+            };
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataDaily: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesDailyOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataWeekly: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesWeeklyOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        showDayName: boolean;
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataMonthlyDefaultLocale: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesMonthlyDefaultLocaleOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataMonthlyCustomLocale: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesMonthlyCustomLocaleOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        localeObject: Locale;
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataQuarterly: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesQuarterlyOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataYearly: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesYearlyOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataSingleDatum: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesSingleDatumOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesNoExtendedDomainData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesNoExtendedDomainOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataTwoIdenticalLabels: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesTwoIdenticalLabelsOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesTwoIdenticalLabels2Options: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
+    legend: {
+        clickable: boolean;
+    };
+};
+export declare const lineTimeSeriesDataAllLabelsInPrimaryFormat: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesAllLabelsInPrimaryFormatOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
+    legend: {
+        clickable: boolean;
+    };
+};

package/dist/demo/charts/toolbar.d.ts

@@ -0,0 +1,12 @@
+export declare const toolbarStackedBarTimeSeriesData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const toolbarStackedBarTimeSeriesOptions: any;
+export declare const toolbarLineTimeSeriesData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const toolbarLineTimeSeriesOptions: any;