@carbon/charts 0.27.0 → 0.29.1

package/tests/test-environment.js

@@ -1,84 +0,0 @@
-import * as Charts from "../index";
-import { createChartHolder } from "./tools";
-export var data = {
-    labels: ["Qty", "More", "Sold", "Restocking", "Misc"],
-    datasets: [
-        {
-            label: "Dataset 1",
-            fillColors: [Charts.defaultColors[0]],
-            data: [
-                2000,
-                4200,
-                7000,
-                4000,
-                19000
-            ]
-        },
-        {
-            label: "Dataset 2",
-            fillColors: [Charts.defaultColors[1]],
-            data: [
-                0,
-                10000,
-                20000,
-                30000,
-                40000
-            ]
-        },
-        {
-            label: "Dataset 3",
-            fillColors: [Charts.defaultColors[2]],
-            data: [
-                0,
-                20000,
-                40000,
-                60000,
-                80000
-            ]
-        }
-    ]
-};
-export var options = {
-    axes: {
-        bottom: {
-            title: "2018 Annual Sales Figures",
-            type: "labels",
-            primary: true
-        },
-        left: {
-            secondary: true
-        },
-        top: {
-            title: "Dollars (CAD)"
-        }
-    },
-    legendClickable: true,
-    resizable: true,
-    height: "500px",
-    title: "My chart"
-};
-var TestEnvironment = /** @class */ (function () {
-    function TestEnvironment() {
-        this.chartOptions = options;
-        this.chartData = data;
-    }
-    TestEnvironment.prototype.render = function () {
-        var holder = createChartHolder("scatter");
-        this.chart = new Charts.ScatterChart(holder, {
-            data: this.chartData,
-            options: this.chartOptions
-        });
-    };
-    TestEnvironment.prototype.destroy = function () {
-        this.chart.destroy();
-    };
-    TestEnvironment.prototype.setChartOptions = function (func) {
-        this.chartOptions = func(this.chartOptions);
-    };
-    TestEnvironment.prototype.getChartReference = function () {
-        return this.chart;
-    };
-    return TestEnvironment;
-}());
-export { TestEnvironment };
-//# sourceMappingURL=../../src/tests/test-environment.js.map

package/tests/test-environment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-environment.js","sourceRoot":"","sources":["test-environment.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,CAAC,IAAM,IAAI,GAAG;IACnB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC;IACrD,QAAQ,EAAE;QACT;YACC,KAAK,EAAE,WAAW;YAClB,UAAU,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,EAAE;gBACL,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,KAAK;aACL;SACD;QACD;YACC,KAAK,EAAE,WAAW;YAClB,UAAU,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,EAAE;gBACL,CAAC;gBACD,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,KAAK;aACL;SACD;QACD;YACC,KAAK,EAAE,WAAW;YAClB,UAAU,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,EAAE;gBACL,CAAC;gBACD,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,KAAK;aACL;SACD;KACD;CACD,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG;IACtB,IAAI,EAAE;QACL,MAAM,EAAE;YACP,KAAK,EAAE,2BAA2B;YAClC,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,IAAI;SACb;QACD,IAAI,EAAE;YACL,SAAS,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACJ,KAAK,EAAE,eAAe;SACtB;KACD;IACD,eAAe,EAAE,IAAI;IACrB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,UAAU;CACjB,CAAC;AAEF;IAAA;QACC,iBAAY,GAAG,OAAO,CAAC;QACvB,cAAS,GAAG,IAAI,CAAC;IA0BlB,CAAC;IAvBA,gCAAM,GAAN;QACC,IAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAE5C,IAAI,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,YAAY,CACnC,MAAM,EACN;YACC,IAAI,EAAE,IAAI,CAAC,SAAS;YACpB,OAAO,EAAE,IAAI,CAAC,YAAY;SAC1B,CACD,CAAC;IACH,CAAC;IAED,iCAAO,GAAP;QACC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACtB,CAAC;IAED,yCAAe,GAAf,UAAgB,IAAc;QAC7B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC7C,CAAC;IAED,2CAAiB,GAAjB;QACC,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IACF,sBAAC;AAAD,CAAC,AA5BD,IA4BC","sourcesContent":["import { Chart } from \"../chart\";\n\nimport * as Charts from \"../index\";\nimport { createChartHolder } from \"./tools\";\n\nexport const data = {\n\tlabels: [\"Qty\", \"More\", \"Sold\", \"Restocking\", \"Misc\"],\n\tdatasets: [\n\t\t{\n\t\t\tlabel: \"Dataset 1\",\n\t\t\tfillColors: [Charts.defaultColors[0]],\n\t\t\tdata: [\n\t\t\t\t2000,\n\t\t\t\t4200,\n\t\t\t\t7000,\n\t\t\t\t4000,\n\t\t\t\t19000\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 2\",\n\t\t\tfillColors: [Charts.defaultColors[1]],\n\t\t\tdata: [\n\t\t\t\t0,\n\t\t\t\t10000,\n\t\t\t\t20000,\n\t\t\t\t30000,\n\t\t\t\t40000\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 3\",\n\t\t\tfillColors: [Charts.defaultColors[2]],\n\t\t\tdata: [\n\t\t\t\t0,\n\t\t\t\t20000,\n\t\t\t\t40000,\n\t\t\t\t60000,\n\t\t\t\t80000\n\t\t\t]\n\t\t}\n\t]\n};\n\nexport const options = {\n\taxes: {\n\t\tbottom: {\n\t\t\ttitle: \"2018 Annual Sales Figures\",\n\t\t\ttype: \"labels\",\n\t\t\tprimary: true\n\t\t},\n\t\tleft: {\n\t\t\tsecondary: true\n\t\t},\n\t\ttop: {\n\t\t\ttitle: \"Dollars (CAD)\"\n\t\t}\n\t},\n\tlegendClickable: true,\n\tresizable: true,\n\theight: \"500px\",\n\ttitle: \"My chart\"\n};\n\nexport class TestEnvironment {\n\tchartOptions = options;\n\tchartData = data;\n\tchart: Chart;\n\n\trender() {\n\t\tconst holder = createChartHolder(\"scatter\");\n\n\t\tthis.chart = new Charts.ScatterChart(\n\t\t\tholder,\n\t\t\t{\n\t\t\t\tdata: this.chartData,\n\t\t\t\toptions: this.chartOptions\n\t\t\t}\n\t\t);\n\t}\n\n\tdestroy() {\n\t\tthis.chart.destroy();\n\t}\n\n\tsetChartOptions(func: Function) {\n\t\tthis.chartOptions = func(this.chartOptions);\n\t}\n\n\tgetChartReference() {\n\t\treturn this.chart;\n\t}\n}\n"]}

