@carbon/charts 1.8.0 → 1.9.0-rc.1

package/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/configuration-non-customizable.js

@@ -1,276 +0,0 @@
-var _a;
-import { ZoomBarTypes, LegendItemType } from './interfaces';
-import { easeCubicInOut } from 'd3-ease';
-export var carbonPrefix = 'cds';
-export var area = {
-    opacity: {
-        unselected: 0.05,
-        selected: 0.4,
-    },
-};
-export var axis = {
-    ticks: {
-        number: 7,
-        rotateIfSmallerThan: 30,
-        verticalSpaceRatio: 2.5,
-        horizontalSpaceRatio: 3.5,
-    },
-    ratio: {
-        reference: 'value',
-        compareTo: 'marker',
-    },
-    paddingRatio: 0.1,
-    hover: {
-        rectanglePadding: 4,
-    },
-};
-export var canvasZoomSettings = {
-    duration: 1000,
-    ease: easeCubicInOut,
-    zoomLevel: 3,
-};
-export var circlePack = {
-    circles: {
-        fillOpacity: 0.3,
-        hover: {
-            stroke: '#FFF',
-        },
-    },
-    padding: {
-        mainGroup: 4,
-        children: 2,
-    },
-    hierarchyLevel: 2,
-};
-export var color = {
-    pairingOptions: {
-        '1-color': 4,
-        '2-color': 5,
-        '3-color': 5,
-        '4-color': 3,
-        '5-color': 2,
-        '14-color': 1,
-    },
-};
-export var boxplot = {
-    circle: {
-        radius: 4,
-        opacity: {
-            hovered: 1,
-            default: 0.3,
-        },
-    },
-    box: {
-        opacity: {
-            hovered: 0.5,
-            default: 0.3,
-        },
-    },
-    strokeWidth: {
-        default: 1,
-        thicker: 2,
-    },
-};
-export var histogram = {
-    defaultBins: 10,
-};
-export var legend = {
-    items: {
-        status: {
-            ACTIVE: 1,
-            DISABLED: 0,
-        },
-        horizontalSpace: 12,
-        verticalSpace: 24,
-        textYOffset: 8,
-        spaceAfter: 4,
-    },
-    checkbox: {
-        radius: 6.5,
-    },
-    radius: {
-        iconData: [
-            { cx: 7, cy: 7, r: 6.5 },
-            { cx: 7, cy: 10, r: 3.5 },
-        ],
-        fill: null,
-        stroke: '#8c8c8c',
-    },
-    line: {
-        yPosition: 6,
-        width: 24,
-        strokeWidth: 1.4,
-        fill: null,
-        stroke: '#999999',
-    },
-    area: {
-        width: 24,
-        height: 14,
-        fill: '#6f6f6f',
-        stroke: null,
-    },
-    size: {
-        iconData: [
-            { width: 23, height: 12 },
-            { width: 13, height: 6 },
-        ],
-        fill: null,
-        stroke: '#8D8D8D',
-    },
-    quartile: {
-        iconData: [
-            { x: 0, y: 0, width: 24, height: 13 },
-            { x: 11, y: 4, width: 1, height: 4 },
-        ],
-    },
-    zoom: {
-        iconData: [{ x: 0, y: 0, width: 12, height: 12 }],
-        color: '#8D8D8D',
-    },
-    color: {
-        barWidth: 300,
-        barHeight: 8,
-        axisYTranslation: 10,
-    },
-};
-export var lines = {
-    opacity: {
-        unselected: 0.3,
-        selected: 1,
-    },
-    weight: {
-        selected: 2,
-        unselected: 1,
-    },
-};
-export var meter = {
-    statusBar: {
-        paddingRight: 5,
-    },
-    status: {
-        indicatorSize: 16,
-        paddingLeft: 15,
-    },
-    total: {
-        paddingLeft: 36,
-        paddingRight: 24,
-    },
-    height: {
-        default: 8,
-        proportional: 16,
-    },
-    dividerWidth: 2,
-};
-export var pie = {
-    radiusOffset: -15,
-    innerRadius: 2,
-    padAngle: 0.007,
-    hoverArc: {
-        outerRadiusOffset: 3,
-    },
-    xOffset: 30,
-    yOffset: 20,
-    yOffsetCallout: 10,
-    callout: {
-        minSliceDegree: 5,
-        offsetX: 15,
-        offsetY: 12,
-        horizontalLineLength: 8,
-        textMargin: 2,
-    },
-};
-export var radar = {
-    opacity: {
-        unselected: 0.1,
-        selected: 0.3,
-    },
-    xLabelPadding: 10,
-    yLabelPadding: 8,
-    yTicksNumber: 4,
-    minRange: 10,
-    xAxisRectHeight: 50,
-    dotsRadius: 5,
-};
-export var alluvial = {
-    nodeWidth: 4,
-    nodeHoveredWidth: 8,
-    minNodePadding: 24,
-    opacity: {
-        unfocus: 0.3,
-        default: 0.8,
-        selected: 1,
-    },
-};
-export var heatmap = {
-    minCellDividerDimension: 16,
-    // Ensures axes lines are displayed with or without stroke disabled
-    chartPadding: 0.5,
-};
-export var spacers = {
-    default: {
-        size: 24,
-    },
-};
-export var tooltips = {
-    horizontalOffset: 10,
-};
-/**
- * Base transition configuration
- */
-export var transitions = {
-    default: {
-        duration: 300,
-    },
-    pie_slice_mouseover: {
-        duration: 100,
-    },
-    pie_chart_titles: {
-        duration: 375,
-    },
-    graph_element_mouseover_fill_update: {
-        duration: 100,
-    },
-    graph_element_mouseout_fill_update: {
-        duration: 100,
-    },
-};
-export var toolbar = {
-    buttonSize: 32,
-    iconSize: 20,
-    height: 32,
-    spacerHeight: 10,
-    iconPadding: 6,
-};
-export var zoomBar = {
-    height: (_a = {},
-        _a[ZoomBarTypes.GRAPH_VIEW] = 32,
-        _a[ZoomBarTypes.SLIDER_VIEW] = 10,
-        _a),
-    spacerHeight: 8,
-    handleWidth: 5,
-    handleBarWidth: 1,
-    handleBarHeight: 12,
-};
-export var defaultLegendAdditionalItems = [
-    {
-        type: LegendItemType.RADIUS,
-        name: 'Radius',
-    },
-    {
-        type: LegendItemType.AREA,
-        name: 'Poor area',
-    },
-    {
-        type: LegendItemType.AREA,
-        name: 'Satisfactory area',
-    },
-    {
-        type: LegendItemType.AREA,
-        name: 'Great area',
-    },
-    {
-        type: LegendItemType.QUARTILE,
-        name: 'Quartiles',
-    },
-];
-//# sourceMappingURL=../src/configuration-non-customizable.js.map

