react-page-scroll-progress-bar - npm Package Compare versions

Comparing version 3.0.2 to 3.0.5

dist/index.d.ts

@@ -0,1 +1,2 @@
+import React from "react";
 interface Props {
@@ -8,5 +9,5 @@ container?: HTMLDivElement | HTMLElement | null;
 }
-declare const PageScrollProgressBar: ({ container, color, bgColor, height, top }: Props) => JSX.Element;
+declare const PageScrollProgressBar: ({ container, color, bgColor, height, top, }: Props) => React.JSX.Element;
 export default PageScrollProgressBar;
 
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -20,3 +20,3 @@ import "./index.css";
 
-const $dc0014a2d0f0ac28$export$b5450e75fc4994df = ({ container: container , color: color , bgColor: bgColor , height: height , top: top  })=>{
+const $dc0014a2d0f0ac28$export$b5450e75fc4994df = ({ container: container, color: color, bgColor: bgColor, height: height, top: top })=>{
     const [scrollPosition, setscrollPosition] = (0, $hgUW1$useState)(0);
@@ -23,0 +23,0 @@ const cssStyles = (0, $hgUW1$useMemo)(()=>({

package.json

 {
   "name": "react-page-scroll-progress-bar",
-  "version": "3.0.2",
+  "version": "3.0.5",
   "description": "Page scroll progress bar",
@@ -24,10 +24,10 @@ "source": "./src/index.ts",
   "devDependencies": {
-    "@parcel/packager-ts": "2.7.0",
-    "@parcel/transformer-typescript-types": "2.7.0",
-    "@types/react": "^18.0.18",
-    "@types/react-dom": "^18.0.6",
-    "parcel": "^2.7.0",
+    "@parcel/packager-ts": "2.9.3",
+    "@parcel/transformer-typescript-types": "2.9.3",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "parcel": "^2.9.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^5.1.6"
   },
@@ -34,0 +34,0 @@ "files": [

README.md

@@ -33,9 +33,9 @@ # React Page Scroll Progress Bar
 
-| Parameter |    Default     | Description                                                         |
-|:----------|:--------------:|:--------------------------------------------------------------------|
-| container | document.body  | The reference of the parent most element of your react app.         |
-| color     |    #eb5757     | Color of the progress bar as a hex string                           
-| bgColor   |    #f2f2f2     | Color of the progress bar background as a hex string                
-| height    | 0.25rem or 4px | Height of the progress bar                                          
-| top       |       0        | Top position                                                        
+| Parameter |    Default     | Description                                                 |
+| :-------- | :------------: | :---------------------------------------------------------- |
+| container | document.body  | The reference of the parent most element of your react app. |
+| color     |    #eb5757     | Color of the progress bar as a hex string                   |
+| bgColor   |    #f2f2f2     | Color of the progress bar background as a hex string        |
+| height    | 0.25rem or 4px | Height of the progress bar                                  |
+| top       |       0        | Top position                                                |
 
@@ -60,3 +60,3 @@ ### `Example with document body as the container -`
 
-  const AppRef = useRef(null); 
+  const AppRef = useRef(null);
 
@@ -73,10 +73,9 @@ return (
 
+[Checkout the Example app](https://stackblitz.com/edit/react-page-scroll-progress-bar-example?file=src%2FApp.tsx)
 
-
-[Checkout the Example app](https://react-qmmsys.stackblitz.io)
-
 [Checkout the Source code](https://github.com/anoop-jadhav-ui/react-page-scroll-progress-bar)
 
 ## 🔗 Links
-[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://anoopjadhav.vercel.app/)
+
+[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://anoopjadhav.in/)
 [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/anoopjadhav/)

No alert changes

Improved metrics

Lines of code

87

increased by1.16%

Worsened metrics

Total package byte prevSize

11170

decreased by-3.8%

Number of lines in readme file

79

decreased by-1.25%

No dependency changes