@carbon/charts 1.8.0 → 1.9.0-next.0

package/build/src/configuration-non-customizable.d.ts

@@ -1,263 +0,0 @@
-import { ZoomBarTypes, LegendItemType } from './interfaces';
-import { easeCubicInOut } from 'd3-ease';
-export declare const carbonPrefix = "cds";
-export declare const area: {
-    opacity: {
-        unselected: number;
-        selected: number;
-    };
-};
-export declare const axis: {
-    ticks: {
-        number: number;
-        rotateIfSmallerThan: number;
-        verticalSpaceRatio: number;
-        horizontalSpaceRatio: number;
-    };
-    ratio: {
-        reference: string;
-        compareTo: string;
-    };
-    paddingRatio: number;
-    hover: {
-        rectanglePadding: number;
-    };
-};
-export declare const canvasZoomSettings: {
-    duration: number;
-    ease: typeof easeCubicInOut;
-    zoomLevel: number;
-};
-export declare const circlePack: {
-    circles: {
-        fillOpacity: number;
-        hover: {
-            stroke: string;
-        };
-    };
-    padding: {
-        mainGroup: number;
-        children: number;
-    };
-    hierarchyLevel: number;
-};
-export declare const color: {
-    pairingOptions: {
-        '1-color': number;
-        '2-color': number;
-        '3-color': number;
-        '4-color': number;
-        '5-color': number;
-        '14-color': number;
-    };
-};
-export declare const boxplot: {
-    circle: {
-        radius: number;
-        opacity: {
-            hovered: number;
-            default: number;
-        };
-    };
-    box: {
-        opacity: {
-            hovered: number;
-            default: number;
-        };
-    };
-    strokeWidth: {
-        default: number;
-        thicker: number;
-    };
-};
-export declare const histogram: {
-    defaultBins: number;
-};
-export declare const legend: {
-    items: {
-        status: {
-            ACTIVE: number;
-            DISABLED: number;
-        };
-        horizontalSpace: number;
-        verticalSpace: number;
-        textYOffset: number;
-        spaceAfter: number;
-    };
-    checkbox: {
-        radius: number;
-    };
-    radius: {
-        iconData: {
-            cx: number;
-            cy: number;
-            r: number;
-        }[];
-        fill: any;
-        stroke: string;
-    };
-    line: {
-        yPosition: number;
-        width: number;
-        strokeWidth: number;
-        fill: any;
-        stroke: string;
-    };
-    area: {
-        width: number;
-        height: number;
-        fill: string;
-        stroke: any;
-    };
-    size: {
-        iconData: {
-            width: number;
-            height: number;
-        }[];
-        fill: any;
-        stroke: string;
-    };
-    quartile: {
-        iconData: {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        }[];
-    };
-    zoom: {
-        iconData: {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        }[];
-        color: string;
-    };
-    color: {
-        barWidth: number;
-        barHeight: number;
-        axisYTranslation: number;
-    };
-};
-export declare const lines: {
-    opacity: {
-        unselected: number;
-        selected: number;
-    };
-    weight: {
-        selected: number;
-        unselected: number;
-    };
-};
-export declare const meter: {
-    statusBar: {
-        paddingRight: number;
-    };
-    status: {
-        indicatorSize: number;
-        paddingLeft: number;
-    };
-    total: {
-        paddingLeft: number;
-        paddingRight: number;
-    };
-    height: {
-        default: number;
-        proportional: number;
-    };
-    dividerWidth: number;
-};
-export declare const pie: {
-    radiusOffset: number;
-    innerRadius: number;
-    padAngle: number;
-    hoverArc: {
-        outerRadiusOffset: number;
-    };
-    xOffset: number;
-    yOffset: number;
-    yOffsetCallout: number;
-    callout: {
-        minSliceDegree: number;
-        offsetX: number;
-        offsetY: number;
-        horizontalLineLength: number;
-        textMargin: number;
-    };
-};
-export declare const radar: {
-    opacity: {
-        unselected: number;
-        selected: number;
-    };
-    xLabelPadding: number;
-    yLabelPadding: number;
-    yTicksNumber: number;
-    minRange: number;
-    xAxisRectHeight: number;
-    dotsRadius: number;
-};
-export declare const alluvial: {
-    nodeWidth: number;
-    nodeHoveredWidth: number;
-    minNodePadding: number;
-    opacity: {
-        unfocus: number;
-        default: number;
-        selected: number;
-    };
-};
-export declare const heatmap: {
-    minCellDividerDimension: number;
-    chartPadding: number;
-};
-export declare const spacers: {
-    default: {
-        size: number;
-    };
-};
-export declare const tooltips: {
-    horizontalOffset: number;
-};
-/**
- * Base transition configuration
- */
-export declare const transitions: {
-    default: {
-        duration: number;
-    };
-    pie_slice_mouseover: {
-        duration: number;
-    };
-    pie_chart_titles: {
-        duration: number;
-    };
-    graph_element_mouseover_fill_update: {
-        duration: number;
-    };
-    graph_element_mouseout_fill_update: {
-        duration: number;
-    };
-};
-export declare const toolbar: {
-    buttonSize: number;
-    iconSize: number;
-    height: number;
-    spacerHeight: number;
-    iconPadding: number;
-};
-export declare const zoomBar: {
-    height: {
-        [ZoomBarTypes.GRAPH_VIEW]: number;
-        [ZoomBarTypes.SLIDER_VIEW]: number;
-    };
-    spacerHeight: number;
-    handleWidth: number;
-    handleBarWidth: number;
-    handleBarHeight: number;
-};
-export declare const defaultLegendAdditionalItems: {
-    type: LegendItemType;
-    name: string;
-}[];