package/configuration-non-customizable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"configuration-non-customizable.js","sourceRoot":"","sources":["configuration-non-customizable.ts"],"names":[],"mappings":"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","sourcesContent":["import { ZoomBarTypes, LegendItemType } from './interfaces';\nimport { easeCubicInOut } from 'd3-ease';\n\nexport const carbonPrefix = 'cds';\n\nexport const area = {\n\topacity: {\n\t\tunselected: 0.05,\n\t\tselected: 0.4,\n\t},\n};\n\nexport const axis = {\n\tticks: {\n\t\tnumber: 7,\n\t\trotateIfSmallerThan: 30,\n\t\tverticalSpaceRatio: 2.5,\n\t\thorizontalSpaceRatio: 3.5,\n\t},\n\tratio: {\n\t\treference: 'value',\n\t\tcompareTo: 'marker',\n\t},\n\tpaddingRatio: 0.1,\n\thover: {\n\t\trectanglePadding: 4,\n\t},\n};\n\nexport const canvasZoomSettings = {\n\tduration: 1000,\n\tease: easeCubicInOut,\n\tzoomLevel: 3,\n};\n\nexport const circlePack = {\n\tcircles: {\n\t\tfillOpacity: 0.3,\n\t\thover: {\n\t\t\tstroke: '#FFF',\n\t\t},\n\t},\n\tpadding: {\n\t\tmainGroup: 4,\n\t\tchildren: 2,\n\t},\n\thierarchyLevel: 2,\n};\n\nexport const color = {\n\tpairingOptions: {\n\t\t'1-color': 4,\n\t\t'2-color': 5,\n\t\t'3-color': 5,\n\t\t'4-color': 3,\n\t\t'5-color': 2,\n\t\t'14-color': 1,\n\t},\n};\n\nexport const boxplot = {\n\tcircle: {\n\t\tradius: 4,\n\t\topacity: {\n\t\t\thovered: 1,\n\t\t\tdefault: 0.3,\n\t\t},\n\t},\n\tbox: {\n\t\topacity: {\n\t\t\thovered: 0.5,\n\t\t\tdefault: 0.3,\n\t\t},\n\t},\n\tstrokeWidth: {\n\t\tdefault: 1,\n\t\tthicker: 2,\n\t},\n};\n\nexport const histogram = {\n\tdefaultBins: 10,\n};\n\nexport const legend = {\n\titems: {\n\t\tstatus: {\n\t\t\tACTIVE: 1,\n\t\t\tDISABLED: 0,\n\t\t},\n\t\thorizontalSpace: 12,\n\t\tverticalSpace: 24,\n\t\ttextYOffset: 8,\n\t\tspaceAfter: 4,\n\t},\n\tcheckbox: {\n\t\tradius: 6.5,\n\t},\n\tradius: {\n\t\ticonData: [\n\t\t\t{ cx: 7, cy: 7, r: 6.5 },\n\t\t\t{ cx: 7, cy: 10, r: 3.5 },\n\t\t],\n\t\tfill: null,\n\t\tstroke: '#8c8c8c',\n\t},\n\tline: {\n\t\tyPosition: 6,\n\t\twidth: 24,\n\t\tstrokeWidth: 1.4,\n\t\tfill: null,\n\t\tstroke: '#999999',\n\t},\n\tarea: {\n\t\twidth: 24,\n\t\theight: 14,\n\t\tfill: '#6f6f6f',\n\t\tstroke: null,\n\t},\n\tsize: {\n\t\ticonData: [\n\t\t\t{ width: 23, height: 12 },\n\t\t\t{ width: 13, height: 6 },\n\t\t],\n\t\tfill: null,\n\t\tstroke: '#8D8D8D',\n\t},\n\tquartile: {\n\t\ticonData: [\n\t\t\t{ x: 0, y: 0, width: 24, height: 13 },\n\t\t\t{ x: 11, y: 4, width: 1, height: 4 },\n\t\t],\n\t},\n\tzoom: {\n\t\ticonData: [{ x: 0, y: 0, width: 12, height: 12 }],\n\t\tcolor: '#8D8D8D',\n\t},\n\tcolor: {\n\t\tbarWidth: 300,\n\t\tbarHeight: 8,\n\t\taxisYTranslation: 10,\n\t},\n};\n\nexport const lines = {\n\topacity: {\n\t\tunselected: 0.3,\n\t\tselected: 1,\n\t},\n\tweight: {\n\t\tselected: 2,\n\t\tunselected: 1,\n\t},\n};\n\nexport const meter = {\n\tstatusBar: {\n\t\tpaddingRight: 5,\n\t},\n\tstatus: {\n\t\tindicatorSize: 16,\n\t\tpaddingLeft: 15,\n\t},\n\ttotal: {\n\t\tpaddingLeft: 36,\n\t\tpaddingRight: 24,\n\t},\n\theight: {\n\t\tdefault: 8,\n\t\tproportional: 16,\n\t},\n\tdividerWidth: 2,\n};\n\nexport const pie = {\n\tradiusOffset: -15,\n\tinnerRadius: 2,\n\tpadAngle: 0.007,\n\thoverArc: {\n\t\touterRadiusOffset: 3,\n\t},\n\txOffset: 30,\n\tyOffset: 20,\n\tyOffsetCallout: 10,\n\tcallout: {\n\t\tminSliceDegree: 5,\n\t\toffsetX: 15,\n\t\toffsetY: 12,\n\t\thorizontalLineLength: 8,\n\t\ttextMargin: 2,\n\t},\n};\n\nexport const radar = {\n\topacity: {\n\t\tunselected: 0.1,\n\t\tselected: 0.3,\n\t},\n\txLabelPadding: 10,\n\tyLabelPadding: 8,\n\tyTicksNumber: 4,\n\tminRange: 10,\n\txAxisRectHeight: 50,\n\tdotsRadius: 5,\n};\n\nexport const alluvial = {\n\tnodeWidth: 4,\n\tnodeHoveredWidth: 8,\n\tminNodePadding: 24,\n\topacity: {\n\t\tunfocus: 0.3,\n\t\tdefault: 0.8,\n\t\tselected: 1,\n\t},\n};\n\nexport const heatmap = {\n\tminCellDividerDimension: 16,\n\t// Ensures axes lines are displayed with or without stroke disabled\n\tchartPadding: 0.5,\n};\n\nexport const spacers = {\n\tdefault: {\n\t\tsize: 24,\n\t},\n};\n\nexport const tooltips = {\n\thorizontalOffset: 10,\n};\n\n/**\n * Base transition configuration\n */\nexport const transitions = {\n\tdefault: {\n\t\tduration: 300,\n\t},\n\tpie_slice_mouseover: {\n\t\tduration: 100,\n\t},\n\tpie_chart_titles: {\n\t\tduration: 375,\n\t},\n\tgraph_element_mouseover_fill_update: {\n\t\tduration: 100,\n\t},\n\tgraph_element_mouseout_fill_update: {\n\t\tduration: 100,\n\t},\n};\n\nexport const toolbar = {\n\tbuttonSize: 32,\n\ticonSize: 20,\n\theight: 32,\n\tspacerHeight: 10,\n\ticonPadding: 6,\n};\n\nexport const zoomBar = {\n\theight: {\n\t\t[ZoomBarTypes.GRAPH_VIEW]: 32,\n\t\t[ZoomBarTypes.SLIDER_VIEW]: 10,\n\t},\n\tspacerHeight: 8,\n\thandleWidth: 5,\n\thandleBarWidth: 1,\n\thandleBarHeight: 12,\n};\n\nexport const defaultLegendAdditionalItems = [\n\t{\n\t\ttype: LegendItemType.RADIUS,\n\t\tname: 'Radius',\n\t},\n\t{\n\t\ttype: LegendItemType.AREA,\n\t\tname: 'Poor area',\n\t},\n\t{\n\t\ttype: LegendItemType.AREA,\n\t\tname: 'Satisfactory area',\n\t},\n\t{\n\t\ttype: LegendItemType.AREA,\n\t\tname: 'Great area',\n\t},\n\t{\n\t\ttype: LegendItemType.QUARTILE,\n\t\tname: 'Quartiles',\n\t},\n];\n"]}