@gravity-ui/chartkit 0.9.1 → 0.10.1

package/build/plugins/highcharts/renderer/helpers/config/handleLegendItemClick.d.ts

@@ -0,0 +1 @@
+export function handleLegendItemClick(event: any): void;

package/build/plugins/highcharts/renderer/helpers/config/handleLegendItemClick.js

@@ -0,0 +1,57 @@
+import { drawComments, hideComments } from '../comments/drawing';
+import { isNavigatorSeries } from './utils';
+const needSetVisible = (serieName, serieVisible, chartSeries) => {
+    if (!serieVisible) {
+        return false;
+    }
+    const hasAnotherVisibleSeries = chartSeries
+        .filter((serie) => serie.options.showInLegend !== false && serie.name !== serieName)
+        .some((serie) => serie.visible);
+    return serieVisible && !hasAnotherVisibleSeries;
+};
+const updateSeries = (serie, chart, chartSeries, type) => {
+    const serieName = serie.name;
+    switch (type) {
+        case 'extended': {
+            chartSeries.forEach((item) => {
+                if (item.name === serieName) {
+                    item.setVisible(!item.visible, false);
+                }
+            });
+            break;
+        }
+        case 'default': {
+            const visible = needSetVisible(serie.name, serie.visible, chartSeries);
+            chartSeries.forEach((item) => {
+                if (item.name === serieName) {
+                    item.setVisible(true, false);
+                }
+                else {
+                    item.setVisible(visible, false);
+                }
+            });
+            break;
+        }
+        default:
+            break;
+    }
+};
+const updateComments = (chart) => {
+    setTimeout(() => hideComments(chart, chart.userOptions._getComments(), chart.userOptions._config), 0);
+    setTimeout(() => drawComments(chart, chart.userOptions._getComments(), chart.userOptions._config), 0);
+};
+// https://api.highcharts.com/class-reference/Highcharts#.SeriesLegendItemClickCallbackFunction
+export const handleLegendItemClick = (event) => {
+    event.preventDefault();
+    const serie = event.target;
+    const chart = serie.chart ? serie.chart : serie.series.chart;
+    const chartSeries = serie.chart ? chart.series : serie.series.data;
+    if (isNavigatorSeries(serie)) {
+        return;
+    }
+    const isExteded = event.browserEvent.ctrlKey || event.browserEvent.metaKey;
+    const type = isExteded ? 'extended' : 'default';
+    updateSeries(serie, chart, chartSeries, type);
+    updateComments(chart);
+    chart.redraw();
+};

package/build/plugins/highcharts/renderer/helpers/config/options.d.ts