package/tests/tools.js

@@ -1,13 +0,0 @@
-// import the settings for the css prefix
-import settings from "carbon-components/src/globals/js/settings";
-// Functions
-export var makeChartID = function (chartType) { return chartType + "-chart-holder"; };
-export var createChartHolder = function (chartType) {
-    var chartHolder = document.createElement("div");
-    chartHolder.id = makeChartID(chartType);
-    chartHolder.classList.add(settings.prefix + "--chart-holder");
-    document.body.appendChild(chartHolder);
-    return chartHolder;
-};
-export var getChartHolder = function (chartType) { return document.getElementById(makeChartID(chartType)); };
-//# sourceMappingURL=../../src/tests/tools.js.map

package/tools.d.ts

@@ -1,92 +0,0 @@
-export declare namespace Tools {
-    const debounce: any;
-    const clone: any;
-    const merge: any;
-    const removeArrayDuplicates: any;
-    /**************************************
-     *  DOM-related operations            *
-     *************************************/
-    /**
-     * Get width & height of an element
-     *
-     * @export
-     * @param {any} el element to get dimensions from
-     * @returns an object containing the width and height of el
-     */
-    function getDimensions(el: any): {
-        width: number;
-        height: number;
-    };
-    /**
-     * Returns an elements's x and y translations from attribute transform
-     * @param {HTMLElement} element
-     * @returns an object containing the x and y translations or null
-     */
-    function getTranslationValues(elementRef: HTMLElement): {
-        tx: string;
-        ty: string;
-    };
-    /**************************************
-     *  Formatting & calculations         *
-     *************************************/
-    /**
-     * Gets x and y coordinates from a HTML transform attribute
-     *
-     * @export
-     * @param {any} string the transform attribute string ie. transform(x,y)
-     * @returns Returns an object with x and y offsets of the transform
-     */
-    function getTranformOffsets(string: any): {
-        x: number;
-        y: number;
-    };
-    /**
-     * Capitalizes first letter of a string
-     *
-     * @export
-     * @param {any} string the string whose first letter you'd like to capitalize
-     * @returns The input string with its first letter capitalized
-     */
-    function capitalizeFirstLetter(string: any): any;
-    /**
-     * Get the percentage of a datapoint compared to the entire data-set.
-     * Returns 1 significant digit if percentage is less than 1%.
-     * @export
-     * @param {any} item
-     * @param {any} fullData
-     * @returns The percentage in the form of a number
-     */
-    function convertValueToPercentage(item: any, fullData: any): string | number;
-    /**************************************
-     *  Object/array related checks       *
-     *************************************/
-    /**
-     * Get the difference between two arrays' items
-     *
-     * @export
-     * @param {any[]} oldArray
-     * @param {any[]} newArray
-     * @returns The items missing in newArray from oldArray, and items added to newArray compared to oldArray
-     */
-    function arrayDifferences(oldArray: any[], newArray: any[]): {
-        missing: any[];
-        added: any[];
-    };
-    /**
-     * Lists out the duplicated keys in an array of data
-     *
-     * @export
-     * @param {*} data - array of data
-     * @returns A list of the duplicated keys in data
-     */
-    function getDuplicateValues(arr: any): any[];
-    /**
-     * In D3, moves an element to the front of the canvas
-     *
-     * @export
-     * @param {any} element
-     * @returns The function to be used by D3 to push element to the top of the canvas
-     */
-    function moveToFront(element: any): any;
-    const getProperty: (object: any, ...propPath: any[]) => any;
-}

