@carbon/charts 0.30.17 → 0.30.21

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.30.21](https://github.com/IBM/carbon-charts/compare/v0.30.20...v0.30.21) (2020-05-11)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.30.20](https://github.com/IBM/carbon-charts/compare/v0.30.19...v0.30.20) (2020-05-08)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.30.19](https://github.com/IBM/carbon-charts/compare/v0.30.18...v0.30.19) (2020-05-01)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.30.18](https://github.com/IBM/carbon-charts/compare/v0.30.17...v0.30.18) (2020-04-24)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
 ## [0.30.17](https://github.com/IBM/carbon-charts/compare/v0.30.16...v0.30.17) (2020-04-23)
 
 **Note:** Version bump only for package @carbon/charts

package/build/demo/data/create-codesandbox.d.ts

@@ -85,3 +85,40 @@ export declare const createVueChartApp: {
         "props": {};
     };
 };
+export declare const createSvelteChartApp: {
+    (demo: any): {
+        "App.svelte": string;
+        "index.js": string;
+        "package.json": {
+            "scripts": {
+                "build": string;
+                "autobuild": string;
+                "dev": string;
+                "start": string;
+                "start:dev": string;
+            };
+            "devDependencies": {
+                "npm-run-all": string;
+                "rollup": string;
+                "rollup-plugin-commonjs": string;
+                "rollup-plugin-node-resolve": string;
+                "rollup-plugin-svelte": string;
+                "rollup-plugin-terser": string;
+                "sirv-cli": string;
+            };
+            dependencies: {
+                "@carbon/charts": any;
+                "@carbon/charts-svelte": any;
+                d3: string;
+                svelte: string;
+            };
+        };
+        "rollup.config.js": string;
+    };
+    displayName: string;
+    __docgenInfo: {
+        "description": string;
+        "displayName": string;
+        "props": {};
+    };
+};

package/build/demo/data/index.d.ts

@@ -5,6 +5,7 @@ export * from "./line";
 export * from "./pie";
 export * from "./scatter";
 export * from "./step";
+export * from "./radar";
 export declare const chartTypes: {
     SimpleBarChart: {
         vanilla: string;
@@ -46,6 +47,11 @@ export declare const chartTypes: {
         angular: string;
         vue: string;
     };
+    RadarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
 };
 export declare const storybookDemoGroups: any;
 export declare const demoGroups: any;

package/build/demo/data/line.d.ts

@@ -45,6 +45,27 @@ export declare const lineTimeSeriesOptions: {
     };
     curve: string;
 };
+export declare const lineTimeSeriesDenseData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const lineTimeSeriesDenseOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+};
 export declare const lineTimeSeriesDataRotatedTicks: {
     group: string;
     date: Date;

package/build/demo/data/radar.d.ts

@@ -0,0 +1,42 @@
+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 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/build/src/charts/index.d.ts

@@ -6,3 +6,4 @@ export * from "./line";
 export * from "./scatter";
 export * from "./pie";
 export * from "./donut";
+export * from "./radar";

package/build/src/charts/radar.d.ts

@@ -0,0 +1,6 @@
+import { Chart } from "../chart";
+import { ChartConfig, RadarChartOptions } from "../interfaces/index";
+export declare class RadarChart extends Chart {
+    constructor(holder: Element, chartConfigs: ChartConfig<RadarChartOptions>, extending?: boolean);
+    getComponents(): any[];
+}

package/build/src/components/axes/grid.d.ts

@@ -15,10 +15,6 @@ export declare class Grid extends Component {
      * @param position mouse positon
      */
     getActiveGridline(position: any): any;
-    /**
-     * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.
-     */
-    addGridEventListeners(): void;
     drawBackdrop(): void;
     cleanGrid(g: any): void;
 }

package/build/src/components/axes/ruler.d.ts

@@ -0,0 +1,17 @@
+import { Component } from "../component";
+import { Selection } from "d3-selection";
+declare type GenericSvgSelection = Selection<SVGElement, any, SVGElement, any>;
+export declare class Ruler extends Component {
+    type: string;
+    backdrop: GenericSvgSelection;
+    elementsToHighlight: GenericSvgSelection;
+    render(): void;
+    showRuler([x, y]: [number, number]): void;
+    hideRuler(): void;
+    /**
+     * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.
+     */
+    addBackdropEventListeners(): void;
+    drawBackdrop(): void;
+}
+export {};

package/build/src/components/essentials/tooltip-radar.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip } from "./tooltip";
+export declare class TooltipRadar extends Tooltip {
+    getMultilineTooltipHTML(data: any): string;
+}

