react-d3-utils - npm Package Compare versions

Comparing version 0.6.1 to 1.0.0

CHANGELOG.md

 # Changelog
 
+## [1.0.0](https://www.github.com/zakodium-oss/react-d3-utils/compare/v0.6.1...v1.0.0) (2022-12-04)
+
+
+### Bug Fixes
+
+* prevent responsive chart from affecting the size of its parents ([#32](https://www.github.com/zakodium-oss/react-d3-utils/issues/32)) ([80bcf52](https://www.github.com/zakodium-oss/react-d3-utils/commit/80bcf52969c6a19538b402547f15950dfc91c688))
+
 ### [0.6.1](https://www.github.com/zakodium-oss/react-d3-utils/compare/v0.6.0...v0.6.1) (2022-11-01)
@@ -4,0 +11,0 @@

lib-esm/components/AlignGroup.d.ts

 import { ReactNode, CSSProperties } from 'react';
-export declare type Align = 'start' | 'middle' | 'end' | 'none';
+export type Align = 'start' | 'middle' | 'end' | 'none';
 export interface AlignGroupProps {
@@ -4,0 +4,0 @@ x?: number;

lib-esm/components/ResponsiveChart.js

@@ -7,2 +7,3 @@ import { jsx as _jsx } from "react/jsx-runtime";
     return (_jsx("div", { ref: observed.ref, style: {
+            position: 'relative',
             flex: 1,
@@ -15,6 +16,6 @@ width: width || '100%',
             maxHeight,
-        }, children: observed.width && observed.height
-            ? children({ width: observed.width, height: observed.height })
-            : null }));
+        }, children: _jsx("div", { style: { position: 'absolute', top: 0, right: 0, bottom: 0, left: 0 }, children: observed.width && observed.height
+                ? children({ width: observed.width, height: observed.height })
+                : null }) }));
 }
 //# sourceMappingURL=ResponsiveChart.js.map

lib-esm/hooks/useLinearPrimaryTicks.d.ts

 import type { ScaleContinuousNumeric } from 'd3-scale';
 import { MutableRefObject } from 'react';
-declare type Directions = 'horizontal' | 'vertical';
+type Directions = 'horizontal' | 'vertical';
 export interface PrimaryLinearTicks {
@@ -5,0 +5,0 @@ label: string;

lib-esm/hooks/useLogTicks.d.ts

 import type { ScaleContinuousNumeric } from 'd3-scale';
 import { MutableRefObject } from 'react';
-declare type Directions = 'horizontal' | 'vertical';
+type Directions = 'horizontal' | 'vertical';
 export interface PrimaryLogTicks {
@@ -5,0 +5,0 @@ label: string;

lib-esm/hooks/useTick.d.ts

 import type { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-declare type Directions = 'horizontal' | 'vertical';
+type Directions = 'horizontal' | 'vertical';
 export interface Ticks<T> {
@@ -5,0 +5,0 @@ label: string;

lib-esm/hooks/useTimeTicks.d.ts

 import type { ScaleTime } from 'd3-scale';
 import { MutableRefObject } from 'react';
-declare type Directions = 'horizontal' | 'vertical';
+type Directions = 'horizontal' | 'vertical';
 export interface TimeTicks {
@@ -5,0 +5,0 @@ label: string;

lib/components/ResponsiveChart.js

@@ -13,2 +13,3 @@ "use strict";
     return ((0, jsx_runtime_1.jsx)("div", { ref: observed.ref, style: {
+            position: 'relative',
             flex: 1,
@@ -21,6 +22,6 @@ width: width || '100%',
             maxHeight,
-        }, children: observed.width && observed.height
-            ? children({ width: observed.width, height: observed.height })
-            : null }));
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', top: 0, right: 0, bottom: 0, left: 0 }, children: observed.width && observed.height
+                ? children({ width: observed.width, height: observed.height })
+                : null }) }));
 }
 exports.ResponsiveChart = ResponsiveChart;

package.json

 {
   "name": "react-d3-utils",
-  "version": "0.6.1",
+  "version": "1.0.0",
   "description": "Low-level utilities to build charts with React and D3",
@@ -37,5 +37,3 @@ "main": "lib/index.js",
   "devDependencies": {
-    "@babel/core": "^7.19.6",
     "@simbathesailor/use-what-changed": "^2.0.0",
-    "@storybook/addon-actions": "^6.5.13",
     "@storybook/addon-essentials": "^6.5.13",
@@ -49,4 +47,3 @@ "@storybook/addon-links": "^6.5.13",
     "@zakodium/eslint-config": "^6.0.0",
-    "babel-loader": "^9.0.1",
-    "eslint": "^8.26.0",
+    "eslint": "^8.27.0",
     "prettier": "^2.7.1",
@@ -64,4 +61,4 @@ "react": "^17.0.2",
   "volta": {
-    "node": "16.18.0"
+    "node": "16.18.1"
   }
 }

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

44328

increased by1.55%

Dev dependency count

15

decreased by-16.67%

Lines of code

632

increased by0.32%

Number of low quality alerts

0

decreased by-100%

No dependency changes