react-magic-card 0.1.0 → 0.1.1

package/dist/MagicCircle/index.js

@@ -30,7 +30,7 @@ exports.MagicCircle = void 0;
 const react_1 = __importStar(require("react"));
 const framer_motion_1 = require("framer-motion");
 const styles_module_css_1 = __importDefault(require("./styles.module.css"));
-const ScaleFilterImage_1 = __importDefault(require("../common/ScaleFilterImage"));
+const PickImage_1 = __importDefault(require("../common/PickImage"));
 const MagicCircle = ({ images, height, width, radius, controller, start, dynamic = true, wheelDelay, animate, initial, transition, className, classImage, classImageUnique, selectCursor = 'pointer', pickProperty, pickTransition }) => {
     const [count, setCount] = (0, react_1.useState)(0);
     const [touchStartY, setTouchStartY] = (0, react_1.useState)(0);
@@ -204,6 +204,6 @@ const MagicCircle = ({ images, height, width, radius, controller, start, dynamic
                             'px'
                     } }));
             }))),
-        react_1.default.createElement(ScaleFilterImage_1.default, { onClick: () => setHasPick(false), hasPick: hasPick, classPick: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.classPick, white: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.white, alpha: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.alpha, blur: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.blur, scale: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.scale, offset: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.offset, hasShift: hasShift, argRef: div2Ref, argKey: select, src: images[select].src, alt: images[select].alt, width: width, height: height, transition: pickTransition, zIndex: images.length + 1 })));
+        react_1.default.createElement(PickImage_1.default, { onClick: () => setHasPick(false), hasPick: hasPick, classPick: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.classPick, white: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.white, alpha: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.alpha, blur: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.blur, scale: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.scale, offset: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.offset, hasShift: hasShift, argRef: div2Ref, argKey: select, src: images[select].src, alt: images[select].alt, width: width, height: height, transition: pickTransition, zIndex: images.length + 1 })));
 };
 exports.MagicCircle = MagicCircle;

package/dist/MagicStraight/index.js

@@ -30,7 +30,7 @@ exports.MagicStraight = void 0;
 const react_1 = __importStar(require("react"));
 const framer_motion_1 = require("framer-motion");
 const styles_module_css_1 = __importDefault(require("./styles.module.css"));
-const ScaleFilterImage_1 = __importDefault(require("../common/ScaleFilterImage"));
+const PickImage_1 = __importDefault(require("../common/PickImage"));
 const MagicStraight = ({ images, height, width, start, controller, wheelDelay, vertical, className, classImage, classImageUnique, animate, initial, transition, margin = 0, selectOffsetX = 0, selectOffsetY = 0, selectCursor = 'pointer', pickProperty, pickTransition }) => {
     const [touchStartY, setTouchStartY] = (0, react_1.useState)(0);
     const [touchStartX, setTouchStartX] = (0, react_1.useState)(0);
@@ -195,6 +195,6 @@ const MagicStraight = ({ images, height, width, start, controller, wheelDelay, v
                 } }));
         })),
         react_1.default.createElement("button", { onClick: () => shiftRight() }, hasPick ? 'true' : 'false'),
-        react_1.default.createElement(ScaleFilterImage_1.default, { onClick: () => setHasPick(false), hasPick: hasPick, classPick: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.classPick, white: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.white, alpha: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.alpha, blur: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.blur, scale: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.scale, offset: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.offset, hasShift: hasShift, argRef: div2Ref, argKey: select, src: images[select].src, alt: images[select].alt, width: width, height: height, transition: pickTransition, zIndex: images.length + 1 })));
+        react_1.default.createElement(PickImage_1.default, { onClick: () => setHasPick(false), hasPick: hasPick, classPick: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.classPick, white: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.white, alpha: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.alpha, blur: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.blur, scale: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.scale, offset: pickProperty === null || pickProperty === void 0 ? void 0 : pickProperty.offset, hasShift: hasShift, argRef: div2Ref, argKey: select, src: images[select].src, alt: images[select].alt, width: width, height: height, transition: pickTransition, zIndex: images.length + 1 })));
 };
 exports.MagicStraight = MagicStraight;

package/dist/common/PickImage/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ScaleFilterImageProps } from '../../types';
+declare const PickImage: ({ onClick, classPick, hasPick, hasShift, argRef, argKey, src, alt, width, height, zIndex, white, alpha, blur, scale, offset, transition }: ScaleFilterImageProps) => React.JSX.Element;
+export default PickImage;

package/dist/common/{ScaleFilterImage → PickImage}/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const framer_motion_1 = require("framer-motion");
 const styles_module_css_1 = __importDefault(require("./styles.module.css"));
-const ScaleFilterImage = ({ onClick, classPick, hasPick, hasShift, argRef, argKey, src, alt, width, height, zIndex, white, alpha = 0.4, blur = 4, scale = 2, offset = 200, transition }) => {
+const PickImage = ({ onClick, classPick, hasPick, hasShift, argRef, argKey, src, alt, width, height, zIndex, white, alpha = 0.4, blur = 4, scale = 2, offset = 200, transition }) => {
     return (react_1.default.createElement(framer_motion_1.m.div, { role: "button", onClick: onClick, ref: argRef, className: styles_module_css_1.default.full_size, animate: {
             zIndex: zIndex,
             background: white
@@ -23,4 +23,4 @@ const ScaleFilterImage = ({ onClick, classPick, hasPick, hasShift, argRef, argKe
                 x: 0
             }, initial: { scale: 1, opacity: 0, x: hasShift ? offset : -offset }, transition: transition })));
 };
-exports.default = ScaleFilterImage;
+exports.default = PickImage;

package/dist/common/{ScaleFilterImage → PickImage}/styles.module.css

@@ -1,5 +1,5 @@
 .full_size {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-magic-card",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "image gallery component with framer motion",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/dist/common/ScaleFilterImage/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ScaleFilterImageProps } from '../../types';
-declare const ScaleFilterImage: ({ onClick, classPick, hasPick, hasShift, argRef, argKey, src, alt, width, height, zIndex, white, alpha, blur, scale, offset, transition }: ScaleFilterImageProps) => React.JSX.Element;
-export default ScaleFilterImage;