@shopify/polaris-viz - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1

CHANGELOG.md

 # Changelog
 
-## [0.6.0] - 2021-03-16
+## [0.6.1] - 2021-03-16
 
+### Fixed
+
+- Line chart performance
+- Handling for all negative datasets
+- Use initial ticks to calculate yAxis width
+
+## [0.6.0] - 2021-03-15
+
 ### Changed
@@ -6,0 +14,0 @@

package.json

 {
   "name": "@shopify/polaris-viz",
   "description": "Shopify’s viz component library",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": false,
@@ -69,2 +69,3 @@ "license": "SEE LICENSE IN LICENSE.md",
     "@types/lodash.isequal": "^4.5.5",
+    "@types/lodash.throttle": "^4.1.6",
     "@types/node": "^12.7.5",
@@ -130,2 +131,3 @@ "@types/react": "^16.8.15",
     "lodash.isequal": "^4.5.0",
+    "lodash.throttle": "^4.1.1",
     "react-spring": "^8.0.27",
@@ -132,0 +134,0 @@ "use-debounce": "^3.3.0"

types/components/LineChart/components/Line/Line.d.ts

@@ -1,19 +0,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { ScaleLinear } from 'd3-scale';
 import { Series } from '../../types';
 interface Props {
-    path: string;
     series: Required<Series>;
     xScale: ScaleLinear<number, number>;
     yScale: ScaleLinear<number, number>;
-    activePointIndex: number | null;
-    labelledBy: string;
-    tabIndex: number;
-    handleFocus: ({ index, cx, cy, }: {
-        index?: number;
-        cx: number;
-        cy: number;
-    }) => void;
 }
-export declare function Line({ path, series, xScale, yScale, activePointIndex, labelledBy, handleFocus, tabIndex, }: Props): JSX.Element;
+export declare const Line: React.NamedExoticComponent<Props>;
 export {};

types/components/LineChart/hooks/use-y-scale.d.ts

@@ -15,3 +15,3 @@ import { Series } from '../types';
     }[];
-    axisMargin: number | null;
+    axisMargin: number;
 };

types/components/LineChart/types.d.ts

@@ -6,3 +6,3 @@ import { Color, DataSeries, Data, LineStyle } from '../../types';
 }
-interface TooltipData {
+export interface TooltipData {
     name: string;
@@ -19,2 +19,1 @@ point: {
 }
-export {};

types/components/Point/Point.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
-import { Color } from 'types';
+import React from 'react';
+import { Color, ActiveTooltip } from 'types';
 interface Props {
@@ -8,12 +8,8 @@ active: boolean;
     color: Color;
-    index?: number;
-    onFocus?: ({ index, cx, cy }: {
-        index?: number;
-        cx: number;
-        cy: number;
-    }) => any;
+    index: number;
+    onFocus?: ({ index, x, y }: ActiveTooltip) => void;
     tabIndex?: number;
     ariaLabelledby?: string;
 }
-export declare function Point({ cx, cy, active, color, onFocus, index, ariaLabelledby, tabIndex, }: Props): JSX.Element;
+export declare const Point: React.NamedExoticComponent<Props>;
 export {};

types/components/VisuallyHiddenRows/VisuallyHiddenRows.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 import { NumberLabelFormatter, DataSeries, NullableData, Data } from '../../types';
@@ -8,3 +8,3 @@ interface Props {
 }
-export declare function VisuallyHiddenRows({ series, xAxisLabels, formatYAxisLabel, }: Props): JSX.Element;
+export declare const VisuallyHiddenRows: React.NamedExoticComponent<Props>;
 export {};

types/hooks/useLinearXAxisDetails.d.ts

@@ -1,2 +0,7 @@
-import { StringLabelFormatter, NumberLabelFormatter, NullableData, Data, DataSeries } from '../types';
+import { StringLabelFormatter, NullableData, Data, DataSeries } from '../types';
+interface Ticks {
+    value: number;
+    formattedValue: string;
+    yOffset: number;
+}
 export interface ChartDetails {
@@ -7,6 +12,6 @@ series: DataSeries<Data | NullableData>[];
     formatXAxisLabel: StringLabelFormatter;
-    formatYAxisLabel: NumberLabelFormatter;
+    initialTicks: Ticks[];
     xAxisLabels: string[];
 }
-export declare function useLinearXAxisDetails({ series, fontSize, chartDimensions, formatXAxisLabel, formatYAxisLabel, xAxisLabels, }: ChartDetails): {
+export declare function useLinearXAxisDetails({ series, fontSize, chartDimensions, formatXAxisLabel, initialTicks, xAxisLabels, }: ChartDetails): {
     maxXLabelHeight: number;
@@ -18,1 +23,2 @@ maxDiagonalLabelLength: number;
 };
+export {};

types/types.d.ts

@@ -20,1 +20,6 @@ export interface Data {
 export declare type NumberLabelFormatter = (value: number) => string;
+export interface ActiveTooltip {
+    x: number;
+    y: number;
+    index: number;
+}

No alert changes

Improved metrics

Total package byte prevSize

519401

increased by0.19%

Lines of code

7392

increased by0.39%

Worsened metrics

Dependency count

11

increased by10%

Dev dependency count

47

increased by2.17%

Dependency changes

• + Addedlodash.throttle@^4.1.1

• + Addedlodash.throttle@4.1.1(transitive)