@adyen/lume - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/types/components/charts/lume-alluvial-diagram/lume-alluvial-diagram.vue.d.ts

@@ -90,7 +90,7 @@ import { ChartOptions } from '@/composables/options';
     color: import("../../../constants").Colors | import("../../../constants").DivergentColors;
+    title: string;
     orientation: import("../../../constants").Orientation;
+    options: ChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: ChartOptions;
     labels: string[];
@@ -97,0 +97,0 @@ }>;

dist/types/components/charts/lume-bar-chart/lume-bar-chart.vue.d.ts

 import { PropType } from 'vue';
-import { Options } from '@/composables/options';
+import { BarChartOptions, Options } from '@/composables/options';
 declare enum TYPES {
@@ -23,3 +23,3 @@ grouped = "grouped",
     options: {
-        type: PropType<import("@/composables/options").ChartOptions>;
+        type: PropType<BarChartOptions>;
         default: () => {};
@@ -72,3 +72,3 @@ };
     options: {
-        type: PropType<import("@/composables/options").ChartOptions>;
+        type: PropType<BarChartOptions>;
         default: () => {};
@@ -100,7 +100,7 @@ };
     color: import("@/constants").Colors | import("@/constants").DivergentColors;
+    title: string;
     orientation: import("@/constants").Orientation;
+    options: BarChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: import("@/composables/options").ChartOptions;
     labels: string[];
@@ -107,0 +107,0 @@ }>;

dist/types/components/charts/lume-grouped-bar-chart/lume-grouped-bar-chart.vue.d.ts