package/build/src/components/graphs/radar.d.ts

@@ -0,0 +1,22 @@
+import { Component } from "../component";
+export declare class Radar extends Component {
+    type: string;
+    svg: SVGElement;
+    groupMapsTo: string;
+    uniqueKeys: string[];
+    uniqueGroups: string[];
+    displayDataNormalized: any;
+    groupedDataNormalized: any;
+    init(): void;
+    render(animate?: boolean): void;
+    getLabelDimensions: (label: string) => {
+        width: any;
+        height: any;
+    };
+    normalizeFlatData: (dataset: any) => any;
+    normalizeGroupedData: (dataset: any) => any;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: (event: CustomEvent<any>) => void;
+    destroy(): void;
+    addEventListeners(): void;
+}

package/build/src/components/index.d.ts

@@ -5,6 +5,7 @@ export * from "./essentials/tooltip";
 export * from "./essentials/tooltip-bar";
 export * from "./essentials/tooltip-pie";
 export * from "./essentials/tooltip-scatter";
+export * from "./essentials/tooltip-radar";
 export * from "./graphs/bar-simple";
 export * from "./graphs/bar-grouped";
 export * from "./graphs/bar-stacked";
@@ -18,4 +19,5 @@ export * from "./layout/layout";
 export * from "./axes/two-dimensional-axes";
 export * from "./axes/axis";
 export * from "./axes/grid";
+export * from "./axes/ruler";
 export * from "./axes/zero-line";

package/build/src/configuration.d.ts

@@ -1,4 +1,4 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, PieChartOptions, DonutChartOptions, BubbleChartOptions, GridOptions, TimeScaleOptions, TooltipOptions, AxisTooltipOptions, BarTooltipOptions, LegendOptions } from "./interfaces";
+import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, PieChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, GridOptions, TimeScaleOptions, TooltipOptions, AxisTooltipOptions, BarTooltipOptions, LegendOptions } from "./interfaces";
 /**
  * Legend options
  */
@@ -25,6 +25,7 @@ export declare const options: {
     scatterChart: ScatterChartOptions;
     pieChart: PieChartOptions;
     donutChart: DonutChartOptions;
+    radarChart: RadarChartOptions;
 };
 /**
  * Options for line behaviour

package/build/src/interfaces/charts.d.ts

@@ -102,6 +102,7 @@ export interface ScatterChartOptions extends AxisChartOptions {
          */
         radius: number;
         fillOpacity?: number;
+        filled?: boolean;
     };
 }
 /**
@@ -177,3 +178,24 @@ export interface DonutChartOptions extends PieChartOptions {
         };
     };
 }
+/**
+ * options specific to radar charts
+ */
+export interface RadarChartOptions extends BaseChartOptions {
+    radar?: {
+        opacity: {
+            unselected: number;
+            selected: number;
+        };
+        axes: {
+            angle: string;
+            value: string;
+        };
+        xLabelPadding: number;
+        yLabelPadding: number;
+        yTicksNumber: number;
+        minRange: number;
+        xAxisRectHeight: number;
+        dotsRadius: number;
+    };
+}

package/build/src/interfaces/enums.d.ts

@@ -93,3 +93,19 @@ export declare enum CalloutDirections {
     LEFT = "left",
     RIGHT = "right"
 }
