@shopify/polaris-viz - npm Package Compare versions

Comparing version 0.17.2 to 0.18.1

CHANGELOG.md

 # Changelog
 
-## Unreleased
+## [0.18.1] - 2021-08-11
 
+### Fixed
+- Comparison data is used in the `<Sparkbar />` scale
+
+## [0.18.0] - 2021-08-10
+
+### Fixed
+
+- Fixes `<BarChart />` when very large datasets are displayed
+- Fixes background color not showing when printing `<NormalizedStackedBarChart />`.
+
+### Changed
+- removes @shopify/css-utilities in favour of adding our own utility
+- lowers d3-path dependency to a version matching d3-shape's dependency
+- replaces lodash.isequal with smaller option fast-deep-equal
+- adds a resolution for d3-array so we only have one version of the package in our library
+
 ## [0.17.2] - 2021-06-23
@@ -6,0 +22,0 @@

package.json

 {
   "name": "@shopify/polaris-viz",
   "description": "Shopify’s viz component library",
-  "version": "0.17.2",
+  "version": "0.18.1",
   "private": false,
@@ -14,2 +14,3 @@ "license": "SEE LICENSE IN LICENSE.md",
   "scripts": {
+    "size": "yarn run build && size-limit",
     "lint": "sewing-kit lint",
@@ -39,2 +40,16 @@ "format": "sewing-kit format",
   },
+  "size-limit": [
+    {
+      "name": "cjs",
+      "path": "build/polaris-viz.js"
+    },
+    {
+      "name": "esm",
+      "path": "build/polaris-viz.es.js"
+    },
+    {
+      "name": "css",
+      "path": "build/polaris-viz.css"
+    }
+  ],
   "stylelint": {
@@ -72,8 +87,10 @@ "extends": [
     "@shopify/react-testing": "^3.0.1",
-    "@shopify/sewing-kit": "^2.0.0",
-    "@storybook/addon-actions": "^6.2.1",
-    "@storybook/addon-essentials": "^6.2.1",
-    "@storybook/addon-links": "^6.2.1",
-    "@storybook/react": "^6.2.1",
-    "@storybook/theming": "^6.2.1",
+    "@shopify/sewing-kit": "^2.1.2",
+    "@size-limit/preset-big-lib": "^5.0.1",
+    "@storybook/addon-actions": "^6.3.1",
+    "@storybook/addon-essentials": "^6.3.1",
+    "@storybook/addon-links": "^6.3.1",
+    "@storybook/react": "^6.3.1",
+    "@storybook/theming": "^6.3.1",
+    "@types/d3-array": "^2.12.1",
     "@types/d3-color": "1",
@@ -83,3 +100,2 @@ "@types/d3-scale": "^2.1.1",
     "@types/jest": "26.0.23",
-    "@types/lodash.isequal": "^4.5.5",
     "@types/lodash.throttle": "^4.1.6",
@@ -122,2 +138,3 @@ "@types/node": "^12.7.5",
     "shx": "^0.3.2",
+    "size-limit": "^5.0.1",
     "typescript": "~4.3.2"
@@ -144,15 +161,16 @@ },
     "@react-spring/web": "^9.1.2",
-    "@shopify/css-utilities": "^1.0.0",
     "@shopify/polaris-tokens": "^3.0.0",
-    "@types/d3-array": "^2.12.1",
-    "d3-array": "^2.4.0",
+    "d3-array": "2.4.0",
     "d3-color": "1",
-    "d3-path": "^2.0.0",
+    "d3-path": "1",
     "d3-scale": "^1.0.7",
     "d3-shape": "^1.3.7",
-    "lodash.isequal": "^4.5.0",
+    "fast-deep-equal": "^3.1.3",
     "lodash.throttle": "^4.1.1",
     "tslib": "^2.1.0",
     "use-debounce": "^3.3.0"
+  },
+  "resolutions": {
+    "d3-array": "2.4.0"
   }
 }

types/components/Bar/Bar.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 import { SpringValue } from '@react-spring/web';
@@ -23,3 +23,3 @@ import type { ScaleLinear } from 'd3-scale';
 }
-export declare function Bar({ color, x, rawValue, yScale, width, onFocus, index, ariaLabel, tabIndex, role, height, hasRoundedCorners, rotateZeroBars, }: Props): JSX.Element;
+export declare const Bar: React.NamedExoticComponent<Props>;
 export {};

types/components/BarChartXAxis/BarChartXAxis.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ScaleBand } from 'd3-scale';
@@ -9,3 +9,3 @@ interface XAxisDetails {
 }
-export declare function BarChartXAxis({ labels, xScale, fontSize, xAxisDetails, textColor, gridColor, showTicks, minimalLabelIndexes, }: {
+export declare const BarChartXAxis: React.NamedExoticComponent<{
     xScale: ScaleBand<string>;
@@ -21,4 +21,4 @@ labels: {
     showTicks: boolean;
-    minimalLabelIndexes?: number[] | null;
-}): JSX.Element;
+    minimalLabelIndexes?: number[] | null | undefined;
+}>;
 export {};

types/components/HorizontalGridLines/HorizontalGridLines.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 import type { YAxisTick } from '../../types';
@@ -12,3 +12,3 @@ interface Props {
 }
-export declare function HorizontalGridLines({ ticks, color, transform, width }: Props): JSX.Element;
+export declare const HorizontalGridLines: React.NamedExoticComponent<Props>;
 export {};

types/utilities/index.d.ts

@@ -27,1 +27,2 @@ export { eventPoint } from './event-point';
 export { isNumber } from './is-number';
+export { classNames } from './classnames';

No alert changes

Improved metrics

Total package byte prevSize

876021

increased by0.63%

Dependency count

14

decreased by-12.5%

Number of package files

384

increased by0.52%

Lines of code

11368

increased by0.28%

Worsened metrics

Dev dependency count

57

increased by3.64%

Dependency changes

• + Addedfast-deep-equal@^3.1.3

• + Addedd3-array@2.4.0(transitive)

• + Addedfast-deep-equal@3.1.3(transitive)

• - Removed@shopify/css-utilities@^1.0.0

• - Removed@types/d3-array@^2.12.1

• - Removedlodash.isequal@^4.5.0

• - Removed@shopify/css-utilities@1.1.4(transitive)

• - Removed@types/classnames@2.3.4(transitive)

• - Removed@types/d3-array@2.12.7(transitive)

• - Removedclassnames@2.5.1(transitive)

• - Removedd3-array@2.12.1(transitive)

• - Removedd3-path@2.0.0(transitive)

• - Removedinternmap@1.0.1(transitive)

• - Removedlodash.isequal@4.5.0(transitive)

• Updatedd3-array@2.4.0

• Updatedd3-path@1