package/build/src/configuration.d.ts

@@ -1,46 +0,0 @@
-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';

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

@@ -1,12 +0,0 @@
-export declare enum Roles {
-    GRAPHICS_DOCUMENT = "graphics-document",
-    GRAPHICS_OBJECT = "graphics-object",
-    GRAPHICS_SYMBOL = "graphics-symbol",
-    GROUP = "group",
-    DOCUMENT = "document",
-    CHECKBOX = "checkbox",
-    BUTTON = "button",
-    MENU = "menu",
-    MENU_ITEM = "menuitem",
-    IMG = "img"
-}

package/build/src/interfaces/axis-scales.d.ts

@@ -1,201 +0,0 @@
-import { ScaleTypes, TickRotations, AxisTitleOrientations } from './enums';
-import { ThresholdOptions } from './components';
-import { TruncationOptions } from './truncation';
-import { AxisDomain } from 'd3-axis';
-import { Locale } from 'date-fns';
-export interface BasedAxisOptions {
-    /**
-     * type of the scale used on axis
-     */
-    scaleType?: ScaleTypes;
-    /**
-     * Whether the Axis should use the specified domain
-     * instead of it being dynamically generated based on data extents.
-     * The type of values should depend on the scale type.
-     * Example for continuous axis scale: [-100, 100]
-     * Example for discrete axis scale: ['Qty', 'More', 'Sold']
-     * No need to define domain for percentage axis scale
-     */
-    domain?: AxisDomain[];
-    /**
-     * an additional key from the charting data that is used to
-     * extend the domain of an axis by
-     * (e.g. in the bullet graph we need both the marker &
-     * the data values to define the domain of the linear scale)
-     */
-    extendLinearDomainBy?: string;
-    /**
-     * Whether the Axis should be forced to include 0 as a starting point
-     * (or ending point, in case of all negative axis).
-     * Default: true
-     */
-    includeZero?: boolean;
-    /**
-     * identifies what key within the data the axis values would map to
-     */
-    mapsTo?: string;
-    /**
-     * optional title for the scales
-     */
-    title?: string;
-    /**
-     * Override for the orientation of the title (for vertical axes).
-     * The title string can be overrided to be rotated left or right.
-     */
-    titleOrientation?: AxisTitleOrientations;
-    /**
-     * thresholds
-     * Example:
-     * [
-     *		{value: 10000},
-     *		{value: 40020, valueFormatter: (x) => x},
-     *		{value: 55000, label: "Custom label", fillColor: "#03a9f4"},
-     * ]
-     */
-    thresholds?: ThresholdOptions[];
-    /**
-     * tick configuration
-     */
-    ticks?: {
-        /**
-         * number of ticks to show
-         */
-        number?: number;
-        /**
-         * minimum tick value
-         */
-        min?: number;
-        /**
-         * maximum tick value
-         */
-        max?: number;
-        /**
-         * minimum width of a tick
-         * before getting rotated (in pixels)
-         */
-        rotateIfSmallerThan?: number;
-        /**
-         * when to rotate ticks
-         */
-        rotation?: TickRotations;
-        /**
-         * function to format the ticks
-         */
-        formatter?: Function;
-        /**
-         * optional custom array of tick values that is within the domain of data
-         */
-        values?: any[];
-    };
-    truncation?: TruncationOptions;
-    /**
-     * is axis visible or not
-     */
-    visible?: boolean;
-    /**
-     * Bins to display (Histogram)
-     * bins: 20
-     * bins: [0, 20, 40, 60]
-     * bins: [new Date(...), new Date(...), ...]
-     */
-    bins?: number | any[];
-    /**
-     * limit the visible axis domain to only the binned area
-     */
-    limitDomainToBins?: boolean;
-    /**
-     * should be set to `true` on the domain
-     * axis that's being broken into bins
-     */
-    binned?: boolean;
-}
-/**
- * options to configure a scale. not all options are used by all scales
- */
-export interface AxisOptions extends BasedAxisOptions {
-    /**
-     * option for stacked axis
-     */
-    stacked?: boolean;
-    /**
-     * option for percentage axis scale
-     */
-    percentage?: boolean;
-}
-export interface ComboChartAxisOptions extends AxisOptions {
-    /**
-     * should be set to `true` for the
-     * left axis to be the primary axis
-     */
-    main?: boolean;
-    /**
-     * used to map data on the secondary axis
-     */
-    correspondingDatasets?: Array<string>;
-}
-export interface BinnedAxisOptions {
-    /**
-     * should be set to `true` on the domain
-     * axis that's being broken into bins
-     */
-    binned?: boolean;
-    /**
-     * Bins to display (Histogram)
-     * bins: 20
-     * bins: [0, 20, 40, 60]
-     * bins: [new Date(...), new Date(...), ...]
-     */
-    bins?: number | any[];
-    /**
-     * limit the visible axis domain to only the binned area
-     */
-    limitDomainToBins?: boolean;
-}
-/**
- * customize time series scales
- */
-export interface TimeScaleOptions {
-    addSpaceOnEdges?: number;
-    /**
-     * if it's true, days are shown as mon-sun,
-     * otherwise days are shown as number 1-31
-     */
-    showDayName?: boolean;
-    /**
-     * formats for each time interval
-     */
-    timeIntervalFormats?: TimeIntervalFormats;
-    /**
-     * locale object, for more information see https://date-fns.org/v2.11.0/docs/Locale.
-     * example: `import enUSLocaleObject from "date-fns/locale/en-US/index"`.
-     * available locale objects are: https://github.com/date-fns/date-fns/tree/master/src/locale
-     */
-    localeObject?: Locale;
-}
-/**
- * time scales: customize ticks format for different time intervals
- */
-export interface TickFormats {
-    primary?: string;
-    secondary?: string;
-}
-export interface TimeIntervalFormats {
-    '15seconds'?: TickFormats;
-    minute?: TickFormats;
-    '30minutes'?: TickFormats;
-    hourly?: TickFormats;
-    daily?: TickFormats;
-    weekly?: TickFormats;
-    monthly?: TickFormats;
-    quarterly?: TickFormats;
-    yearly?: TickFormats;
-}
-/**
- * customize the axes components
- */
-export interface AxesOptions<AxesOptionType> {
-    left?: AxesOptionType;
-    bottom?: AxesOptionType;
-    right?: AxesOptionType;
-    top?: AxesOptionType;
-}