@carbon/charts 1.8.0 → 1.9.0-rc.1

package/components/axes/ruler.js

@@ -1,209 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-// Internal Imports
-import { Component } from '../component';
-import { DOMUtils } from '../../services';
-import { CartesianOrientations, Events, RenderTypes } from '../../interfaces';
-import * as Tools from '../../tools';
-// D3 Imports
-// @ts-ignore
-// ts-ignore is needed because `@types/d3`
-// is missing the `pointer` function
-import { pointer } from 'd3-selection';
-var THRESHOLD = 5;
-/** check if x is inside threshold area extents  */
-function pointIsWithinThreshold(dx, x) {
-    return dx > x - THRESHOLD && dx < x + THRESHOLD;
-}
-var Ruler = /** @class */ (function (_super) {
-    __extends(Ruler, _super);
-    function Ruler() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = 'ruler';
-        _this.renderType = RenderTypes.SVG;
-        _this.isXGridEnabled = Tools.getProperty(_this.getOptions(), 'grid', 'x', 'enabled');
-        _this.isYGridEnabled = Tools.getProperty(_this.getOptions(), 'grid', 'y', 'enabled');
-        // flag for checking whether ruler event listener is added or not
-        _this.isEventListenerAdded = false;
-        return _this;
-    }
-    Ruler.prototype.render = function () {
-        var isRulerEnabled = Tools.getProperty(this.getOptions(), 'ruler', 'enabled');
-        this.drawBackdrop();
-        if (isRulerEnabled && !this.isEventListenerAdded) {
-            this.addBackdropEventListeners();
-        }
-        else if (!isRulerEnabled && this.isEventListenerAdded) {
-            this.removeBackdropEventListeners();
-        }
-    };
-    Ruler.prototype.removeBackdropEventListeners = function () {
-        this.isEventListenerAdded = false;
-        this.backdrop.on('mousemove mouseover mouseout', null);
-    };
-    Ruler.prototype.formatTooltipData = function (tooltipData) {
-        return tooltipData;
-    };
-    Ruler.prototype.showRuler = function (event, _a) {
-        var _this = this;
-        var x = _a[0], y = _a[1];
-        var svg = this.parent;
-        var orientation = this.services.cartesianScales.getOrientation();
-        var displayData = this.model.getDisplayData();
-        var rangeScale = this.services.cartesianScales.getRangeScale();
-        var _b = rangeScale.range(), yScaleEnd = _b[0], yScaleStart = _b[1];
-        var mouseCoordinate = orientation === CartesianOrientations.HORIZONTAL ? y : x;
-        var ruler = DOMUtils.appendOrSelect(svg, 'g.ruler').attr('aria-label', 'ruler');
-        var rulerLine = DOMUtils.appendOrSelect(ruler, 'line.ruler-line');
-        var dataPointElements = svg.selectAll('[role=graphics-symbol]');
-        var pointsWithinLine = displayData
-            .map(function (d) { return ({
-            domainValue: _this.services.cartesianScales.getDomainValue(d),
-            originalData: d,
-        }); })
-            .filter(function (d) {
-            return pointIsWithinThreshold(d.domainValue, mouseCoordinate);
-        });
-        if (this.pointsWithinLine &&
-            pointsWithinLine.length === this.pointsWithinLine.length &&
-            pointsWithinLine.map(function (point) { return point.domainValue; }).join() ===
-                this.pointsWithinLine.map(function (point) { return point.domainValue; }).join()) {
-            this.pointsWithinLine = pointsWithinLine;
-            return this.services.events.dispatchEvent(Events.Tooltip.MOVE, {
-                mousePosition: [x, y],
-            });
-        }
-        this.pointsWithinLine = pointsWithinLine;
-        /**
-         * Find matches, reduce is used instead of filter
-         * to only get elements which belong to the same axis coordinate
-         */
-        var dataPointsMatchingRulerLine = this.pointsWithinLine.reduce(function (accum, currentValue) {
-            if (accum.length === 0) {
-                accum.push(currentValue);
-                return accum;
-            }
-            // store the first element of the accumulator array to compare it with current element being processed
-            var sampleAccumValue = accum[0].domainValue;
-            var distanceToCurrentValue = Math.abs(mouseCoordinate - currentValue.domainValue);
-            var distanceToAccumValue = Math.abs(mouseCoordinate - sampleAccumValue);
-            if (distanceToCurrentValue > distanceToAccumValue) {
-                // if distance with current value is bigger than already existing value in the accumulator, skip current iteration
-                return accum;
-            }
-            else if (distanceToCurrentValue < distanceToAccumValue) {
-                // currentValue data point is closer to mouse inside the threshold area, so reinstantiate array
-                accum = [currentValue];
-            }
-            else {
-                // currentValue is equal to already stored values, which means there's another match on the same coordinate
-                accum.push(currentValue);
-            }
-            return accum;
-        }, []);
-        // some data point match
-        if (dataPointsMatchingRulerLine.length > 0) {
-            var tooltipData = dataPointsMatchingRulerLine
-                .map(function (d) { return d.originalData; })
-                .filter(function (d) {
-                var rangeIdentifier = _this.services.cartesianScales.getRangeIdentifier(d);
-                var value = d[rangeIdentifier];
-                return value !== null && value !== undefined;
-            });
-            // get elements on which we should trigger mouse events
-            var domainValuesMatchingRulerLine_1 = dataPointsMatchingRulerLine.map(function (d) { return d.domainValue; });
-            var elementsToHighlight = dataPointElements.filter(function (d) {
-                var domainValue = _this.services.cartesianScales.getDomainValue(d);
-                return domainValuesMatchingRulerLine_1.includes(domainValue);
-            });
-            /** if we pass from a trigger area to another one
-             * mouseout on previous elements won't get dispatched
-             * so we need to do it manually
-             */
-            if (this.elementsToHighlight &&
-                this.elementsToHighlight.size() > 0 &&
-                !Tools.isEqual(this.elementsToHighlight, elementsToHighlight)) {
-                this.hideRuler();
-            }
-            elementsToHighlight.dispatch('mouseover');
-            // set current hovered elements
-            this.elementsToHighlight = elementsToHighlight;
-            this.services.events.dispatchEvent(Events.Tooltip.SHOW, {
-                mousePosition: [x, y],
-                hoveredElement: rulerLine,
-                data: this.formatTooltipData(tooltipData),
-            });
-            ruler.attr('opacity', 1);
-            // line snaps to matching point
-            var sampleMatch = dataPointsMatchingRulerLine[0];
-            if (orientation === 'horizontal') {
-                rulerLine
-                    .attr('x1', yScaleStart)
-                    .attr('x2', yScaleEnd)
-                    .attr('y1', sampleMatch.domainValue)
-                    .attr('y2', sampleMatch.domainValue);
-            }
-            else {
-                rulerLine
-                    .attr('y1', yScaleStart)
-                    .attr('y2', yScaleEnd)
-                    .attr('x1', sampleMatch.domainValue)
-                    .attr('x2', sampleMatch.domainValue);
-            }
-        }
-        else {
-            this.hideRuler();
-        }
-    };
-    Ruler.prototype.hideRuler = function () {
-        var svg = this.parent;
-        var ruler = DOMUtils.appendOrSelect(svg, 'g.ruler');
-        var dataPointElements = svg.selectAll('[role=graphics-symbol]');
-        dataPointElements.dispatch('mouseout');
-        this.services.events.dispatchEvent(Events.Tooltip.HIDE);
-        ruler.attr('opacity', 0);
-    };
-    /**
-     * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.
-     */
-    Ruler.prototype.addBackdropEventListeners = function () {
-        this.isEventListenerAdded = true;
-        var self = this;
-        var holder = this.services.domUtils.getHolder();
-        var displayData = this.model.getDisplayData();
-        var mouseMoveCallback = function (event) {
-            var pos = pointer(event, self.parent.node());
-            self.showRuler(event, pos);
-        };
-        // Debounce mouseMoveCallback if there are more than 100 datapoints
-        if (displayData.length > 100) {
-            var debounceThreshold = (displayData.length % 50) * 12.5;
-            mouseMoveCallback = Tools.debounceWithD3MousePosition(function (event) {
-                var mousePosition = this.mousePosition;
-                self.showRuler(event, mousePosition);
-            }, debounceThreshold, holder);
-        }
-        this.backdrop
-            .on('mousemove mouseover', mouseMoveCallback)
-            .on('mouseout', this.hideRuler.bind(this));
-    };
-    Ruler.prototype.drawBackdrop = function () {
-        var svg = this.parent;
-        // Get height from the grid
-        this.backdrop = DOMUtils.appendOrSelect(svg, 'svg.chart-grid-backdrop');
-    };
-    return Ruler;
-}(Component));
-export { Ruler };
-//# sourceMappingURL=../../../src/components/axes/ruler.js.map

