react-grid-heatmapjs - npm Package Compare versions

Comparing version 0.9.85 to 1.0.0

dist/index.d.ts

@@ -1,29 +0,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-interface HeatMapInf {
-    title?: string;
-    colorRange: {
-        from: number;
-        to: number;
-        color: string;
-        name: string;
-    }[];
-    series: {
-        name: string;
-        data: number[];
-        total?: number;
-    }[];
-    xaxis: {
-        labels?: string[];
-        totals?: number[];
-    };
-    legends?: {
-        name: string;
-        color: string;
-    }[];
-    chartStyle?: React.CSSProperties;
-}
-declare const HeatMap: ({ series, xaxis, title, legends, colorRange, chartStyle, }: HeatMapInf) => react_jsx_runtime.JSX.Element;
-
-export { HeatMap as default };
+import "./style.css";
+export * from "./components";

package.json

 {
   "name": "react-grid-heatmapjs",
-  "version": "0.9.85",
+  "version": "1.0.0",
   "description": "React for the user interface, Tailwind CSS for styling, and CSS Grid for layout. A heatmap is a data visualization technique that uses color to represent the magnitude of values within a two-dimensional grid or matrix.",
@@ -8,43 +8,34 @@ "type": "module",
   "scripts": {
-    "dev": "rollup -c -w",
-    "build": "rollup -c"
+    "build": "vite build && tsc"
   },
-  "keywords": [],
+  "publishConfig": {
+    "@hex909:registry": "https://npm.pkg.github.com"
+  },
+  "keywords": [
+    "react-heatmap",
+    "react-grid-heatmap",
+    "react-grid-heatmap",
+    "react-grid-heatmapjs",
+    "heatmap"
+  ],
   "author": "hex909",
   "license": "MIT",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-typescript": "^11.1.3",
-    "@types/react": "^18.2.22",
-    "autoprefixer": "^10.4.15",
-    "cssnano": "^6.0.1",
-    "postcss": "^8.4.30",
+    "@types/react": "^18.2.23",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.31",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^3.29.2",
-    "rollup-plugin-dts": "^6.0.2",
-    "rollup-plugin-postcss": "^4.0.2",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.2.2",
-     "@babel/core": "^7.22.20",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-react": "^7.22.15",
-    "@rollup/plugin-babel": "^6.0.3",
-    "babel-loader": "^9.1.3",
-    "tslib": "^2.6.2"
+    "vite": "^4.4.9"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "types": "dist/index.d.ts",
-  "dependencies": {
-   
-  },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.2.0"
   }
 }

README.md

@@ -1,2 +0,2 @@
-# react-heatmapjs
+# react-grid-heatmapjs
 React for the user interface, Tailwind CSS for styling, and CSS Grid for layout. A heatmap is a data visualization technique that uses color to represent the magnitude of values within a two-dimensional grid or matrix.
@@ -15,2 +15,5 @@
 ```
+import { HeatMap } from "react-grid-heatmapjs";
+import "react-grid-heatmapjs/dist/style.css";
+
 const data = {
@@ -54,2 +57,11 @@ title: "Dummy Heat Map",
 };
+
+<HeatMap
+    title={data.title}
+    colorRange={data.colorRange}
+    series={data.series}
+    xaxis={data.xaxis}
+/>
+
+
 ```
@@ -56,0 +68,0 @@ The data above will produce this heatmap.

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

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

Dependency count

1

decreased by-50%

Dev dependency count

7

decreased by-65%

Number of lines in readme file

101

increased by13.48%

Worsened metrics

Total package byte prevSize

56590

decreased by-93.4%

Number of package files

12

decreased by-33.33%

Lines of code

912

decreased by-87.61%

Number of low supply chain risk alerts

7

increased by600%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes