@carbon/charts 1.8.0 → 1.9.0-rc.0

package/dist/components/index.mjs

@@ -0,0 +1,76 @@
+import { h as m, k as h, X as u, A as S, a8 as C, F as c, B as g, o as B, p as T, C as L, f as b, e as k, r as A, s as x, q as P, a9 as R, D as w, z as G, a7 as H, G as v, x as M, E as f, H as D, I as Z, Y as j, b as q, L as y, j as z, K as E, O as W, N as F, M as I, P as J, Q as K, R as N, l as O, w as Q, m as U, J as V, S as X, t as Y, y as _, v as $, u as aa, g as sa, T as ea, a as ra, d as oa, U as ta, V as ia, i as la, W as pa, n as na, Z as da, _ as ma, $ as ha, a0 as ua, a1 as Sa, a2 as Ca, a3 as ca, a4 as ga, a5 as Ba, a6 as Ta } from "../choropleth-f473ea0d.mjs";
+import "d3";
+import "../color-scale-utils-5eb3eeaa.mjs";
+import "../enums-a96ef472.mjs";
+import "../index-becfb567.mjs";
+import "../a11y-7bad4f48.mjs";
+import "../angle-utils-8b6ce998.mjs";
+import "d3-sankey";
+import "../_baseEach-603421de.mjs";
+import "d3-cloud";
+export {
+  m as Alluvial,
+  h as Area,
+  u as Axis,
+  S as AxisChartsTooltip,
+  C as Bar,
+  c as BinnedRuler,
+  g as Boxplot,
+  B as Bubble,
+  T as Bullet,
+  L as CanvasChartClip,
+  b as ChartBrush,
+  k as ChartClip,
+  A as Choropleth,
+  x as CirclePack,
+  P as ColorScaleLegend,
+  R as Component,
+  w as Donut,
+  G as Gauge,
+  H as GeoProjection,
+  v as Grid,
+  M as GroupedBar,
+  f as Heatmap,
+  D as Highlight,
+  Z as Histogram,
+  j as HoverAxis,
+  q as LayoutComponent,
+  y as Legend,
+  z as Line,
+  E as Lollipop,
+  W as Meter,
+  F as MeterTitle,
+  I as Modal,
+  J as Pie,
+  K as Radar,
+  N as Ruler,
+  O as Scatter,
+  Q as SimpleBar,
+  U as Skeleton,
+  V as SkeletonLines,
+  X as Spacer,
+  Y as StackedArea,
+  _ as StackedBar,
+  $ as StackedRuler,
+  aa as StackedScatter,
+  sa as Threshold,
+  ea as Title,
+  ra as Toolbar,
+  oa as Tooltip,
+  ta as Tree,
+  ia as Treemap,
+  la as TwoDimensionalAxes,
+  pa as WordCloud,
+  na as ZeroLine,
+  da as ZoomBar,
+  ma as arrowLeft,
+  ha as arrowRight,
+  ua as buildBezierPathString,
+  Sa as buildElbowPathString,
+  Ca as buildStraightPathString,
+  ca as circle,
+  ga as diamond,
+  Ba as square,
+  Ta as tee
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,2 @@
+export { LayoutComponent } from './layout';
+export { Spacer } from './spacer';

package/{components → dist/components}/layout/layout.d.ts

@@ -1,17 +1,18 @@
-import { Component } from '../component';
-import { LayoutComponentChild, LayoutConfigs } from '../../interfaces/index';
-import { ChartModel } from '../../model/model';
-export declare class LayoutComponent extends Component {
-    static instanceID: number;
-    type: string;
-    children: LayoutComponentChild[];
-    private _instanceID;
-    constructor(model: ChartModel, services: any, children: LayoutComponentChild[], configs?: LayoutConfigs);
-    init(): void;
-    getPreferedAndFixedSizeSum(): number;
-    getNumOfStretchChildren(): number;
-    render(animate?: boolean): void;
-    setModel(newObj: any): void;
-    setServices(newObj: any): void;
-    destroy(): void;
-}
+import { Component } from '../../components/component';
+import { LayoutConfigs } from '../../interfaces/layout';
+import { LayoutComponentChild } from '../../interfaces/components';
+import type { ChartModel } from '../../model/model';
+export declare class LayoutComponent extends Component {
+    static instanceID: number;
+    type: string;
+    children: LayoutComponentChild[];
+    private _instanceID;
+    constructor(model: ChartModel, services: any, children: LayoutComponentChild[], configs?: LayoutConfigs);
+    init(): void;
+    getPreferedAndFixedSizeSum(): number;
+    getNumOfStretchChildren(): number;
+    render(animate?: boolean): void;
+    setModel(newObj: ChartModel): void;
+    setServices(newObj: any): void;
+    destroy(): void;
+}

package/dist/components/layout/spacer.d.ts

@@ -0,0 +1,5 @@
+import { Component } from '../../components/component';
+export declare class Spacer extends Component {
+    type: string;
+    render(animate?: boolean): void;
+}

package/{build/src → dist}/configuration-non-customizable.d.ts

@@ -1,5 +1,5 @@
-import { ZoomBarTypes, LegendItemType } from './interfaces';
-import { easeCubicInOut } from 'd3-ease';
+import { easeCubicInOut } from 'd3';
+import { LegendItemType } from './interfaces/enums';
 export declare const carbonPrefix = "cds";
 export declare const area: {
     opacity: {
@@ -249,8 +249,8 @@ export declare const toolbar: {
 };
 export declare const zoomBar: {
     height: {
-        [ZoomBarTypes.GRAPH_VIEW]: number;
-        [ZoomBarTypes.SLIDER_VIEW]: number;
+        graph_view: number;
+        slider_view: number;
     };
     spacerHeight: number;
     handleWidth: number;

package/{configuration.d.ts → dist/configuration.d.ts}

@@ -1,46 +1,48 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LollipopChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, BoxplotChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, BulletChartOptions, HistogramChartOptions, RadarChartOptions, ComboChartOptions, TreeChartOptions, TreemapChartOptions, CirclePackChartOptions, WorldCloudChartOptions, AlluvialChartOptions, ThematicChartOptions, ChoroplethChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions, ProportionalMeterChartOptions, HeatmapChartOptions } from './interfaces';
-/**
- * Grid options
- */
-export declare const grid: GridOptions;
-/**
- * Ruler options
- */
-export declare const ruler: RulerOptions;
-/**
- * Tooltip options
- */
-export declare const baseTooltip: TooltipOptions;
-export declare const timeScale: TimeScaleOptions;
-export declare const options: {
-    chart: BaseChartOptions;
-    axisChart: AxisChartOptions;
-    thematicChart: ThematicChartOptions;
-    simpleBarChart: BarChartOptions;
-    groupedBarChart: BarChartOptions;
-    stackedBarChart: StackedBarChartOptions;
-    boxplotChart: BoxplotChartOptions;
-    bubbleChart: BubbleChartOptions;
-    bulletChart: BulletChartOptions;
-    histogramChart: HistogramChartOptions;
-    lineChart: LineChartOptions;
-    areaChart: AreaChartOptions;
-    stackedAreaChart: AreaChartOptions;
-    scatterChart: ScatterChartOptions;
-    lollipopChart: LollipopChartOptions;
-    pieChart: PieChartOptions;
-    donutChart: DonutChartOptions;
-    meterChart: MeterChartOptions;
-    proportionalMeterChart: ProportionalMeterChartOptions;
-    radarChart: RadarChartOptions;
-    gaugeChart: GaugeChartOptions;
-    comboChart: ComboChartOptions;
-    treeChart: TreeChartOptions;
-    treemapChart: TreemapChartOptions;
-    circlePackChart: CirclePackChartOptions;
-    wordCloudChart: WorldCloudChartOptions;
-    alluvialChart: AlluvialChartOptions;
-    heatmapChart: HeatmapChartOptions;
-    choroplethChart: ChoroplethChartOptions;
-};
-export * from './configuration-non-customizable';
+import { AlluvialChartOptions, AreaChartOptions, AxisChartOptions, BarChartOptions, BaseChartOptions, BubbleChartOptions, BulletChartOptions, ChoroplethChartOptions, CirclePackChartOptions, ComboChartOptions, DonutChartOptions, GaugeChartOptions, HeatmapChartOptions, HistogramChartOptions, LineChartOptions, MeterChartOptions, PieChartOptions, ProportionalMeterChartOptions, RadarChartOptions, ScatterChartOptions, StackedBarChartOptions, ThematicChartOptions, TreeChartOptions, WorldCloudChartOptions } from './interfaces/charts';
+import { TimeScaleOptions } from './interfaces/axis-scales';
+import { GridOptions, RulerOptions, TooltipOptions } from './interfaces/components';
+/**
+ * Grid options
+ */
+export declare const grid: GridOptions;
+/**
+ * Ruler options
+ */
+export declare const ruler: RulerOptions;
+/**
+ * Tooltip options
+ */
+export declare const baseTooltip: TooltipOptions;
+export declare const timeScale: TimeScaleOptions;
+export declare const options: {
+    alluvialChart: AlluvialChartOptions;
+    areaChart: AreaChartOptions;
+    axisChart: AxisChartOptions;
+    boxplotChart: AxisChartOptions;
+    bubbleChart: BubbleChartOptions;
+    bulletChart: BulletChartOptions;
+    chart: BaseChartOptions;
+    circlePackChart: CirclePackChartOptions;
+    choroplethChart: ChoroplethChartOptions;
+    comboChart: ComboChartOptions;
+    donutChart: DonutChartOptions;
+    gaugeChart: GaugeChartOptions;
+    groupedBarChart: BarChartOptions;
+    heatmapChart: HeatmapChartOptions;
+    histogramChart: HistogramChartOptions;
+    lineChart: LineChartOptions;
+    lollipopChart: ScatterChartOptions;
+    meterChart: MeterChartOptions;
+    pieChart: PieChartOptions;
+    proportionalMeterChart: ProportionalMeterChartOptions;
+    radarChart: RadarChartOptions;
+    scatterChart: ScatterChartOptions;
+    simpleBarChart: BarChartOptions;
+    stackedAreaChart: AreaChartOptions;
+    stackedBarChart: StackedBarChartOptions;
+    thematicChart: ThematicChartOptions;
+    treeChart: TreeChartOptions;
+    treemapChart: BaseChartOptions;
+    wordCloudChart: WorldCloudChartOptions;
+};
+export { alluvial, area, axis, boxplot, canvasZoomSettings, carbonPrefix, circlePack, color, defaultLegendAdditionalItems, heatmap, histogram, legend, lines, meter, pie, radar, spacers, tooltips, transitions, toolbar, zoomBar } from './configuration-non-customizable';

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

@@ -0,0 +1,62 @@
+import { BaseChartOptions } from '../../interfaces/charts';
+import { ChartTabularData } from '../../interfaces/model';
+import * as areaDemos from './area';
+import * as barDemos from './bar';
+import * as boxplotDemos from './boxplot';
+import * as bubbleDemos from './bubble';
+import * as bulletDemos from './bullet';
+import * as choroplethDemos from './choropleth';
+import * as comboDemos from './combo';
+import * as donutDemos from './donut';
+import * as gaugeDemos from './gauge';
+import * as histogramDemos from './histogram';
+import * as lineDemos from './line';
+import * as lollipopDemos from './lollipop';
+import * as meterDemos from './meter';
+import * as pieDemos from './pie';
+import * as radarDemos from './radar';
+import * as scatterDemos from './scatter';
+import * as stepDemos from './step';
+import * as timeSeriesAxisDemos from './time-series-axis';
+import * as treeDemos from './tree';
+import * as treemapDemos from './treemap';
+import * as circlePackDemos from './circle-pack';
+import * as toolbarDemos from './toolbar';
+import * as wordCloudDemos from './wordcloud';
+import * as zoomBarDemos from './zoom-bar';
+import * as alluvialDemos from './alluvial';
+import * as highlightDemos from './hightlight';
+import * as heatmapDemos from './heatmap';
+export { areaDemos, barDemos, boxplotDemos, bubbleDemos, bulletDemos, choroplethDemos, comboDemos, donutDemos, gaugeDemos, histogramDemos, lineDemos, lollipopDemos, meterDemos, pieDemos, radarDemos, scatterDemos, stepDemos, timeSeriesAxisDemos, treeDemos, treemapDemos, circlePackDemos, toolbarDemos, wordCloudDemos, zoomBarDemos, alluvialDemos, highlightDemos, heatmapDemos };
+export interface Demo {
+    title: string;
+    chartType: {
+        vanilla: string;
+        angular?: string;
+        react?: string;
+        svelte?: string;
+        vue?: string;
+    };
+    data: ChartTabularData;
+    options: BaseChartOptions;
+    codesandbox: {
+        vanilla: string;
+        angular?: string;
+        react?: string;
+        svelte?: string;
+        vue?: string;
+    };
+    code: {
+        vanilla: any;
+        angular?: any;
+        react?: any;
+        svelte?: any;
+        vue?: any;
+    };
+}
+export interface DemoGroup {
+    storyGroupTitle: string;
+    title: string;
+    demos: Demo[];
+}
+export declare const storybookDemoGroups: any[];

package/{build/demo/data → dist/demo/charts}/time-series-axis.d.ts

@@ -1,13 +1,8 @@
 export declare const lineTimeSeriesData15seconds: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeries15secondsOptions: {
     title: string;
     axes: {
@@ -21,15 +16,10 @@ export declare const lineTimeSeries15secondsOptions: {
     };
 };
 export declare const lineTimeSeriesDataMinute: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesMinuteOptions: {
     title: string;
     axes: {
@@ -43,15 +33,10 @@ export declare const lineTimeSeriesMinuteOptions: {
     };
 };
 export declare const lineTimeSeriesData30minutes: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeries30minutesOptions: {
     title: string;
     axes: {
@@ -65,15 +50,10 @@ export declare const lineTimeSeries30minutesOptions: {
     };
 };
 export declare const lineTimeSeriesDataHourlyDefaultTicksFormats: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesHourlyDefaultLocaleOptions: {
     title: string;
     axes: {
@@ -87,15 +67,10 @@ export declare const lineTimeSeriesHourlyDefaultLocaleOptions: {
     };
 };
 export declare const lineTimeSeriesDataHourlyCustomTicksFormats: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesHourlyCustomTicksFormatsOptions: {
     title: string;
     axes: {
@@ -117,15 +92,10 @@ export declare const lineTimeSeriesHourlyCustomTicksFormatsOptions: {
     };
 };
 export declare const lineTimeSeriesDataDaily: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesDailyOptions: {
     title: string;
     axes: {
@@ -139,15 +109,10 @@ export declare const lineTimeSeriesDailyOptions: {
     };
 };
 export declare const lineTimeSeriesDataWeekly: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesWeeklyOptions: {
     title: string;
     axes: {
@@ -164,15 +129,10 @@ export declare const lineTimeSeriesWeeklyOptions: {
     };
 };
 export declare const lineTimeSeriesDataMonthlyDefaultLocale: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesMonthlyDefaultLocaleOptions: {
     title: string;
     axes: {
@@ -186,15 +146,10 @@ export declare const lineTimeSeriesMonthlyDefaultLocaleOptions: {
     };
 };
 export declare const lineTimeSeriesDataMonthlyCustomLocale: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesMonthlyCustomLocaleOptions: {
     title: string;
     axes: {
@@ -211,15 +166,10 @@ export declare const lineTimeSeriesMonthlyCustomLocaleOptions: {
     };
 };
 export declare const lineTimeSeriesDataQuarterly: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesQuarterlyOptions: {
     title: string;
     axes: {
@@ -233,15 +183,10 @@ export declare const lineTimeSeriesQuarterlyOptions: {
     };
 };
 export declare const lineTimeSeriesDataYearly: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesYearlyOptions: {
     title: string;
     axes: {
@@ -255,15 +200,10 @@ export declare const lineTimeSeriesYearlyOptions: {
     };
 };
 export declare const lineTimeSeriesDataSingleDatum: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesSingleDatumOptions: {
     title: string;
     axes: {
@@ -277,15 +217,10 @@ export declare const lineTimeSeriesSingleDatumOptions: {
     };
 };
 export declare const lineTimeSeriesNoExtendedDomainData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesNoExtendedDomainOptions: {
     title: string;
     axes: {
@@ -302,15 +237,10 @@ export declare const lineTimeSeriesNoExtendedDomainOptions: {
     };
 };
 export declare const lineTimeSeriesDataTwoIdenticalLabels: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesTwoIdenticalLabelsOptions: {
     title: string;
     axes: {
@@ -342,15 +272,10 @@ export declare const lineTimeSeriesTwoIdenticalLabels2Options: {
     };
 };
 export declare const lineTimeSeriesDataAllLabelsInPrimaryFormat: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesAllLabelsInPrimaryFormatOptions: {
     title: string;
     axes: {

package/{build/demo/data → dist/demo/charts}/zoom-bar.d.ts

@@ -56,37 +56,22 @@ export declare const zoomBarStepTimeSeriesData: {
 }[];
 export declare const zoomBarStepTimeSeriesOptions: any;
 export declare const zoomBarLineTimeSeries15secondsData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const zoomBarLineTimeSeries15secondsOptions: any;
 export declare const zoomBarLineTimeSeriesInitDomainData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const zoomBarLineTimeSeriesInitDomainOptions: any;
 export declare const zoomBarStringDateData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: string;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: string;
+    value: number;
+}[];
 export declare const zoomBarStringDateOptions: any;
 export declare const zoomBarLockedData: any[];
 export declare const zoomBarLockedOptions: any;

package/dist/demo/index.d.ts

@@ -0,0 +1,4 @@
+export { storybookDemoGroups } from './charts';
+export type { Demo, DemoGroup } from './charts';
+export { addControls, addOtherVersions, addRadioButtonEventListeners } from './utils/story-widgets';
+export { areaDemos, barDemos, boxplotDemos, bubbleDemos, bulletDemos, comboDemos, donutDemos, gaugeDemos, histogramDemos, lineDemos, lollipopDemos, meterDemos, pieDemos, radarDemos, scatterDemos, stepDemos, timeSeriesAxisDemos, treeDemos, treemapDemos, circlePackDemos, toolbarDemos, wordCloudDemos, zoomBarDemos, alluvialDemos, highlightDemos, heatmapDemos } from './charts';