react-multi-carousel - npm Package Compare versions

Comparing version 2.5.4 to 2.5.5

package.json

 {
   "name": "react-multi-carousel",
   "private": false,
-  "version": "2.5.4",
+  "version": "2.5.5",
   "description": "Production-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-side rendering) with typescript.",
@@ -6,0 +6,0 @@ "main": "index.js",

README.md

 # react-multi-carousel 👋
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-8-orange.svg?style=flat-square)](#contributors)
@@ -29,2 +30,12 @@
 
+### Hello world!
+
+We are on a very excited journey towards version 3.0 of this component which will be rewritten in hooks/context completely. It means smaller bundle size, performance improvement and easier customization of the component and so many more benefits.
+
+It would mean so much if you could provide help towards the further development of this project as we do this open source work in our own free time especially during this covid-19 crisis.
+
+If you are using this component seriously, please donate or talk to your manager as this project increases your income too. It will help us make releases, fix bugs, fulfill new feature requests faster and better.
+
+[Become a backer/sponsor](https://opencollective.com/react-multi-carousel) to get your logo/image on our README on Github with a link to your site.
+
 ### Features.
@@ -115,16 +126,16 @@
     breakpoint: { max: 4000, min: 3000 },
-    items: 5,
+    items: 5
   },
   desktop: {
     breakpoint: { max: 3000, min: 1024 },
-    items: 3,
+    items: 3
   },
   tablet: {
     breakpoint: { max: 1024, min: 464 },
-    items: 2,
+    items: 2
   },
   mobile: {
     breakpoint: { max: 464, min: 0 },
-    items: 1,
-  },
+    items: 1
+  }
 };
@@ -149,3 +160,3 @@ <Carousel responsive={responsive}>
     items: 3,
-    slidesToSlide: 3, // optional, default to 1.
+    slidesToSlide: 3 // optional, default to 1.
   },
@@ -155,3 +166,3 @@ tablet: {
     items: 2,
-    slidesToSlide: 2, // optional, default to 1.
+    slidesToSlide: 2 // optional, default to 1.
   },
@@ -161,4 +172,4 @@ mobile: {
     items: 1,
-    slidesToSlide: 1, // optional, default to 1.
-  },
+    slidesToSlide: 1 // optional, default to 1.
+  }
 };
@@ -202,3 +213,3 @@ <Carousel
     onMove,
-    carouselState: { currentSlide, deviceType },
+    carouselState: { currentSlide, deviceType }
   } = rest;
@@ -261,3 +272,8 @@ // onMove means if dragging or swiping in progress.
 const CustomDot = ({ onClick, ...rest }) => {
-  const { onMove, index, active, carouselState: { currentSlide, deviceType }  } = rest;
+  const {
+    onMove,
+    index,
+    active,
+    carouselState: { currentSlide, deviceType }
+  } = rest;
   const carouselItems = [CarouselItem1, CaourselItem2, CarouselItem3];
@@ -267,10 +283,13 @@ // onMove means if dragging or swiping in progress.
   return (
-    <button className={active ? 'active' : 'inactive'} onClick={() => onClick()}>
+    <button
+      className={active ? "active" : "inactive"}
+      onClick={() => onClick()}
+    >
       {React.Children.toArray(carouselItems)[index]}
     </button>
-    )
-}
+  );
+};
 <Carousel showDots customDot={<CustomDot />}>
-{carouselItems}
-</Carousel>
+  {carouselItems}
+</Carousel>;
 ```
@@ -522,2 +541,3 @@
     <td align="center"><a href="http://www.fiverr.com/mfaizan1"><img src="https://avatars3.githubusercontent.com/u/17065546?v=4" width="100px;" alt=""/><br /><sub><b>Faizan ul haq</b></sub></a><br /><a href="https://github.com/YIZHUANG/react-multi-carousel/commits?author=mfaizan1" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Adrian3PG"><img src="https://avatars0.githubusercontent.com/u/54852308?v=4" width="100px;" alt=""/><br /><sub><b>Adrian3PG</b></sub></a><br /><a href="https://github.com/YIZHUANG/react-multi-carousel/commits?author=Adrian3PG" title="Code">💻</a></td>
   </tr>
@@ -528,4 +548,5 @@ </table>
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

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

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

Improved metrics

Total package byte prevSize

745315

increased by0.19%

Number of lines in readme file

543

increased by4.02%

No dependency changes