+/**
+ * enum of all possible attributes used to aling text horizontally
+ */
+export declare enum TextAnchor {
+    START = "start",
+    MIDDLE = "middle",
+    END = "end"
+}
+/**
+ * enum of all possible attributes used to aling text vertically
+ */
+export declare enum DominantBaseline {
+    BASELINE = "baseline",
+    MIDDLE = "middle",
+    HANGING = "hanging"
+}

package/build/src/interfaces/events.d.ts

@@ -56,6 +56,15 @@ export declare enum Line {
     POINT_CLICK = "scatter-click",
     POINT_MOUSEOUT = "scatter-mouseout"
 }
+/**
+ * enum of all radar graph events
+ */
+export declare enum Radar {
+    X_AXIS_MOUSEOVER = "radar-x-axis-mouseover",
+    X_AXIS_MOUSEMOVE = "radar-x-axis-mousemove",
+    X_AXIS_CLICK = "radar-x-axis-click",
+    X_AXIS_MOUSEOUT = "radar-x-axis-mouseout"
+}
 /**
  * enum of all tooltip events
  */

package/build/src/services/angle-utils.d.ts

@@ -0,0 +1,205 @@
+import { TextAnchor, DominantBaseline } from "../interfaces/enums";
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare type Angle = number;
+interface LabelAlignment {
+    textAnchor: TextAnchor;
+    dominantBaseline: DominantBaseline;
+}
+export declare function radialLabelPlacement(angleRadians: Angle): LabelAlignment;
+export declare namespace radialLabelPlacement {
+    var displayName: string;
+    var __docgenInfo: {
+        "description": string;
+        "displayName": string;
+        "props": {
+            "toString": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toFixed": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toExponential": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toPrecision": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "valueOf": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toLocaleString": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+        };
+    };
+}
+export declare function radToDeg(rad: Angle): Angle;
+export declare namespace radToDeg {
+    var displayName: string;
+    var __docgenInfo: {
+        "description": string;
+        "displayName": string;
+        "props": {
+            "toString": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toFixed": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toExponential": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toPrecision": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "valueOf": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toLocaleString": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+        };
+    };
+}
+export declare function degToRad(deg: Angle): Angle;
+export declare namespace degToRad {
+    var displayName: string;
+    var __docgenInfo: {
+        "description": string;
+        "displayName": string;
+        "props": {
+            "toString": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toFixed": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toExponential": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toPrecision": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "valueOf": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+            "toLocaleString": {
+                "defaultValue": any;
+                "description": string;
+                "name": string;
+                "required": boolean;
+                "type": {
+                    "name": string;
+                };
+            };
+        };
+    };
+}
+export declare function polarToCartesianCoords(a: Angle, r: number, t?: Point): Point;
+export declare function distanceBetweenPointOnCircAndVerticalDiameter(a: Angle, r: number): number;
+export {};

package/build/src/tools.d.ts

@@ -5,6 +5,9 @@ export declare namespace Tools {
     export const merge: any;
     export const removeArrayDuplicates: any;
     export const clamp: any;
+    export const isEqual: any;
+    export const flatMapDeep: any;
+    export const kebabCase: any;
     /**
      * Returns default chart options merged with provided options,
      * with special cases for axes.

package/build/stories/tutorials/getting-started/angular.d.ts

@@ -0,0 +1 @@
+export declare const angularTutorial: string;

package/build/stories/tutorials/getting-started/react.d.ts

@@ -0,0 +1 @@
+export declare const reactTutorial: string;

package/build/stories/tutorials/getting-started/vanilla.d.ts

@@ -0,0 +1 @@
+export declare const vanillaTutorial: string;

package/build/stories/tutorials/getting-started/vue.d.ts

@@ -0,0 +1 @@
+export declare const vueTutorial: string;

package/build/stories/tutorials/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./tabular-data-format";
+export * from "./getting-started/angular";
+export * from "./getting-started/react";
+export * from "./getting-started/vue";
+export * from "./getting-started/vanilla";

package/build/stories/tutorials/tabular-data-format.d.ts

@@ -0,0 +1 @@
+export declare const tabularTutorial: string;