@tapcart/mobile-components 0.7.85 → 0.7.86

package/dist/components/ui/animate-container.d.ts

@@ -1,14 +1,14 @@
 import React from "react";
 type AnimationType = "slideUp";
 interface AnimateContainerProps {
-    show: boolean;
     children: React.ReactNode;
     type: AnimationType;
     duration?: number;
     className?: string;
-    skipInitAnimation?: boolean;
+    isLoading?: boolean;
+    hasData?: boolean;
 }
-export declare function AnimateContainer({ show, children, type, duration, className, skipInitAnimation, }: AnimateContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimateContainer({ children, type, duration, className, isLoading, hasData, }: AnimateContainerProps): import("react/jsx-runtime").JSX.Element;
 export declare function SlideUp(props: Omit<AnimateContainerProps, "type">): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=animate-container.d.ts.map

package/dist/components/ui/animate-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animate-container.d.ts","sourceRoot":"","sources":["../../../components/ui/animate-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,KAAK,aAAa,GAAG,SAAS,CAAA;AAgB9B,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAc,EACd,SAAS,EACT,iBAAyB,GAC1B,EAAE,qBAAqB,2CAkCvB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,2CAEjE"}
+{"version":3,"file":"animate-container.d.ts","sourceRoot":"","sources":["../../../components/ui/animate-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,KAAK,aAAa,GAAG,SAAS,CAAA;AAgB9B,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,QAAc,EACd,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE,qBAAqB,2CAoCvB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,2CAEjE"}

package/dist/components/ui/animate-container.js

@@ -6,24 +6,26 @@ const ANIMATIONS = {
     slideUp: {
         enter: "animate-slide-down",
         exit: "animate-slide-up",
-        needsHeight: true,
+        isHeight: true,
     },
 };
-export function AnimateContainer({ show, children, type, duration = 300, className, skipInitAnimation = false, }) {
+export function AnimateContainer({ children, type, duration = 300, className, isLoading, hasData, }) {
     const contentRef = useRef(null);
-    const prevHeight = useRef(0);
-    const [shouldAnimate, setShouldAnimate] = useState(!skipInitAnimation);
     const animation = ANIMATIONS[type];
+    const [prevData, setPrevData] = useState(hasData);
+    const [shouldAnimate, setShouldAnimate] = useState(false);
     useEffect(() => {
-        if (contentRef.current && animation.needsHeight) {
+        if (contentRef.current && animation.isHeight) {
             contentRef.current.style.setProperty("--content-height", `${contentRef.current.scrollHeight}px`);
-            if (!skipInitAnimation || prevHeight.current !== 0) {
-                prevHeight.current = contentRef.current.scrollHeight;
-                setShouldAnimate(true);
-            }
         }
-    }, [show, skipInitAnimation, animation.needsHeight]);
-    return (_jsx("div", Object.assign({ ref: contentRef, className: cn("overflow-hidden", shouldAnimate && (show ? animation.enter : animation.exit), className), style: { animationDuration: `${duration}ms` } }, { children: children })));
+        if (isLoading)
+            return;
+        if (prevData !== hasData) {
+            setShouldAnimate(true);
+            setPrevData(hasData);
+        }
+    }, [hasData, isLoading, animation.isHeight]);
+    return (_jsx("div", Object.assign({ ref: contentRef, className: cn("overflow-hidden", shouldAnimate && (hasData ? animation.enter : animation.exit), className), style: { animationDuration: `${duration}ms` } }, { children: children })));
 }
 export function SlideUp(props) {
     return _jsx(AnimateContainer, Object.assign({}, props, { type: "slideUp" }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.85",
+  "version": "0.7.86",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",