package/components/axes/ruler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ruler.js","sourceRoot":"","sources":["ruler.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport { Component } from '../component';\nimport { DOMUtils } from '../../services';\nimport { CartesianOrientations, Events, RenderTypes } from '../../interfaces';\nimport * as Tools from '../../tools';\n\n// D3 Imports\n// @ts-ignore\n// ts-ignore is needed because `@types/d3`\n// is missing the `pointer` function\nimport { Selection, pointer } from 'd3-selection';\n\nexport type GenericSvgSelection = Selection<SVGElement, any, SVGElement, any>;\n\nconst THRESHOLD = 5;\n\n/** check if x is inside threshold area extents  */\nfunction pointIsWithinThreshold(dx: number, x: number) {\n\treturn dx > x - THRESHOLD && dx < x + THRESHOLD;\n}\n\nexport class Ruler extends Component {\n\ttype = 'ruler';\n\trenderType = RenderTypes.SVG;\n\n\tbackdrop: GenericSvgSelection;\n\telementsToHighlight: GenericSvgSelection;\n\tpointsWithinLine: {\n\t\tdomainValue: number;\n\t\toriginalData: any;\n\t}[];\n\tisXGridEnabled = Tools.getProperty(\n\t\tthis.getOptions(),\n\t\t'grid',\n\t\t'x',\n\t\t'enabled'\n\t);\n\tisYGridEnabled = Tools.getProperty(\n\t\tthis.getOptions(),\n\t\t'grid',\n\t\t'y',\n\t\t'enabled'\n\t);\n\t// flag for checking whether ruler event listener is added or not\n\tisEventListenerAdded = false;\n\n\trender() {\n\t\tconst isRulerEnabled = Tools.getProperty(\n\t\t\tthis.getOptions(),\n\t\t\t'ruler',\n\t\t\t'enabled'\n\t\t);\n\n\t\tthis.drawBackdrop();\n\n\t\tif (isRulerEnabled && !this.isEventListenerAdded) {\n\t\t\tthis.addBackdropEventListeners();\n\t\t} else if (!isRulerEnabled && this.isEventListenerAdded) {\n\t\t\tthis.removeBackdropEventListeners();\n\t\t}\n\t}\n\n\tremoveBackdropEventListeners() {\n\t\tthis.isEventListenerAdded = false;\n\t\tthis.backdrop.on('mousemove mouseover mouseout', null);\n\t}\n\n\tformatTooltipData(tooltipData) {\n\t\treturn tooltipData;\n\t}\n\n\tshowRuler(event, [x, y]: [number, number]) {\n\t\tconst svg = this.parent;\n\n\t\tconst orientation: CartesianOrientations = this.services.cartesianScales.getOrientation();\n\n\t\tconst displayData = this.model.getDisplayData();\n\n\t\tconst rangeScale = this.services.cartesianScales.getRangeScale();\n\t\tconst [yScaleEnd, yScaleStart] = rangeScale.range();\n\n\t\tconst mouseCoordinate =\n\t\t\torientation === CartesianOrientations.HORIZONTAL ? y : x;\n\t\tconst ruler = DOMUtils.appendOrSelect(svg, 'g.ruler').attr(\n\t\t\t'aria-label',\n\t\t\t'ruler'\n\t\t);\n\t\tconst rulerLine = DOMUtils.appendOrSelect(ruler, 'line.ruler-line');\n\t\tconst dataPointElements: GenericSvgSelection = svg.selectAll(\n\t\t\t'[role=graphics-symbol]'\n\t\t);\n\n\t\tconst pointsWithinLine = displayData\n\t\t\t.map((d) => ({\n\t\t\t\tdomainValue: this.services.cartesianScales.getDomainValue(d),\n\t\t\t\toriginalData: d,\n\t\t\t}))\n\t\t\t.filter((d) =>\n\t\t\t\tpointIsWithinThreshold(d.domainValue, mouseCoordinate)\n\t\t\t);\n\n\t\tif (\n\t\t\tthis.pointsWithinLine &&\n\t\t\tpointsWithinLine.length === this.pointsWithinLine.length &&\n\t\t\tpointsWithinLine.map((point) => point.domainValue).join() ===\n\t\t\t\tthis.pointsWithinLine.map((point) => point.domainValue).join()\n\t\t) {\n\t\t\tthis.pointsWithinLine = pointsWithinLine;\n\t\t\treturn this.services.events.dispatchEvent(Events.Tooltip.MOVE, {\n\t\t\t\tmousePosition: [x, y],\n\t\t\t});\n\t\t}\n\n\t\tthis.pointsWithinLine = pointsWithinLine;\n\n\t\t/**\n\t\t * Find matches, reduce is used instead of filter\n\t\t * to only get elements which belong to the same axis coordinate\n\t\t */\n\t\tconst dataPointsMatchingRulerLine: {\n\t\t\tdomainValue: number;\n\t\t\toriginalData: any;\n\t\t}[] = this.pointsWithinLine.reduce((accum, currentValue) => {\n\t\t\tif (accum.length === 0) {\n\t\t\t\taccum.push(currentValue);\n\t\t\t\treturn accum;\n\t\t\t}\n\n\t\t\t// store the first element of the accumulator array to compare it with current element being processed\n\t\t\tconst sampleAccumValue = accum[0].domainValue;\n\n\t\t\tconst distanceToCurrentValue = Math.abs(\n\t\t\t\tmouseCoordinate - currentValue.domainValue\n\t\t\t);\n\t\t\tconst distanceToAccumValue = Math.abs(\n\t\t\t\tmouseCoordinate - sampleAccumValue\n\t\t\t);\n\n\t\t\tif (distanceToCurrentValue > distanceToAccumValue) {\n\t\t\t\t// if distance with current value is bigger than already existing value in the accumulator, skip current iteration\n\t\t\t\treturn accum;\n\t\t\t} else if (distanceToCurrentValue < distanceToAccumValue) {\n\t\t\t\t// currentValue data point is closer to mouse inside the threshold area, so reinstantiate array\n\t\t\t\taccum = [currentValue];\n\t\t\t} else {\n\t\t\t\t// currentValue is equal to already stored values, which means there's another match on the same coordinate\n\t\t\t\taccum.push(currentValue);\n\t\t\t}\n\n\t\t\treturn accum;\n\t\t}, []);\n\n\t\t// some data point match\n\t\tif (dataPointsMatchingRulerLine.length > 0) {\n\t\t\tconst tooltipData = dataPointsMatchingRulerLine\n\t\t\t\t.map((d) => d.originalData)\n\t\t\t\t.filter((d) => {\n\t\t\t\t\tconst rangeIdentifier = this.services.cartesianScales.getRangeIdentifier(\n\t\t\t\t\t\td\n\t\t\t\t\t);\n\t\t\t\t\tconst value = d[rangeIdentifier];\n\t\t\t\t\treturn value !== null && value !== undefined;\n\t\t\t\t});\n\n\t\t\t// get elements on which we should trigger mouse events\n\t\t\tconst domainValuesMatchingRulerLine = dataPointsMatchingRulerLine.map(\n\t\t\t\t(d) => d.domainValue\n\t\t\t);\n\t\t\tconst elementsToHighlight = dataPointElements.filter((d) => {\n\t\t\t\tconst domainValue = this.services.cartesianScales.getDomainValue(\n\t\t\t\t\td\n\t\t\t\t);\n\t\t\t\treturn domainValuesMatchingRulerLine.includes(domainValue);\n\t\t\t});\n\n\t\t\t/** if we pass from a trigger area to another one\n\t\t\t * mouseout on previous elements won't get dispatched\n\t\t\t * so we need to do it manually\n\t\t\t */\n\t\t\tif (\n\t\t\t\tthis.elementsToHighlight &&\n\t\t\t\tthis.elementsToHighlight.size() > 0 &&\n\t\t\t\t!Tools.isEqual(this.elementsToHighlight, elementsToHighlight)\n\t\t\t) {\n\t\t\t\tthis.hideRuler();\n\t\t\t}\n\n\t\t\telementsToHighlight.dispatch('mouseover');\n\n\t\t\t// set current hovered elements\n\t\t\tthis.elementsToHighlight = elementsToHighlight;\n\n\t\t\tthis.services.events.dispatchEvent(Events.Tooltip.SHOW, {\n\t\t\t\tmousePosition: [x, y],\n\t\t\t\thoveredElement: rulerLine,\n\t\t\t\tdata: this.formatTooltipData(tooltipData),\n\t\t\t});\n\n\t\t\truler.attr('opacity', 1);\n\n\t\t\t// line snaps to matching point\n\t\t\tconst sampleMatch = dataPointsMatchingRulerLine[0];\n\t\t\tif (orientation === 'horizontal') {\n\t\t\t\trulerLine\n\t\t\t\t\t.attr('x1', yScaleStart)\n\t\t\t\t\t.attr('x2', yScaleEnd)\n\t\t\t\t\t.attr('y1', sampleMatch.domainValue)\n\t\t\t\t\t.attr('y2', sampleMatch.domainValue);\n\t\t\t} else {\n\t\t\t\trulerLine\n\t\t\t\t\t.attr('y1', yScaleStart)\n\t\t\t\t\t.attr('y2', yScaleEnd)\n\t\t\t\t\t.attr('x1', sampleMatch.domainValue)\n\t\t\t\t\t.attr('x2', sampleMatch.domainValue);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hideRuler();\n\t\t}\n\t}\n\n\thideRuler() {\n\t\tconst svg = this.parent;\n\t\tconst ruler = DOMUtils.appendOrSelect(svg, 'g.ruler');\n\t\tconst dataPointElements = svg.selectAll('[role=graphics-symbol]');\n\n\t\tdataPointElements.dispatch('mouseout');\n\t\tthis.services.events.dispatchEvent(Events.Tooltip.HIDE);\n\t\truler.attr('opacity', 0);\n\t}\n\n\t/**\n\t * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.\n\t */\n\taddBackdropEventListeners() {\n\t\tthis.isEventListenerAdded = true;\n\n\t\tconst self = this;\n\n\t\tconst holder = this.services.domUtils.getHolder();\n\n\t\tconst displayData = this.model.getDisplayData();\n\n\t\tlet mouseMoveCallback = function (event) {\n\t\t\tconst pos = pointer(event, self.parent.node());\n\n\t\t\tself.showRuler(event, pos);\n\t\t};\n\n\t\t// Debounce mouseMoveCallback if there are more than 100 datapoints\n\t\tif (displayData.length > 100) {\n\t\t\tconst debounceThreshold = (displayData.length % 50) * 12.5;\n\n\t\t\tmouseMoveCallback = Tools.debounceWithD3MousePosition(\n\t\t\t\tfunction (event) {\n\t\t\t\t\tconst { mousePosition } = this;\n\t\t\t\t\tself.showRuler(event, mousePosition);\n\t\t\t\t},\n\t\t\t\tdebounceThreshold,\n\t\t\t\tholder\n\t\t\t);\n\t\t}\n\n\t\tthis.backdrop\n\t\t\t.on('mousemove mouseover', mouseMoveCallback)\n\t\t\t.on('mouseout', this.hideRuler.bind(this));\n\t}\n\n\tdrawBackdrop() {\n\t\tconst svg = this.parent;\n\n\t\t// Get height from the grid\n\t\tthis.backdrop = DOMUtils.appendOrSelect(svg, 'svg.chart-grid-backdrop');\n\t}\n}\n"]}