@@ -0,1 +1,2 @@
+import { BarChartOptions } from '@/composables/options';
 declare const _default: import("vue").DefineComponent<{
@@ -12,3 +13,3 @@ title: {
     options: {
-        type: import("vue").PropType<import("@/composables/options").ChartOptions>;
+        type: import("vue").PropType<BarChartOptions>;
         default: () => {};
@@ -38,3 +39,3 @@ };
 }, {
-    allOptions: import("vue").ComputedRef<import("@/composables/options").ChartOptions>;
+    allOptions: import("vue").ComputedRef<BarChartOptions>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -51,3 +52,3 @@ title: {
     options: {
-        type: import("vue").PropType<import("@/composables/options").ChartOptions>;
+        type: import("vue").PropType<BarChartOptions>;
         default: () => {};
@@ -78,7 +79,7 @@ };
     color: import("@/constants").Colors | import("@/constants").DivergentColors;
+    title: string;
     orientation: import("@/constants").Orientation;
+    options: BarChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: import("@/composables/options").ChartOptions;
     labels: string[];
@@ -85,0 +86,0 @@ }>;

dist/types/components/charts/lume-line-chart/lume-line-chart.vue.d.ts

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     color: import("../../../constants").Colors | import("../../../constants").DivergentColors;
+    title: string;
     orientation: import("../../../constants").Orientation;
+    options: import("@/composables/options").ChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: import("@/composables/options").ChartOptions;
     labels: string[];
@@ -82,0 +82,0 @@ }>;

dist/types/components/charts/lume-single-bar-chart/lume-single-bar-chart.vue.d.ts

@@ -0,1 +1,2 @@
+import { BarChartOptions } from '@/composables/options';
 declare const _default: import("vue").DefineComponent<{
@@ -12,3 +13,3 @@ title: {
     options: {
-        type: import("vue").PropType<import("@/composables/options").ChartOptions>;
+        type: import("vue").PropType<BarChartOptions>;
         default: () => {};
@@ -38,3 +39,3 @@ };
 }, {
-    allOptions: import("vue").ComputedRef<import("@/composables/options").ChartOptions>;
+    allOptions: import("vue").ComputedRef<BarChartOptions>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -51,3 +52,3 @@ title: {
     options: {
-        type: import("vue").PropType<import("@/composables/options").ChartOptions>;
+        type: import("vue").PropType<BarChartOptions>;
         default: () => {};
@@ -78,7 +79,7 @@ };
     color: import("@/constants").Colors | import("@/constants").DivergentColors;
+    title: string;
     orientation: import("@/constants").Orientation;
+    options: BarChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: import("@/composables/options").ChartOptions;
     labels: string[];
@@ -85,0 +86,0 @@ }>;

dist/types/components/charts/lume-stacked-bar-chart/lume-stacked-bar-chart.vue.d.ts

@@ -0,1 +1,2 @@
+import { BarChartOptions } from '@/composables/options';
 declare const _default: import("vue").DefineComponent<{
@@ -12,3 +13,3 @@ title: {
     options: {
-        type: import("vue").PropType<import("@/composables/options").ChartOptions>;
+        type: import("vue").PropType<BarChartOptions>;
         default: () => {};
@@ -38,5 +39,5 @@ };
 }, {
-    allOptions: import("vue").ComputedRef<import("@/composables/options").ChartOptions>;
-    stackedXScaleGenerator: (_data: import("../../../types/dataset").Data<import("../../../types/dataset").DatasetValue<number>>, labels: string[], size: import("../../../types/size").ContainerSize) => import("d3-scale").ScaleBand<string | number> | import("d3-scale").ScaleLinear<number, number, never>;
-    stackedYScaleGenerator: (_data: import("../../../types/dataset").Data<import("../../../types/dataset").DatasetValue<number>>, labels: string[], size: import("../../../types/size").ContainerSize) => import("d3-scale").ScaleBand<string | number> | import("d3-scale").ScaleLinear<number, number, never>;
+    allOptions: import("vue").ComputedRef<BarChartOptions>;
+    stackedXScaleGenerator: (_data: import("../../../types/dataset").Data<import("../../../types/dataset").DatasetValue<number>>, labels: string[], size: import("../../../types/size").ContainerSize) => import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleBand<string | number>;
+    stackedYScaleGenerator: (_data: import("../../../types/dataset").Data<import("../../../types/dataset").DatasetValue<number>>, labels: string[], size: import("../../../types/size").ContainerSize) => import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleBand<string | number>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -53,3 +54,3 @@ title: {
     options: {
-        type: import("vue").PropType<import("@/composables/options").ChartOptions>;
+        type: import("vue").PropType<BarChartOptions>;
         default: () => {};
@@ -80,7 +81,7 @@ };
     color: import("@/constants").Colors | import("@/constants").DivergentColors;
+    title: string;
     orientation: import("@/constants").Orientation;
+    options: BarChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: import("@/composables/options").ChartOptions;
     labels: string[];
@@ -87,0 +88,0 @@ }>;

dist/types/components/core/lume-axis/lume-axis.vue.d.ts

@@ -81,5 +81,5 @@ import { PropType } from 'vue';
     type: string;
+    containerSize: ContainerSize;
+    position: string;
     hoveredIndex: number;
-    position: string;
-    containerSize: ContainerSize;
     options: AxisOptions;
@@ -86,0 +86,0 @@ }>;

dist/types/components/core/lume-chart-container/lume-chart-container.vue.d.ts

@@ -51,4 +51,4 @@ import { ComputedRef, PropType } from 'vue';
     margins: Margins;
+    containerSize: ContainerSize;
     noMinSize: boolean;
-    containerSize: ContainerSize;
     transparentBackground: boolean;
@@ -55,0 +55,0 @@ }>;

dist/types/components/core/lume-chart/lume-chart.vue.d.ts

@@ -150,7 +150,7 @@ import { Scale } from '@/composables/scales';
     color: import("@/constants").Colors | import("@/constants").DivergentColors;
+    title: string;
     orientation: import("@/constants").Orientation;
+    options: ChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("@/composables/scales").ScaleGenerator<Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("@/composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: ChartOptions;
     chartType: string;
@@ -157,0 +157,0 @@ labels: string[];

dist/types/components/core/lume-line/lume-line.vue.d.ts

@@ -67,4 +67,4 @@ import { PropType } from 'vue';
 }>>, {
+    color: string;
     transition: boolean;
-    color: string;
     dashed: boolean;
@@ -71,0 +71,0 @@ }>;

dist/types/components/groups/composables/group-props.d.ts

 import { PropType } from 'vue';
+import { Options } from '@/composables/options';
 import { Scale } from '@/composables/scales';
@@ -21,3 +22,7 @@ import { InternalData } from '@/types/dataset';
     };
+    options: {
+        type: PropType<Options>;
+        default: () => {};
+    };
 };
 //# sourceMappingURL=group-props.d.ts.map

dist/types/components/groups/index.d.ts

@@ -0,1 +1,2 @@
+export { default as LumeAlluvialGroup } from './lume-alluvial-group';
 export { default as LumeBarGroup } from './lume-bar-group';
@@ -2,0 +3,0 @@ export { default as LumeLineGroup } from './lume-line-group';

dist/types/components/groups/lume-alluvial-group/lume-alluvial-group.vue.d.ts

@@ -126,7 +126,7 @@ import { Ref } from 'vue';
     color: import("../../../constants").Colors | import("../../../constants").DivergentColors;
+    title: string;
     orientation: import("../../../constants").Orientation;
+    options: import("../../../composables/options").ChartOptions;
     xScale: import("d3-scale").ScaleBand<string | number> | import("../../../composables/scales").ScaleGenerator<import("../../../composables/scales").Scale>;
     yScale: import("d3-scale").ScaleLinear<number, number, never> | import("../../../composables/scales").ScaleGenerator<import("d3-scale").ScaleLinear<number, number, never>>;
-    title: string;
-    options: import("../../../composables/options").ChartOptions;
     labels: string[];
@@ -133,0 +133,0 @@ }>;