@@ -0,0 +1,465 @@
+export default options;
+declare namespace options {
+    namespace chart {
+        const zoomType: string;
+        const backgroundColor: string;
+        const className: string;
+    }
+    namespace title {
+        namespace style {
+            const color: string;
+        }
+    }
+    namespace tooltip {
+        const split: boolean;
+        const shared: boolean;
+        const outside: boolean;
+        const followPointer: boolean;
+        namespace dateTimeLabelFormats {
+            const millisecond: string;
+            const second: string;
+            const minute: string;
+            const hour: string;
+            const day: string;
+            const week: string;
+            const quarter: string;
+        }
+    }
+    namespace legend {
+        namespace itemStyle {
+            const color_1: string;
+            export { color_1 as color };
+        }
+        namespace itemHoverStyle {
+            const color_2: string;
+            export { color_2 as color };
+        }
+        namespace itemHiddenStyle {
+            const color_3: string;
+            export { color_3 as color };
+        }
+    }
+    namespace xAxis {
+        export const crosshair: boolean;
+        export const gridLineColor: string;
+        export const lineColor: string;
+        export namespace labels {
+            export namespace style_1 {
+                const color_4: string;
+                export { color_4 as color };
+            }
+            export { style_1 as style };
+        }
+        export const tickPixelInterval: number;
+        export const tickColor: string;
+        export const tickmarkPlacement: string;
+        export namespace dateTimeLabelFormats_1 {
+            const day_1: string;
+            export { day_1 as day };
+            const week_1: string;
+            export { week_1 as week };
+            const quarter_1: string;
+            export { quarter_1 as quarter };
+        }
+        export { dateTimeLabelFormats_1 as dateTimeLabelFormats };
+    }
+    namespace yAxis {
+        const gridLineColor_1: string;
+        export { gridLineColor_1 as gridLineColor };
+        const lineColor_1: string;
+        export { lineColor_1 as lineColor };
+        export namespace labels_1 {
+            export namespace style_2 {
+                const color_5: string;
+                export { color_5 as color };
+            }
+            export { style_2 as style };
+        }
+        export { labels_1 as labels };
+        const tickColor_1: string;
+        export { tickColor_1 as tickColor };
+        export namespace stackLabels {
+            export namespace style_3 {
+                export const textOutline: string;
+                const color_6: string;
+                export { color_6 as color };
+            }
+            export { style_3 as style };
+        }
+    }
+    namespace plotOptions {
+        export namespace series {
+            export const borderColor: string;
+            export namespace label {
+                const enabled: boolean;
+            }
+            export namespace tooltip_1 {
+                const headerFormat: string;
+                const pointFormat: string;
+            }
+            export { tooltip_1 as tooltip };
+            export namespace dataLabels {
+                export namespace style_4 {
+                    const textOutline_1: string;
+                    export { textOutline_1 as textOutline };
+                    const color_7: string;
+                    export { color_7 as color };
+                }
+                export { style_4 as style };
+            }
+            export const turboThreshold: number;
+        }
+        export const area: {
+            boostThreshold: number;
+            trackByArea: boolean;
+            stickyTracking: boolean;
+        } & {
+            states: {
+                hover: {
+                    lineWidthPlus: number;
+                };
+            };
+            dataGrouping: {
+                approximation: string;
+            };
+            marker: {
+                enabled: boolean;
+                radius: number;
+                states: {
+                    hover: {
+                        radiusPlus: number;
+                    };
+                };
+            };
+        } & {
+            dataLabels: {
+                formatter: () => any;
+            };
+        } & {
+            states: {
+                hover: {
+                    animation: {
+                        duration: number;
+                        easing: string;
+                    };
+                    lineWidth: number;
+                    opacity: number;
+                };
+                inactive: {
+                    opacity: number;
+                };
+            };
+        };
+        export { first as areaspline };
+        export const bar: {
+            borderWidth: number;
+            pointWidth: number;
+        } & {
+            states: {
+                hover: {
+                    lineWidthPlus: number;
+                };
+            };
+            dataGrouping: {
+                approximation: string;
+            };
+            marker: {
+                enabled: boolean;
+                radius: number;
+                states: {
+                    hover: {
+                        radiusPlus: number;
+                    };
+                };
+            };
+        } & {
+            dataLabels: {
+                formatter: () => any;
+            };
+        } & {
+            states: {
+                inactive: {
+                    enabled: boolean;
+                };
+            };
+        };
+        export const column: {
+            states: {
+                hover: {
+                    lineWidthPlus: number;
+                };
+            };
+            dataGrouping: {
+                approximation: string;
+            };
+            marker: {
+                enabled: boolean;
+                radius: number;
+                states: {
+                    hover: {
+                        radiusPlus: number;
+                    };
+                };
+            };
+        } & {
+            dataLabels: {
+                formatter: () => any;
+            };
+        } & {
+            states: {
+                inactive: {
+                    enabled: boolean;
+                };
+            };
+        };
+        export const line: {
+            states: {
+                hover: {
+                    lineWidthPlus: number;
+                };
+            };
+            dataGrouping: {
+                approximation: string;
+            };
+            marker: {
+                enabled: boolean;
+                radius: number;
+                states: {
+                    hover: {
+                        radiusPlus: number;
+                    };
+                };
+            };
+        } & {
+            dataLabels: {
+                formatter: () => any;
+            };
+        } & {
+            states: {
+                hover: {
+                    animation: {
+                        duration: number;
+                        easing: string;
+                    };
+                    lineWidth: number;
+                    opacity: number;
+                };
+                inactive: {
+                    opacity: number;
+                };
+            };
+        };
+        export { first as spline };
+        export const arearange: {
+            tooltip: {
+                pointFormat: string;
+            };
+        } & {
+            states: {
+                hover: {
+                    lineWidthPlus: number;
+                };
+            };
+            dataGrouping: {
+                approximation: string;
+            };
+            marker: {
+                enabled: boolean;
+                radius: number;
+                states: {
+                    hover: {
+                        radiusPlus: number;
+                    };
+                };
+            };
+        };
+        export namespace scatter {
+            export namespace tooltip_2 {
+                const headerFormat_1: string;
+                export { headerFormat_1 as headerFormat };
+                const pointFormat_1: string;
+                export { pointFormat_1 as pointFormat };
+            }
+            export { tooltip_2 as tooltip };
+        }
+        export namespace bubble {
+            export namespace tooltip_3 {
+                const headerFormat_2: string;
+                export { headerFormat_2 as headerFormat };
+                const pointFormat_2: string;
+                export { pointFormat_2 as pointFormat };
+            }
+            export { tooltip_3 as tooltip };
+        }
+        export namespace sankey {
+            export namespace tooltip_4 {
+                const headerFormat_3: string;
+                export { headerFormat_3 as headerFormat };
+                const pointFormat_3: string;
+                export { pointFormat_3 as pointFormat };
+            }
+            export { tooltip_4 as tooltip };
+        }
+        export namespace heatmap {
+            export namespace tooltip_5 {
+                const headerFormat_4: string;
+                export { headerFormat_4 as headerFormat };
+                const pointFormat_4: string;
+                export { pointFormat_4 as pointFormat };
+            }
+            export { tooltip_5 as tooltip };
+        }
+        export namespace treemap {
+            export namespace tooltip_6 {
+                const headerFormat_5: null;
+                export { headerFormat_5 as headerFormat };
+                const pointFormat_5: string;
+                export { pointFormat_5 as pointFormat };
+            }
+            export { tooltip_6 as tooltip };
+        }
+        export namespace timeline {
+            export namespace tooltip_7 {
+                const headerFormat_6: string;
+                export { headerFormat_6 as headerFormat };
+                const pointFormat_6: string;
+                export { pointFormat_6 as pointFormat };
+            }
+            export { tooltip_7 as tooltip };
+        }
+        export const variwide: {};
+        export const waterfall: {};
+        export const pie: {
+            tooltip: {
+                headerFormat: null;
+                pointFormat: string;
+            };
+            dataLabels: {
+                formatter: () => any;
+            };
+        } & {
+            allowPointSelect: boolean;
+            slicedOffset: number;
+            cursor: string;
+            showInLegend: boolean;
+        } & {
+            states: {
+                inactive: {
+                    enabled: boolean;
+                };
+            };
+        };
+        export namespace histogram {
+            export namespace tooltip_8 {
+                const headerFormat_7: null;
+                export { headerFormat_7 as headerFormat };
+                const pointFormat_7: string;
+                export { pointFormat_7 as pointFormat };
+            }
+            export { tooltip_8 as tooltip };
+        }
+        export const bellcurve: {};
+        export const streamgraph: {};
+        export namespace ohlc {
+            export namespace tooltip_9 {
+                const pointFormat_8: string;
+                export { pointFormat_8 as pointFormat };
+            }
+            export { tooltip_9 as tooltip };
+        }
+        export const ema: {};
+        export const sma: {};
+        export namespace wordcloud {
+            export namespace tooltip_10 {
+                const pointFormat_9: string;
+                export { pointFormat_9 as pointFormat };
+            }
+            export { tooltip_10 as tooltip };
+        }
+        export namespace xrange {
+            export namespace tooltip_11 {
+                const headerFormat_8: string;
+                export { headerFormat_8 as headerFormat };
+                const pointFormat_10: string;
+                export { pointFormat_10 as pointFormat };
+            }
+            export { tooltip_11 as tooltip };
+        }
+        export { second as solidgauge };
+        export { second as funnel };
+        export namespace boxplot {
+            export namespace tooltip_12 {
+                const pointFormat_11: string;
+                export { pointFormat_11 as pointFormat };
+            }
+            export { tooltip_12 as tooltip };
+        }
+    }
+    namespace exporting {
+        namespace buttons {
+            namespace contextButton {
+                const enabled_1: boolean;
+                export { enabled_1 as enabled };
+            }
+        }
+    }
+    namespace rangeSelector {
+        const enabled_2: boolean;
+        export { enabled_2 as enabled };
+        export const inputEnabled: boolean;
+    }
+    namespace scrollbar {
+        const enabled_3: boolean;
+        export { enabled_3 as enabled };
+        export const barBackgroundColor: string;
+        export const barBorderColor: string;
+        export const buttonArrowColor: string;
+        export const buttonBorderColor: string;
+        export const buttonBackgroundColor: string;
+        export const trackBackgroundColor: string;
+        export const trackBorderColor: string;
+    }
+    namespace navigator {
+        export const height: number;
+        export const outlineColor: string;
+        export namespace xAxis_1 {
+            const gridLineColor_2: string;
+            export { gridLineColor_2 as gridLineColor };
+        }
+        export { xAxis_1 as xAxis };
+        export namespace handles {
+            const backgroundColor_1: string;
+            export { backgroundColor_1 as backgroundColor };
+            const borderColor_1: string;
+            export { borderColor_1 as borderColor };
+        }
+    }
+}
+declare namespace first {
+    namespace states {
+        namespace hover {
+            const lineWidthPlus: number;
+        }
+    }
+    namespace dataGrouping {
+        const approximation: string;
+    }
+    namespace marker {
+        const enabled_4: boolean;
+        export { enabled_4 as enabled };
+        export const radius: number;
+        export namespace states_1 {
+            export namespace hover_1 {
+                const radiusPlus: number;
+            }
+            export { hover_1 as hover };
+        }
+        export { states_1 as states };
+    }
+}
+declare namespace second_1 {
+    const allowPointSelect: boolean;
+    const slicedOffset: number;
+    const cursor: string;
+    const showInLegend: boolean;
+}