package/components/axes/toolbar.d.ts

@@ -1,40 +0,0 @@
-import { Component } from '../component';
-import { RenderTypes, ToolbarControlTypes } from '../../interfaces';
-export declare class Toolbar extends Component {
-    static buttonID: number;
-    type: string;
-    renderType: RenderTypes;
-    overflowButton: any;
-    overflowMenu: any;
-    init(): void;
-    render(animate?: boolean): void;
-    renderOverflowMenu(): void;
-    isOverflowMenuOpen(): any;
-    updateOverflowMenu(show: boolean): void;
-    focusOnPreviousEnabledToolbarItem(currentItemIndex: any): void;
-    focusOnNextEnabledToolbarItem(currentItemIndex: any): void;
-    focusOnPreviousEnabledMenuItem(currentItemIndex: any): void;
-    focusOnNextEnabledMenuItem(currentItemIndex: any): void;
-    toggleOverflowMenu(event: any): void;
-    triggerFunctionAndEvent(control: any, event: any, element?: any): void;
-    getControlConfigs(): {
-        buttonList: any[];
-        overflowMenuItemList?: undefined;
-    } | {
-        buttonList: any[];
-        overflowMenuItemList: any[];
-    };
-    getToolbarButtonItems(): any[];
-    getOverflowMenuItems(): any[];
-    getOverflowButtonConfig(): {
-        id: string;
-        title: string;
-        shouldBeDisabled: () => boolean;
-        iconSVG: {
-            content: string;
-        };
-        clickFunction: (event: any) => void;
-    };
-    getControlConfigByType(controlType: ToolbarControlTypes): any;
-    getControlIconByType(controlType: ToolbarControlTypes): "<polygon points=\"19 13 15 13 15 9 13 9 13 13 9 13 9 15 13 15 13 19 15 19 15 15 19 15 19 13\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<rect x=\"9\" y=\"13\" width=\"10\" height=\"2\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<path d=\"M22.4478,21A10.855,10.855,0,0,0,25,14,10.99,10.99,0,0,0,6,6.4658V2H4v8h8V8H7.332a8.9768,8.9768,0,1,1-2.1,8H3.1912A11.0118,11.0118,0,0,0,14,25a10.855,10.855,0,0,0,7-2.5522L28.5859,30,30,28.5859Z\"/>" | "<polygon points=\"21 2 21 4 26.59 4 17 13.58 18.41 15 28 5.41 28 11 30 11 30 2 21 2\"/><polygon points=\"15 18.42 13.59 17 4 26.59 4 21 2 21 2 30 11 30 11 28 5.41 28 15 18.42\"/>" | "<rect x=\"4\" y=\"6\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"12\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"18\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"24\" width=\"18\" height=\"2\"/><rect x=\"26\" y=\"6\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"12\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"18\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"24\" width=\"2\" height=\"2\"/>";
-}