dist/types/components/groups/lume-alluvial-path-group/lume-alluvial-path-group.vue.d.ts

@@ -28,3 +28,3 @@ import { PropType } from 'vue';
     };
-    ghostStrokeWidthOffset: import("vue").ComputedRef<0 | 8>;
+    ghostStrokeWidthOffset: import("vue").ComputedRef<8 | 0>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -31,0 +31,0 @@ linkPaths: {

dist/types/components/groups/lume-bar-group/composables/bar-mixin.d.ts

@@ -5,2 +5,3 @@ import { ComputedRef, PropType, Ref } from 'vue';
 import { DatasetValueObject, InternalData } from '@/types/dataset';
+import { BarChartOptions } from '@/composables/options';
 declare function typeValidator(type: string): boolean;
@@ -25,3 +26,3 @@ export declare function orientationValidator(orientation: string): boolean;
 export declare function getBarChartType(data: Ref<InternalData>, type: Ref<string>): string;
-export declare function useBarScales(xScale: Ref<Scale>, yScale: Ref<Scale>, orientation?: Ref<Orientation>): {
+export declare function useBarScales(xScale: Ref<Scale>, yScale: Ref<Scale>, options?: Ref<BarChartOptions>, orientation?: Ref<Orientation>): {
     barXScale: ComputedRef<Scale>;
@@ -28,0 +29,0 @@ barYScale: ComputedRef<Scale>;

dist/types/components/groups/lume-bar-group/composables/stacked-mixin.d.ts

@@ -8,4 +8,4 @@ import { ComputedRef, Ref } from 'vue';
 export declare function useStackedAxes(groupedData: ComputedRef<DatasetValueObject[][]>, orientation: Ref<Orientation>): {
-    stackedXScaleGenerator: (_data: Data<import("@/types/dataset").DatasetValue<number>>, labels: Array<string>, size: ContainerSize) => ScaleBand<string | number> | import("d3-scale").ScaleLinear<number, number, never>;
-    stackedYScaleGenerator: (_data: Data<import("@/types/dataset").DatasetValue<number>>, labels: Array<string>, size: ContainerSize) => ScaleBand<string | number> | import("d3-scale").ScaleLinear<number, number, never>;
+    stackedXScaleGenerator: (_data: Data<import("@/types/dataset").DatasetValue<number>>, labels: Array<string>, size: ContainerSize) => import("d3-scale").ScaleLinear<number, number, never> | ScaleBand<string | number>;
+    stackedYScaleGenerator: (_data: Data<import("@/types/dataset").DatasetValue<number>>, labels: Array<string>, size: ContainerSize) => import("d3-scale").ScaleLinear<number, number, never> | ScaleBand<string | number>;
 };
@@ -12,0 +12,0 @@ export declare function useStackedBarMixin(data: ComputedRef<Data<DatasetValueObject<number>>>, xScale: Ref<Scale>, yScale: Ref<Scale>, orientation: Ref<Orientation>, hoveredIndex: Ref<number>, classList: Array<string>): {

dist/types/components/groups/lume-bar-group/lume-bar-group.vue.d.ts

@@ -37,2 +37,6 @@ import { PropType } from 'vue';
     };
+    options: {
+        type: PropType<import("../../../composables/options").Options>;
+        default: () => {};
+    };
 }, {
@@ -79,10 +83,15 @@ barXScale: import("vue").ComputedRef<import("../../../composables/scales").Scale>;
     };
+    options: {
+        type: PropType<import("../../../composables/options").Options>;
+        default: () => {};
+    };
 }>>, {
-    classList: string | string[];
-    transition: boolean;
     type: string;
     orientation?: import("@/constants").Orientation;
     hoveredIndex: number;
+    options: import("../../../composables/options").Options;
+    classList: string | string[];
+    transition: boolean;
 }>;
 export default _default;
 //# sourceMappingURL=lume-bar-group.vue.d.ts.map

dist/types/components/groups/lume-line-group/lume-line-group.vue.d.ts

@@ -27,2 +27,6 @@ import { DatasetValueObject } from '@/types/dataset';
     };
