infinity-forge 7.7.9 → 7.8.0

package/dist/ui/components/animation/index.d.ts

@@ -1,9 +1,23 @@
 import { types } from './type-animation.js';
+interface Offset {
+    x?: number;
+    y?: number;
+}
 interface IElementAnimationProps {
-    duration?: number;
-    type: keyof typeof types;
+    type?: keyof typeof types;
     children: React.ReactNode;
-    element: keyof JSX.IntrinsicElements;
+    element?: keyof JSX.IntrinsicElements;
+    duration?: number;
+    delay?: number;
+    easing?: string;
+    offset?: Offset;
+    customAnimate?: Partial<{
+        opacity: number;
+        x: number;
+        y: number;
+        [key: string]: any;
+    }>;
+    once?: boolean;
 }
-export declare function Animation({ children, duration, type, element }: IElementAnimationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Animation({ children, type, element, duration, delay, easing, offset, customAnimate, once, }: IElementAnimationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/animation/index.js

@@ -17,16 +17,20 @@ var react_1 = require("react");
 var react_2 = require("motion/react");
 var type_animation_1 = require("./type-animation.js");
 function Animation(_a) {
-    var children = _a.children, duration = _a.duration, type = _a.type, _b = _a.element, element = _b === void 0 ? 'div' : _b;
+    var children = _a.children, type = _a.type, _b = _a.element, element = _b === void 0 ? 'div' : _b, _c = _a.duration, duration = _c === void 0 ? 0.7 : _c, _d = _a.delay, delay = _d === void 0 ? 0 : _d, _e = _a.easing, easing = _e === void 0 ? 'easeInOut' : _e, _f = _a.offset, offset = _f === void 0 ? {} : _f, _g = _a.customAnimate, customAnimate = _g === void 0 ? {} : _g, _h = _a.once, once = _h === void 0 ? false : _h;
     var ref = (0, react_1.useRef)(null);
     var isInView = (0, react_2.useInView)(ref);
     var Element = react_2.motion[element];
-    var defaultAnimate = {
-        opacity: 1,
-        y: 0,
-        x: 0,
-    };
-    var animate = isInView ? defaultAnimate : __assign({ opacity: 0 }, type_animation_1.types[type]);
-    return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, animate: animate, initial: type_animation_1.types[type], transition: { duration: duration || 0.7, ease: 'easeInOut' }, children: children }));
+    var _j = (0, react_1.useState)(false), hasAnimated = _j[0], setHasAnimated = _j[1];
+    (0, react_1.useEffect)(function () {
+        if (isInView && !hasAnimated) {
+            setHasAnimated(true);
+        }
+    }, [isInView, hasAnimated]);
+    var initialAnimation = __assign(__assign({}, type_animation_1.types[type]), offset);
+    var shouldAnimate = once ? hasAnimated : isInView;
+    var animate = shouldAnimate
+        ? __assign({ opacity: 1, x: 0, y: 0 }, customAnimate) : initialAnimation;
+    return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, initial: initialAnimation, animate: animate, transition: { duration: duration, delay: delay, ease: easing }, children: children }));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/animation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/animation/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAaA,8BAwBC;;AArCD,+BAA8B;AAE9B,sCAAgD;AAEhD,mDAAwC;AASxC,SAAgB,SAAS,CAAC,EAAqE;QAAnE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IACnE,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAA;IAE/B,IAAM,OAAO,GAAG,cAAM,CAAC,OAAO,CAAsB,CAAA;IAEpD,IAAM,cAAc,GAAG;QACrB,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAA;IAED,IAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,YAAG,OAAO,EAAE,CAAC,IAAK,sBAAK,CAAC,IAAI,CAAC,CAAE,CAAA;IAE1E,OAAO,CACL,uBAAC,OAAO,IACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,sBAAK,CAAC,IAAI,CAAC,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,YAE3D,QAAQ,GACD,CACX,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/animation/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAqBA,8BA0CC;;AA/DD,+BAAmD;AACnD,sCAAgD;AAChD,mDAAwC;AAmBxC,SAAgB,SAAS,CAAC,EAUD;QATvB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,cAAoB,EAApB,MAAM,mBAAG,WAAW,KAAA,EACpB,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA;IAEZ,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAA;IAC/B,IAAM,OAAO,GAAG,cAAM,CAAC,OAAO,CAAsB,CAAA;IAE9C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IACrD,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC;YAC7B,cAAc,CAAC,IAAI,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAE3B,IAAM,gBAAgB,yBACjB,sBAAK,CAAC,IAAI,CAAC,GACX,MAAM,CACV,CAAA;IAED,IAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAA;IACnD,IAAM,OAAO,GAAG,aAAa;QAC3B,CAAC,YAAG,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAK,aAAa,EAC5C,CAAC,CAAC,gBAAgB,CAAA;IAEpB,OAAO,CACL,uBAAC,OAAO,IACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,EAAE,MAAM,EAAE,YAE5C,QAAQ,GACD,CACX,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "7.7.9",
+  "version": "7.8.0",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",