@shopify/polaris-viz - npm Package Compare versions

Comparing version 0.21.2 to 0.21.3

CHANGELOG.md

 # Changelog
 
+## Unreleased
+
+## [0.21.3] - 2021-10-15
+
+### Fixed
+- Circular dependency in `<LineChart />`
+- Theme.line.strokeColor now gets applied to StackedAreaChart
+- Theme.line.lineStyle and Theme.line.hasPoint now gets applied to Sparkline
+- Fixed issue with tooltips extended too far right when hovering last point.
+
 ## [0.21.2] - 2021-09-29
@@ -4,0 +14,0 @@

package.json

 {
   "name": "@shopify/polaris-viz",
   "description": "Shopify’s viz component library",
-  "version": "0.21.2",
+  "version": "0.21.3",
   "private": false,
@@ -87,2 +87,3 @@ "license": "SEE LICENSE IN LICENSE.md",
     "@storybook/addon-actions": "^6.3.8",
+    "@storybook/addon-docs": "^6.3.8",
     "@storybook/addon-essentials": "^6.3.8",
@@ -89,0 +90,0 @@ "@storybook/addon-links": "^6.3.8",

types/components/Bar/Bar.d.ts

@@ -8,3 +8,7 @@ import React from 'react';
     index: number;
-    onFocus: ({ index, cx, cy }: {
+    rotateZeroBars: boolean;
+    height: number;
+    tabIndex: number;
+    zeroPosition: number;
+    onFocus?: ({ index, cx, cy }: {
         index: number;
@@ -15,9 +19,5 @@ cx: number;
     ariaLabel?: string;
-    tabIndex: number;
     role?: string;
     hasRoundedCorners?: boolean;
-    height: number;
-    rotateZeroBars: boolean;
     animationDelay?: number;
-    zeroPosition: number;
     isAnimated?: boolean;
@@ -24,0 +24,0 @@ }

types/components/index.d.ts

@@ -16,3 +16,2 @@ export { Point } from './Point';
 export { YAxis } from './YAxis';
-export { TooltipContainer } from './TooltipContainer';
 export { SquareColorPreview } from './SquareColorPreview';
@@ -35,1 +34,2 @@ export type { SquareColorPreviewProps } from './SquareColorPreview';
 export type { PolarisVizProviderProps } from './PolarisVizProvider';
+export { TooltipWrapper } from './TooltipWrapper';

types/components/LineChart/Chart.d.ts

 import React from 'react';
-import type { Dimensions } from '../../types';
+import { Dimensions } from '../../types';
 import type { RenderTooltipContentData, XAxisOptions, YAxisOptions, SeriesWithDefaults } from './types';
@@ -4,0 +4,0 @@ interface Props {

types/components/MultiSeriesBarChart/components/BarGroup/BarGroup.d.ts

 /// <reference types="react" />
 import type { ScaleLinear } from 'd3-scale';
-import type { Color } from 'types';
+import { Color } from '../../../../types';
 interface Props {
@@ -14,3 +14,2 @@ x: number;
     ariaLabel: string;
-    onFocus: (index: number) => void;
     hasRoundedCorners: boolean;
@@ -21,3 +20,3 @@ zeroAsMinHeight: boolean;
 }
-export declare function BarGroup({ x, data, yScale, width, colors, height, onFocus, barGroupIndex, ariaLabel, hasRoundedCorners, isSubdued, zeroAsMinHeight, isAnimated, rotateZeroBars, }: Props): JSX.Element;
+export declare function BarGroup({ x, data, yScale, width, colors, height, barGroupIndex, ariaLabel, hasRoundedCorners, isSubdued, zeroAsMinHeight, isAnimated, rotateZeroBars, }: Props): JSX.Element;
 export {};

types/components/MultiSeriesBarChart/components/StackedBarGroup/components/Stack/Stack.d.ts

 /// <reference types="react" />
 import type { StackedBarGroupProps } from '../../types';
-export declare function Stack({ data, xScale, onFocus, ariaHidden, activeBarId, accessibilityData, activeBarGroup, yScale, groupIndex, }: Omit<StackedBarGroupProps, 'colors'> & {
+export declare function Stack({ data, xScale, ariaHidden, activeBarId, accessibilityData, activeBarGroup, yScale, groupIndex, }: Omit<StackedBarGroupProps, 'colors'> & {
     ariaHidden: boolean;
     activeBarId: string;
 }): JSX.Element;

types/components/MultiSeriesBarChart/components/StackedBarGroup/StackedBarGroup.d.ts

 /// <reference types="react" />
 import type { StackedBarGroupProps } from './types';
-export declare function StackedBarGroup({ groupIndex, data, yScale, xScale, colors, onFocus, accessibilityData, activeBarGroup, }: StackedBarGroupProps): JSX.Element;
+export declare function StackedBarGroup({ groupIndex, data, yScale, xScale, colors, accessibilityData, activeBarGroup, }: StackedBarGroupProps): JSX.Element;

types/components/MultiSeriesBarChart/components/StackedBarGroup/types.d.ts

@@ -18,3 +18,2 @@ import type { ScaleLinear, ScaleBand } from 'd3-scale';
     }[];
-    onFocus: (index: number) => void;
 }

types/components/Point/Point.d.ts

 import React from 'react';
-import type { ActiveTooltip } from 'types';
+import type { ActiveTooltip, DataType } from 'types';
 import { Interpolation } from '@react-spring/web';
@@ -17,4 +17,5 @@ interface Props {
     stroke: string;
+    dataType?: DataType;
 }
 export declare const Point: React.NamedExoticComponent<Props>;
 export {};

types/components/StackedAreaChart/Chart.d.ts

 import React from 'react';
-import type { StringLabelFormatter, NumberLabelFormatter, Dimensions } from '../../types';
+import { StringLabelFormatter, NumberLabelFormatter, Dimensions } from '../../types';
 import type { Series, RenderTooltipContentData } from './types';
@@ -4,0 +4,0 @@ interface Props {

types/test-utilities/index.d.ts

 export { mountWithProvider } from './mount-with-provider';
+export { triggerSVGMouseMove } from './trigger-svg-mouse-move';

types/types.d.ts

@@ -155,1 +155,6 @@ import type { InterpolatorFn } from '@react-spring/web';
 }
+export declare enum DataType {
+    Point = "Point",
+    BarGroup = "BarGroup",
+    Bar = "Bar"
+}

types/utilities/event-point.d.ts

@@ -1,3 +0,3 @@
-import type { MouseEvent, TouchEvent } from 'react';
-export declare function eventPoint(event: MouseEvent<SVGSVGElement> | TouchEvent<SVGSVGElement>): {
+import type React from 'react';
+export declare function eventPoint(event: React.MouseEvent<SVGSVGElement> | React.TouchEvent<SVGSVGElement>): {
     clientX: number;
@@ -8,1 +8,7 @@ clientY: number;
 } | undefined;
+export declare function eventPointNative(event: MouseEvent | TouchEvent): {
+    clientX: number;
+    clientY: number;
+    svgX: number;
+    svgY: number;
+} | undefined;

types/utilities/index.d.ts

@@ -1,2 +0,2 @@
-export { eventPoint } from './event-point';
+export { eventPoint, eventPointNative } from './event-point';
 export { getTextWidth } from './get-text-width';
@@ -3,0 +3,0 @@ export { clamp } from './clamp';

No alert changes

Improved metrics

Total package byte prevSize

1083407

increased by2.26%

Number of package files

412

increased by2.74%

Lines of code

16365

increased by2.27%

Worsened metrics

Dev dependency count

57

increased by1.79%

No dependency changes