+    options: {
+        type: import("vue").PropType<import("../../../composables/options").Options>;
+        default: () => {};
+    };
 }, {
@@ -61,5 +65,10 @@ computedGroupData: import("vue").ComputedRef<import("@/types/dataset").InternalData>;
     };
+    options: {
+        type: import("vue").PropType<import("../../../composables/options").Options>;
+        default: () => {};
+    };
 }>>, {
+    hoveredIndex: number;
+    options: import("../../../composables/options").Options;
     transition: boolean;
-    hoveredIndex: number;
     withPoints: boolean;
@@ -66,0 +75,0 @@ }>;

dist/types/components/groups/lume-overlay-group/lume-overlay-group.vue.d.ts

@@ -24,2 +24,6 @@ import { PropType } from 'vue';
     };
+    options: {
+        type: PropType<import("../../../composables/options").Options>;
+        default: () => {};
+    };
 }, {
@@ -54,7 +58,12 @@ getOverlayBarAttributes: (index: number) => {
     };
+    options: {
+        type: PropType<import("../../../composables/options").Options>;
+        default: () => {};
+    };
 }>>, {
     orientation: Orientation;
     hoveredIndex: number;
+    options: import("../../../composables/options").Options;
 }>;
 export default _default;
 //# sourceMappingURL=lume-overlay-group.vue.d.ts.map

dist/types/composables/options.d.ts

@@ -34,2 +34,7 @@ import { PropType, Ref } from 'vue';
 }
+export interface BarChartOptions extends ChartOptions {
+    padding?: number;
+    paddingInner?: number;
+    paddingOuter?: number;
+}
 export declare type Options = Record<string, unknown>;
