@gravity-ui/chartkit 4.0.0-beta.4 → 4.0.0-beta.5

package/build/plugins/highcharts/mocks/complex.js

@@ -1,323 +0,0 @@
-/**
- * Get the X coordinate of the intersection of the two lines 1-2 and 3-4.
- * @param x1 {number} X-coordinate of the first point of the first line.
- * @param y1 {number} Y-coordinate of the first point of the first line.
- * @param x2 {number} X-coordinate of the second point of the first line.
- * @param y2 {number} Y-coordinate of the second point of the first line.
- * @param x3 {number} X-coordinate of the first point of the second line.
- * @param y3 {number} Y-coordinate of the first point of the second line.
- * @param x4 {number} X-coordinate of the second point of the second line.
- * @param y4 {number} Y-coordinate of the second point of the second line.
- * @returns {number} X-coordinate of the intersection.
- */
-function getIntersectionX(x1, y1, x2, y2, x3, y3, x4, y4) {
-    return Math.trunc(((x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4)) /
-        ((x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4)));
-}
-/**
- * Get the colored zones for the area chart.
- * @param counts {object} Area chart data.
- * @param createdColor {string} Color (html notation) for the positive zone.
- * @param resolvedColor {string} Color (html notation) for the negative zone.
- * @returns {SeriesZonesOptionsObject[]} Highcharts zones for area chart.
- */
-function getZones(counts, createdColor, resolvedColor) {
-    const zones = [];
-    let positive;
-    let color;
-    let prev;
-    for (const count of counts) {
-        const isPositive = count.created - count.resolved >= 0;
-        if (isPositive !== positive) {
-            if (color && prev) {
-                const value = getIntersectionX(prev.to, prev.created, count.to, count.created, prev.to, prev.resolved, count.to, count.resolved);
-                zones.push({ color, value });
-            }
-            positive = isPositive;
-            color = isPositive ? createdColor : resolvedColor;
-        }
-        prev = count;
-    }
-    if (color) {
-        zones.push({ color });
-    }
-    return zones;
-}
-/**
- * Get parameters for a rectangle between two charts. This rectangle
- * is used to visually separate the areas of the two charts.
- * @param chart {Chart} Highcharts chart object.
- * @returns {object} Parameters for rectangle.
- */
-function getDividerRect(chart) {
-    const gridLineWidth = 1;
-    const xAxis = chart.xAxis[0];
-    const yAxis0 = chart.yAxis[0];
-    const yAxis1 = chart.yAxis[1];
-    const x = xAxis.left;
-    const y = yAxis0.top + yAxis0.height + gridLineWidth;
-    const width = xAxis.width;
-    const height = yAxis1.top - yAxis0.top - yAxis0.height - gridLineWidth * 2;
-    return { x, y, width, height };
-}
-const rawData = [
-    {
-        from: '2020-04-01T00:00:00Z',
-        to: '2020-05-01T00:00:00Z',
-        created: 42,
-        resolved: 10,
-        trend: 32,
-    },
-    {
-        from: '2020-05-01T00:00:00Z',
-        to: '2020-06-01T00:00:00Z',
-        created: 53,
-        resolved: 30,
-        trend: 55,
-    },
-    {
-        from: '2020-06-01T00:00:00Z',
-        to: '2020-07-01T00:00:00Z',
-        created: 35,
-        resolved: 28,
-        trend: 62,
-    },
-    {
-        from: '2020-07-01T00:00:00Z',
-        to: '2020-08-01T00:00:00Z',
-        created: 30,
-        resolved: 19,
-        trend: 73,
-    },
-    {
-        from: '2020-08-01T00:00:00Z',
-        to: '2020-09-01T00:00:00Z',
-        created: 18,
-        resolved: 23,
-        trend: 68,
-    },
-    {
-        from: '2020-09-01T00:00:00Z',
-        to: '2020-10-01T00:00:00Z',
-        created: 29,
-        resolved: 22,
-        trend: 75,
-    },
-    {
-        from: '2020-10-01T00:00:00Z',
-        to: '2020-11-01T00:00:00Z',
-        created: 24,
-        resolved: 26,
-        trend: 73,
-    },
-    {
-        from: '2020-11-01T00:00:00Z',
-        to: '2020-12-01T00:00:00Z',
-        created: 19,
-        resolved: 21,
-        trend: 71,
-    },
-    {
-        from: '2020-12-01T00:00:00Z',
-        to: '2021-01-01T00:00:00Z',
-        created: 22,
-        resolved: 22,
-        trend: 71,
-    },
-    {
-        from: '2021-01-01T00:00:00Z',
-        to: '2021-02-01T00:00:00Z',
-        created: 17,
-        resolved: 17,
-        trend: 71,
-    },
-    {
-        from: '2021-02-01T00:00:00Z',
-        to: '2021-03-01T00:00:00Z',
-        created: 30,
-        resolved: 26,
-        trend: 75,
-    },
-    {
-        from: '2021-03-01T00:00:00Z',
-        to: '2021-04-01T00:00:00Z',
-        created: 28,
-        resolved: 12,
-        trend: 91,
-    },
-    {
-        from: '2021-04-01T00:00:00Z',
-        to: '2021-05-01T00:00:00Z',
-        created: 11,
-        resolved: 15,
-        trend: 87,
-    },
-    {
-        from: '2021-05-01T00:00:00Z',
-        to: '2021-06-01T00:00:00Z',
-        created: 9,
-        resolved: 4,
-        trend: 92,
-    },
-    {
-        from: '2021-06-01T00:00:00Z',
-        to: '2021-07-01T00:00:00Z',
-        created: 12,
-        resolved: 12,
-        trend: 92,
-    },
-    {
-        from: '2021-07-01T00:00:00Z',
-        to: '2021-08-01T00:00:00Z',
-        created: 13,
-        resolved: 17,
-        trend: 88,
-    },
-    {
-        from: '2021-08-01T00:00:00Z',
-        to: '2021-09-01T00:00:00Z',
-        created: 3,
-        resolved: 14,
-        trend: 77,
-    },
-];
-const counts = rawData.map(({ created, resolved, trend, from, to }) => ({
-    created,
-    resolved,
-    trend,
-    from: Date.parse(from),
-    to: Date.parse(to),
-}));
-const arearange = counts.map(({ created, resolved, to }) => [to, resolved, created]);
-const createdLine = counts.map(({ created, to }) => [to, created]);
-const resolvedLine = counts.map(({ resolved, to }) => [to, resolved]);
-const trends = counts.map(({ trend, to }) => [to, trend]);
-export const data = {
-    data: {
-        graphs: [
-            {
-                type: 'arearange',
-                data: arearange,
-                yAxis: 0,
-                opacity: 0.5,
-                zones: getZones(counts, '#FF3D64', '#8AD554'),
-            },
-            {
-                type: 'line',
-                name: 'Resolved',
-                color: '#8AD554',
-                data: resolvedLine,
-                yAxis: 0,
-            },
-            {
-                type: 'line',
-                name: 'Created',
-                color: '#FF3D64',
-                data: createdLine,
-                yAxis: 0,
-            },
-            {
-                type: 'line',
-                name: 'Average',
-                color: '#4DA2F1',
-                data: trends,
-                yAxis: 1,
-                marker: {
-                    enabled: false,
-                },
-            },
-        ],
-    },
-    config: {
-        hideHolidays: false,
-        normalizeDiv: false,
-        normalizeSub: false,
-        hideHolidaysBands: true,
-    },
-    libraryConfig: {
-        chart: {
-            animation: false,
-            events: {
-                load: function (_event) {
-                    const rect = getDividerRect(this);
-                    this.renderer
-                        .rect(rect.x, rect.y, rect.width, rect.height)
-                        .addClass('highcharts-axis-grid-divider')
-                        .attr({
-                        fill: 'var(--yc-color-base-background)',
-                        zIndex: 8,
-                    })
-                        .add();
-                },
-                redraw: function (_event) {
-                    const rect = getDividerRect(this);
-                    const element = this.container.querySelector('.highcharts-axis-grid-divider');
-                    if (element) {
-                        element.setAttribute('x', String(rect.x));
-                        element.setAttribute('y', String(rect.y));
-                        element.setAttribute('width', String(rect.width));
-                        element.setAttribute('height', String(rect.height));
-                    }
-                },
-            },
-        },
-        xAxis: {
-            type: 'datetime',
-            minPadding: 0.05,
-            maxPadding: 0.05,
-        },
-        yAxis: [
-            {
-                height: '70%',
-                labels: {
-                    x: -14,
-                },
-                offset: 0,
-                lineWidth: 1,
-            },
-            {
-                height: '20%',
-                top: '80%',
-                labels: {
-                    x: -14,
-                },
-                offset: 0,
-                lineWidth: 1,
-            },
-        ],
-        plotOptions: {
-            series: {
-                states: {
-                    inactive: {
-                        opacity: 0.5,
-                    },
-                },
-            },
-            arearange: {
-                showInLegend: false,
-                enableMouseTracking: false,
-                lineWidth: 0,
-                marker: {
-                    enabled: false,
-                },
-                zoneAxis: 'x',
-            },
-            line: {
-                lineWidth: 1,
-                marker: {
-                    enabled: true,
-                    symbol: 'circle',
-                },
-                states: {
-                    hover: {
-                        lineWidth: 1,
-                        lineWidthPlus: 0,
-                    },
-                },
-            },
-        },
-        legend: {
-            enabled: false,
-        },
-    },
-};

