react-magic-card 0.2.0 → 0.2.2

package/README.md

@@ -4,7 +4,7 @@
 [![Minzip Size](https://img.shields.io/bundlephobia/minzip/react-magic-card)](https://bundlephobia.com/package/react-magic-card)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 
-This is the framer motion components, that support art and photograph gallery.
+This is the framer motion components, that support images gallery.
 
 ## Installation
 
@@ -73,7 +73,6 @@ function MyComponent() {
 | delay            | delay of the animation firing interval                            |
 | offsetIndex      | add an offset to the index of the components and images           |
 | reverseIndex     | reverse index order the default true                              |
-| loading          | loading option of the eager or lazy the default auto              |
 | className        | className of the component                                        |
 | classImages      | className of the images                                           |
 | classImageSelect | className of the select image                                     |
@@ -81,8 +80,7 @@ function MyComponent() {
 | animate          | object in the animation property                                  |
 | initial          | object in the animation property                                  |
 | transition       | object in the transition property                                 |
-| pickScale        | whether to turn off pick after selection, default true            |
-| pickTransition   | object in the tansition property                                  |
+| pickTransition   | object in the transition property                                 |
 | pickProperty     | object in the pick property                                       |
 
 ## MagicCircle Properties
@@ -134,4 +132,4 @@ It is Inherits framer motion transition object other than intera.
 
 ## License
 
-MIT License
+The MIT License.

package/dist/MagicCircle/index.js

@@ -92,6 +92,8 @@ const MagicCircle = ({ images, height, width, dynamic = true, clockwise = true,
             setHasDelayed(true);
         }, delay);
         // Add handle event when component mount and deps update.
+        if (!hasDelayed)
+            return;
         outer.addEventListener('wheel', handleWheel, { passive: true });
         outer.addEventListener('touchstart', handleTouchStart, { passive: true });
         outer.addEventListener('touchmove', handleTouchMove, { passive: true });

package/dist/MagicStraight/index.js

@@ -101,6 +101,8 @@ const MagicStraight = ({ images, height, width, vertical = true, margin = 0, sel
             setHasDelayed(true);
         }, delay);
         // Add handle event when component mount and deps update.
+        if (!hasDelayed)
+            return;
         outer.addEventListener('wheel', handleWheel, { passive: true });
         outer.addEventListener('touchstart', handleTouchStart, { passive: true });
         outer.addEventListener('touchmove', handleTouchMove, { passive: true });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-magic-card",
-  "version": "0.2.0",
-  "description": "image gallery components with framer motion",
+  "version": "0.2.2",
+  "description": "React Component library for images gallery using the framer motion animation.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "repository": {
@@ -20,11 +20,10 @@
   },
   "keywords": [
     "react",
-    "art",
-    "photograph",
-    "illust",
-    "gallery",
-    "animation"
+    "component",
+    "animation",
+    "images",
+    "gallery"
   ],
   "license": "MIT",
   "dependencies": {