@@ -36,0 +41,0 @@ export declare const withOptions: <T = Options>() => {

dist/types/composables/props.d.ts

 import { PropType } from 'vue';
 import { DataValidator } from './base';
-import { ChartOptions } from './options';
+import { ChartOptions, Options } from './options';
 import { Orientation } from '@/constants';
 declare function orientationValidator(orientation: string): boolean;
-export declare const withChartProps: (dataValidator?: DataValidator) => {
+export declare const withChartProps: <T extends Options = ChartOptions>(dataValidator?: DataValidator) => {
     title: {
@@ -17,3 +17,3 @@ type: StringConstructor;
     options: {
-        type: PropType<ChartOptions>;
+        type: PropType<T>;
         default: () => {};
@@ -20,0 +20,0 @@ };

dist/types/composables/scales.d.ts

@@ -46,3 +46,7 @@ import { PropType, Ref } from 'vue';
 export declare function getXByIndex(scale: Scale, index: number): number;
-export declare function getPaddedScale(scale: ScaleBand<string | number>, orientation?: Orientation): ScaleBand<string | number>;
+export declare function getPaddedScale(scale: ScaleBand<string | number>, orientation?: Orientation, { padding, paddingInner, paddingOuter, }?: {
+    padding?: number;
+    paddingInner?: number;
+    paddingOuter?: number;
+}): ScaleBand<string | number>;
 //# sourceMappingURL=scales.d.ts.map

dist/types/index.d.ts

 import { PluginObject } from 'vue';
 declare const plugin: PluginObject<null>;
+export * from './components/index';
 export default plugin;
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@adyen/lume",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Lume is a component library for visual representations of data, built for Vue with D3.",
-  "main": "dist/index.umd.js",
-  "module": "dist/index.esm.js",
+  "type": "module",
+  "module": "dist/index.js",
   "files": [
@@ -11,9 +11,6 @@ "dist/"
   "exports": {
-    ".": "./dist/index.esm.js",
+    ".": "./dist/index.js",
     "./styles": "./dist/styles/main.css",
     "./font": "./dist/styles/font.css",
     "./scss": "./dist/scss/main.scss",
-    "./charts/*": "./dist/charts/*.js",
-    "./core/*": "./dist/core/*.js",
-    "./groups/*": "./dist/groups/*.js",
     "./package.json": "./package.json"
@@ -41,6 +38,8 @@ },
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Adyen/lume.git"
+  },
   "scripts": {
-    "build:es": "webpack --config build/webpack.prod.es.js --progress",
-    "build:umd": "webpack --config build/webpack.prod.umd.js --progress",
-    "build": "NODE_ENV=production npm run build:es",
+    "build": "NODE_ENV=production webpack --config build/webpack.prod.js --progress",
     "confighooks": "git config core.hooksPath ./git-hooks",
@@ -59,10 +58,14 @@ "dev": "webpack --config build/webpack.dev.js --progress",
     "unit-exp:update:snapshot": "npm run unit-exp -- -u",
-    "unit-exp": "NODE_OPTIONS=\"--experimental-vm-modules\"; jest --config=test/config/jest.config.js",
-    "unit": "jest --config=test/config/jest.config.js"
+    "unit-exp": "NODE_OPTIONS=\"--experimental-vm-modules\"; jest --config=test/config/jest.config.cjs",
+    "unit": "jest --config=test/config/jest.config.cjs"
   },
-  "dependencies": {},
-  "peerDependencies": {
+  "dependencies": {
     "@popperjs/core": "^2.11.4",
-    "d3": "^6.6.2",
+    "d3-array": "^2.12.1",
+    "d3-format": "^1.4.5",
     "d3-sankey": "^0.12.3",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^2.1.0"
+  },
+  "peerDependencies": {
     "vue": "^2.7.8"
@@ -72,3 +75,3 @@ },
     "@storybook/addon-a11y": "^6.5.4",
-    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addon-storysource": "^6.5.4",
@@ -79,3 +82,3 @@ "@storybook/addons": "^6.5.4",
     "@storybook/theming": "^6.5.4",
-    "@storybook/vue": "^6.5.4",
+    "@storybook/vue": "^6.5.12",
     "@types/d3-format": "^3.0.1",
@@ -91,5 +94,5 @@ "@types/d3-sankey": "^0.11.2",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^28.1.2",
+    "babel-jest": "^29.2.0",
     "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^3.6.0",
+    "css-loader": "^6.7.1",
     "eslint": "^8.12.0",
@@ -99,4 +102,4 @@ "eslint-plugin-vue": "^9.2.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^28.1.2",
-    "jest-environment-jsdom": "^28.0.2",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.0",
     "mini-css-extract-plugin": "^2.5.3",
@@ -109,3 +112,3 @@ "prettier": "^2.7.1",
     "storybook-addon-designs": "^6.2.1",
-    "ts-jest": "^28.0.5",
+    "ts-jest": "^29.0.3",
     "typescript": "^4.6.3",
@@ -112,0 +115,0 @@ "vue-hot-reload-api": "^2.3.4",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

10

decreased by-50%

Is type module

Yes

Worsened metrics

Total package byte prevSize

1714284

decreased by-68.16%

Dependency count

7

increased by75%

Number of package files

214

decreased by-20.45%

Lines of code

3382

decreased by-42.52%

Dependency changes

• + Added@popperjs/core@^2.11.4

• + Addedd3-array@^2.12.1

• + Addedd3-format@^1.4.5

• + Addedd3-sankey@^0.12.3

• + Addedd3-scale@^4.0.2

• + Addedd3-shape@^2.1.0

• + Addedd3-color@3.1.0(transitive)

• + Addedd3-format@1.4.5(transitive)

• + Addedd3-interpolate@3.0.1(transitive)

• + Addedd3-scale@4.0.2(transitive)

• + Addedd3-time@3.1.0(transitive)

• + Addedd3-time-format@4.1.0(transitive)

• - Removedcommander@2.20.3(transitive)

• - Removedd3@6.7.0(transitive)

• - Removedd3-axis@2.1.0(transitive)

• - Removedd3-brush@2.1.0(transitive)

• - Removedd3-chord@2.0.0(transitive)

• - Removedd3-color@2.0.0(transitive)

• - Removedd3-contour@2.0.0(transitive)

• - Removedd3-delaunay@5.3.0(transitive)

• - Removedd3-dispatch@2.0.0(transitive)

• - Removedd3-drag@2.0.0(transitive)

• - Removedd3-dsv@2.0.0(transitive)

• - Removedd3-ease@2.0.0(transitive)

• - Removedd3-fetch@2.0.0(transitive)

• - Removedd3-force@2.1.1(transitive)

• - Removedd3-format@2.0.0(transitive)

• - Removedd3-geo@2.0.2(transitive)

• - Removedd3-hierarchy@2.0.0(transitive)

• - Removedd3-interpolate@2.0.1(transitive)

• - Removedd3-path@2.0.0(transitive)

• - Removedd3-polygon@2.0.0(transitive)

• - Removedd3-quadtree@2.0.0(transitive)

• - Removedd3-random@2.2.2(transitive)

• - Removedd3-scale@3.3.0(transitive)

• - Removedd3-scale-chromatic@2.0.0(transitive)

• - Removedd3-selection@2.0.0(transitive)

• - Removedd3-time@2.1.1(transitive)

• - Removedd3-time-format@3.0.0(transitive)

• - Removedd3-timer@2.0.0(transitive)

• - Removedd3-transition@2.0.0(transitive)

• - Removedd3-zoom@2.0.0(transitive)

• - Removeddelaunator@4.0.1(transitive)

• - Removediconv-lite@0.4.24(transitive)

• - Removedrw@1.3.3(transitive)

• - Removedsafer-buffer@2.1.2(transitive)