package/tools.js

@@ -1,179 +0,0 @@
-import { debounce as lodashDebounce, merge as lodashMerge, cloneDeep as lodashCloneDeep, uniq as lodashUnique } from "lodash-es";
-// Functions
-export var Tools;
-(function (Tools) {
-    // Export these functions from lodash
-    Tools.debounce = lodashDebounce;
-    Tools.clone = lodashCloneDeep;
-    Tools.merge = lodashMerge;
-    Tools.removeArrayDuplicates = lodashUnique;
-    /**************************************
-     *  DOM-related operations            *
-     *************************************/
-    /**
-     * Get width & height of an element
-     *
-     * @export
-     * @param {any} el element to get dimensions from
-     * @returns an object containing the width and height of el
-     */
-    function getDimensions(el) {
-        return {
-            width: parseFloat(el.style.width.replace("px", "") || el.offsetWidth),
-            height: parseFloat(el.style.height.replace("px", "") || el.offsetHeight)
-        };
-    }
-    Tools.getDimensions = getDimensions;
-    /**
-     * Returns an elements's x and y translations from attribute transform
-     * @param {HTMLElement} element
-     * @returns an object containing the x and y translations or null
-     */
-    function getTranslationValues(elementRef) {
-        // regex to ONLY get values for translate (instead of all rotate, translate, skew, etc)
-        var translateRegex = /translate\([0-9]+\.?[0-9]*,[0-9]+\.?[0-9]*\)/;
-        var transformStr = elementRef.getAttribute("transform").match(translateRegex);
-        // check for the match
-        if (transformStr[0]) {
-            var transforms = transformStr[0].replace(/translate\(/, "").replace(/\)/, "").split(",");
-            return {
-                tx: transforms[0],
-                ty: transforms[1]
-            };
-        }
-        return null;
-    }
-    Tools.getTranslationValues = getTranslationValues;
-    /**************************************
-     *  Formatting & calculations         *
-     *************************************/
-    /**
-     * Gets x and y coordinates from a HTML transform attribute
-     *
-     * @export
-     * @param {any} string the transform attribute string ie. transform(x,y)
-     * @returns Returns an object with x and y offsets of the transform
-     */
-    function getTranformOffsets(string) {
-        var regExp = /\(([^)]+)\)/;
-        var match = regExp.exec(string)[1];
-        var xyString = match.split(",");
-        return {
-            x: parseFloat(xyString[0]),
-            y: parseFloat(xyString[1])
-        };
-    }
-    Tools.getTranformOffsets = getTranformOffsets;
-    /**
-     * Capitalizes first letter of a string
-     *
-     * @export
-     * @param {any} string the string whose first letter you'd like to capitalize
-     * @returns The input string with its first letter capitalized
-     */
-    function capitalizeFirstLetter(string) {
-        return string[0].toUpperCase() + string.slice(1);
-    }
-    Tools.capitalizeFirstLetter = capitalizeFirstLetter;
-    /**
-     * Get the percentage of a datapoint compared to the entire data-set.
-     * Returns 1 significant digit if percentage is less than 1%.
-     * @export
-     * @param {any} item
-     * @param {any} fullData
-     * @returns The percentage in the form of a number
-     */
-    function convertValueToPercentage(item, fullData) {
-        var percentage = item / fullData.reduce(function (accum, val) { return accum + val.value; }, 0) * 100;
-        return percentage < 1 ? percentage.toPrecision(1) : Math.floor(percentage);
-    }
-    Tools.convertValueToPercentage = convertValueToPercentage;
-    /**************************************
-     *  Object/array related checks       *
-     *************************************/
-    /**
-     * Get the difference between two arrays' items
-     *
-     * @export
-     * @param {any[]} oldArray
-     * @param {any[]} newArray
-     * @returns The items missing in newArray from oldArray, and items added to newArray compared to oldArray
-     */
-    function arrayDifferences(oldArray, newArray) {
-        var difference = {
-            missing: [],
-            added: []
-        };
-        oldArray.forEach(function (element) {
-            if (newArray.indexOf(element) === -1) {
-                difference.missing.push(element);
-            }
-        });
-        newArray.forEach(function (element) {
-            if (oldArray.indexOf(element) === -1) {
-                difference.added.push(element);
-            }
-        });
-        return difference;
-    }
-    Tools.arrayDifferences = arrayDifferences;
-    /**
-     * Lists out the duplicated keys in an array of data
-     *
-     * @export
-     * @param {*} data - array of data
-     * @returns A list of the duplicated keys in data
-     */
-    function getDuplicateValues(arr) {
-        var values = [];
-        var duplicateValues = [];
-        arr.forEach(function (value) {
-            if (values.indexOf(value) !== -1 && duplicateValues.indexOf(value) === -1) {
-                duplicateValues.push(value);
-            }
-            values.push(value);
-        });
-        return duplicateValues;
-    }
-    Tools.getDuplicateValues = getDuplicateValues;
-    // ================================================================================
-    // D3 Extensions
-    // ================================================================================
-    /**
-     * In D3, moves an element to the front of the canvas
-     *
-     * @export
-     * @param {any} element
-     * @returns The function to be used by D3 to push element to the top of the canvas
-     */
-    function moveToFront(element) {
-        return element.each(function () {
-            this.parentNode.appendChild(this);
-        });
-    }
-    Tools.moveToFront = moveToFront;
-    // ================================================================================
-    // Style Helpers
-    // ================================================================================
-    Tools.getProperty = function (object) {
-        var propPath = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            propPath[_i - 1] = arguments[_i];
-        }
-        var position = object;
-        if (position) {
-            for (var _a = 0, propPath_1 = propPath; _a < propPath_1.length; _a++) {
-                var prop = propPath_1[_a];
-                if (position[prop]) {
-                    position = position[prop];
-                }
-                else {
-                    return null;
-                }
-            }
-            return position;
-        }
-        return null;
-    };
-})(Tools || (Tools = {}));
-//# sourceMappingURL=../src/tools.js.map

