@evergis/charts 2.0.94 → 2.0.96

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Kirill Protasov
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2020 Kirill Protasov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,13 +1,13 @@
-# @evergis/charts
-
-## Важно
-
-- Стилизовать графики необходимо импортируя названия классов из библиотеки.
-
-`import { calendarChartClassNames } from "@evergis/charts"`
-
-## Документация зависимостей
-
-- [d3](https://github.com/d3/d3/blob/master/API.md)
-- [styled-components](https://styled-components.com/docs)
-- [storybook](https://storybook.js.org/docs/react/writing-docs/docs-page)
+# @evergis/charts
+
+## Важно
+
+- Стилизовать графики необходимо импортируя названия классов из библиотеки.
+
+`import { calendarChartClassNames } from "@evergis/charts"`
+
+## Документация зависимостей
+
+- [d3](https://github.com/d3/d3/blob/master/API.md)
+- [styled-components](https://styled-components.com/docs)
+- [storybook](https://storybook.js.org/docs/react/writing-docs/docs-page)

package/dist/charts/BarChart/drawTooltip/index.d.ts

@@ -1,2 +1,2 @@
 import { DrawTooltipProps } from './types';
-export declare const drawTooltip: ({ svg, node, data, marshalledData, xScale, yScale, renderTooltip, labelPosition, marginTop, renderLabel, barWidth, barPadding, dynamicTooltipEnable, tooltipY, tooltipBind, lineData, formatTooltipValue, formatTooltipName, tooltipYDomain, setTooltipPosition, onLabelItem, isBarTooltip, bars, tooltipRoot, tooltipClassName, }: DrawTooltipProps) => void;
+export declare const drawTooltip: ({ svg, node, data, marshalledData, xScale, yScale, renderTooltip, labelPosition, marginTop, renderLabel, barWidth, barPadding, dynamicTooltipEnable, tooltipY, tooltipBind, lineData, formatTooltipValue, formatTooltipName, tooltipYDomain, setTooltipPosition, onLabelItem, isBarTooltip, bars, tooltipRoot, tooltipClassName, onBarClick, onBarHover, }: DrawTooltipProps) => void;

package/dist/charts/BarChart/drawTooltip/types.d.ts

@@ -10,4 +10,4 @@ export declare type DrawTooltipProps = {
     marginTop: number;
     barWidth: number;
     bars: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
-} & Pick<BarChartProps, 'renderTooltip' | 'labelPosition' | 'renderLabel' | 'dynamicTooltipEnable' | 'tooltipY' | 'tooltipBind' | 'lineData' | 'formatTooltipValue' | 'formatTooltipName' | 'tooltipYDomain' | 'data' | 'barPadding' | 'setTooltipPosition' | 'onLabelItem' | 'isBarTooltip' | 'tooltipRoot' | 'tooltipClassName'>;
+} & Pick<BarChartProps, 'renderTooltip' | 'labelPosition' | 'renderLabel' | 'dynamicTooltipEnable' | 'tooltipY' | 'tooltipBind' | 'lineData' | 'formatTooltipValue' | 'formatTooltipName' | 'tooltipYDomain' | 'data' | 'barPadding' | 'setTooltipPosition' | 'onLabelItem' | 'isBarTooltip' | 'tooltipRoot' | 'tooltipClassName' | 'onBarClick' | 'onBarHover'>;

package/dist/charts/BarChart/types.d.ts

@@ -113,6 +113,8 @@ export declare type BarChartProps = {
     tooltipClassName?: string;
     selectable?: boolean;
     onSelect?: (value: [number, number]) => void;
+    onBarClick?: (group: BarChartMarshalledGroup) => void;
+    onBarHover?: (group?: BarChartMarshalledGroup) => void;
 };
 export declare type BarChartMergedData = (BarChartMarshalledGroup & BarChartLineData & {
     groupName: string;

package/dist/charts.cjs.development.js

@@ -2309,7 +2309,9 @@ const drawTooltip$2 = _ref => {
     isBarTooltip,
     bars,
     tooltipRoot,
-    tooltipClassName
+    tooltipClassName,
+    onBarClick,
+    onBarHover
   } = _ref;
   d3.select(node).select("." + barChartClassNames.barChartMouseContainer).remove();
   const xScaleBandDomain = xScale.domain();
@@ -2513,6 +2515,21 @@ const drawTooltip$2 = _ref => {
   const container = d3.select(node).append('div').attr('class', barChartClassNames.barChartMouseContainer);
   const labelContainer = container.append('div').attr('class', barChartClassNames.barChartLabelContainer).style('position', 'absolute').style('top', y2 + "px");
 
+  const isMouseWithin = (e, callback) => {
+    const [rectrX, rectrY] = d3.pointer(e, mouseRect);
+    const [nodeX, nodeY] = d3.pointer(e, node);
+    const x = rectrX - (rectrX - nodeX);
+    const y = rectrY - nodeY;
+    const currIndex = groups.findIndex(value => x <= value);
+    const dataItem = marshalledData[currIndex][0];
+
+    if (dataItem.height >= y1 - y) {
+      callback(dataItem);
+    }
+  };
+
+  mouseGlobal.on("click", e => isMouseWithin(e, dataItem => onBarClick && onBarClick(dataItem))).on("mousemove", e => isMouseWithin(e, dataItem => onBarHover && onBarHover(dataItem))).on("mouseleave", () => onBarHover && onBarHover(undefined));
+
   if (labelPosition) {
     const concatedData = lineData ? marshalledData.map((stack, index) => stack.concat(lineData.map(_ref6 => {
       let {
@@ -2646,7 +2663,9 @@ const draw$4 = (node, props) => {
     isBarTooltip,
     xScaleItemWidth,
     tooltipRoot,
-    tooltipClassName
+    tooltipClassName,
+    onBarClick,
+    onBarHover
   } = props;
 
   if (node !== null && data.length) {
@@ -2817,7 +2836,9 @@ const draw$4 = (node, props) => {
         isBarTooltip,
         bars: groups,
         tooltipRoot,
-        tooltipClassName
+        tooltipClassName,
+        onBarClick,
+        onBarHover
       });
     }