package/build/plugins/highcharts/mocks/custom-error-render.d.ts

@@ -1,3 +0,0 @@
-import type { HighchartsWidgetData } from '../types';
-export declare const noData: HighchartsWidgetData;
-export declare const filledData: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/custom-error-render.js

@@ -1,69 +0,0 @@
-const baseData = {
-    config: {
-        hideHolidays: false,
-        normalizeDiv: false,
-        normalizeSub: false,
-    },
-    libraryConfig: {
-        chart: {
-            type: 'arearange',
-        },
-        title: {
-            text: 'Temperature variation by day',
-        },
-        xAxis: {
-            type: 'datetime',
-        },
-        tooltip: {
-            valueSuffix: '°C',
-        },
-    },
-};
-export const noData = Object.assign(Object.assign({}, baseData), { data: {
-        graphs: [
-            {
-                name: 'Temperatures',
-                data: [],
-            },
-        ],
-    } });
-export const filledData = Object.assign(Object.assign({}, baseData), { data: {
-        graphs: [
-            {
-                name: 'Temperatures',
-                data: [
-                    [1246406400000, 10.4, 17],
-                    [1246492800000, 10.3, 28.6],
-                    [1246579200000, 14.8, 18.4],
-                    [1246665600000, 11.5, 25.8],
-                    [1246752000000, 11.1, 24.4],
-                    [1246838400000, 17.7, 19.6],
-                    [1246924800000, 15.1, 18.1],
-                    [1247011200000, 15.1, 27.2],
-                    [1247097600000, 17, 17.5],
-                    [1247184000000, 12.6, 18.5],
-                    [1247270400000, 12.2, 26],
-                    [1247356800000, 15.9, 22.9],
-                    [1247443200000, 17.1, 18.1],
-                    [1247529600000, 13.3, 24.2],
-                    [1247616000000, 17, 28.1],
-                    [1247702400000, 16.2, 22.6],
-                    [1247788800000, 10.6, 19],
-                    [1247875200000, 11.3, 19.7],
-                    [1247961600000, 14.1, 24.6],
-                    [1248048000000, 14.2, 22.5],
-                    [1248134400000, 14.1, 28.5],
-                    [1248220800000, 14, 27],
-                    [1248307200000, 10.2, 20.6],
-                    [1248393600000, 13.1, 29.9],
-                    [1248480000000, 13.7, 21.1],
-                    [1248566400000, 15, 28.6],
-                    [1248652800000, 12, 17.5],
-                    [1248739200000, 17.8, 24.4],
-                    [1248825600000, 11.7, 25.9],
-                    [1248912000000, 13.6, 25.6],
-                    [1248998400000, 17.3, 22.2],
-                ],
-            },
-        ],
-    } });