package/tools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tools.js","sourceRoot":"","sources":["tools.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tdebounce as lodashDebounce,\n\tmerge as lodashMerge,\n\tcloneDeep as lodashCloneDeep,\n\tuniq as lodashUnique,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tCancelable,\n\tDebounceSettings\n} from \"lodash-es\";\n\n// Functions\nexport namespace Tools {\n\t// Export these functions from lodash\n\texport const debounce = lodashDebounce;\n\texport const clone = lodashCloneDeep;\n\texport const merge = lodashMerge;\n\texport const removeArrayDuplicates = lodashUnique;\n\n\t/**************************************\n\t *  DOM-related operations            *\n\t *************************************/\n\n\t/**\n\t * Get width & height of an element\n\t *\n\t * @export\n\t * @param {any} el element to get dimensions from\n\t * @returns an object containing the width and height of el\n\t */\n\texport function getDimensions(el) {\n\t\treturn {\n\t\t\twidth: parseFloat(el.style.width.replace(\"px\", \"\") || el.offsetWidth),\n\t\t\theight: parseFloat(el.style.height.replace(\"px\", \"\") || el.offsetHeight)\n\t\t};\n\t}\n\n\t/**\n\t * Returns an elements's x and y translations from attribute transform\n\t * @param {HTMLElement} element\n\t * @returns an object containing the x and y translations or null\n\t */\n\texport function getTranslationValues(elementRef: HTMLElement) {\n\t\t// regex to ONLY get values for translate (instead of all rotate, translate, skew, etc)\n\t\tconst translateRegex = /translate\\([0-9]+\\.?[0-9]*,[0-9]+\\.?[0-9]*\\)/;\n\n\t\tconst transformStr = elementRef.getAttribute(\"transform\").match(translateRegex);\n\t\t// check for the match\n\t\tif (transformStr[0]) {\n\t\t\tconst transforms = transformStr[0].replace(/translate\\(/, \"\").replace(/\\)/, \"\").split(\",\");\n\n\t\t\treturn {\n\t\t\t\t\ttx: transforms[0],\n\t\t\t\t\tty: transforms[1]\n\t\t\t\t};\n\t\t}\n\t\treturn null;\n\t}\n\n\t/**************************************\n\t *  Formatting & calculations         *\n\t *************************************/\n\n\t/**\n\t * Gets x and y coordinates from a HTML transform attribute\n\t *\n\t * @export\n\t * @param {any} string the transform attribute string ie. transform(x,y)\n\t * @returns Returns an object with x and y offsets of the transform\n\t */\n\texport function getTranformOffsets(string) {\n\t\tconst regExp = /\\(([^)]+)\\)/;\n\t\tconst match = regExp.exec(string)[1];\n\t\tconst xyString = match.split(\",\");\n\n\t\treturn {\n\t\t\tx: parseFloat(xyString[0]),\n\t\t\ty: parseFloat(xyString[1])\n\t\t};\n\t}\n\n\t/**\n\t * Capitalizes first letter of a string\n\t *\n\t * @export\n\t * @param {any} string the string whose first letter you'd like to capitalize\n\t * @returns The input string with its first letter capitalized\n\t */\n\texport function capitalizeFirstLetter(string) {\n\t\treturn string[0].toUpperCase() + string.slice(1);\n\t}\n\n\t/**\n\t * Get the percentage of a datapoint compared to the entire data-set.\n\t * Returns 1 significant digit if percentage is less than 1%.\n\t * @export\n\t * @param {any} item\n\t * @param {any} fullData\n\t * @returns The percentage in the form of a number\n\t */\n\texport function convertValueToPercentage(item, fullData) {\n\t\tconst percentage = item / fullData.reduce((accum, val) => accum + val.value, 0) * 100;\n\t\treturn percentage < 1 ? percentage.toPrecision(1) : Math.floor(percentage);\n\t}\n\n\t/**************************************\n\t *  Object/array related checks       *\n\t *************************************/\n\t/**\n\t * Get the difference between two arrays' items\n\t *\n\t * @export\n\t * @param {any[]} oldArray\n\t * @param {any[]} newArray\n\t * @returns The items missing in newArray from oldArray, and items added to newArray compared to oldArray\n\t */\n\texport function arrayDifferences(oldArray: any[], newArray: any[]) {\n\t\tconst difference = {\n\t\t\tmissing: [],\n\t\t\tadded: []\n\t\t};\n\n\t\toldArray.forEach(element => {\n\t\t\tif (newArray.indexOf(element) === -1) {\n\t\t\t\tdifference.missing.push(element);\n\t\t\t}\n\t\t});\n\n\t\tnewArray.forEach(element => {\n\t\t\tif (oldArray.indexOf(element) === -1) {\n\t\t\t\tdifference.added.push(element);\n\t\t\t}\n\t\t});\n\n\t\treturn difference;\n\t}\n\n\t/**\n\t * Lists out the duplicated keys in an array of data\n\t *\n\t * @export\n\t * @param {*} data - array of data\n\t * @returns A list of the duplicated keys in data\n\t */\n\texport function getDuplicateValues(arr: any) {\n\t\tconst values = [];\n\t\tconst duplicateValues = [];\n\n\t\tarr.forEach(value => {\n\t\t\tif (values.indexOf(value) !== -1 && duplicateValues.indexOf(value) === -1) {\n\t\t\t\tduplicateValues.push(value);\n\t\t\t}\n\n\t\t\tvalues.push(value);\n\t\t});\n\n\t\treturn duplicateValues;\n\t}\n\n\t// ================================================================================\n\t// D3 Extensions\n\t// ================================================================================\n\t/**\n\t * In D3, moves an element to the front of the canvas\n\t *\n\t * @export\n\t * @param {any} element\n\t * @returns The function to be used by D3 to push element to the top of the canvas\n\t */\n\texport function moveToFront(element) {\n\t\treturn element.each(function() {\n\t\t\tthis.parentNode.appendChild(this);\n\t\t});\n\t}\n\n\t// ================================================================================\n\t// Style Helpers\n\t// ================================================================================\n\n\texport const getProperty = (object, ...propPath) => {\n\t\tlet position = object;\n\t\tif (position) {\n\t\t\tfor (const prop of propPath) {\n\t\t\t\tif (position[prop]) {\n\t\t\t\t\tposition = position[prop];\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn position;\n\t\t}\n\n\t\treturn null;\n\t};\n}\n"]}