@cleartrip/talos-animated-height 1.1.0-TEST.0

package/dist/AnimatedHeight.d.ts

@@ -0,0 +1,4 @@
+import { IAnimateHeightProps } from "./type";
+declare const AnimateHeight: ({ animate, durationMs, onAnimationEnd, children, }: IAnimateHeightProps) => import("react/jsx-runtime").JSX.Element;
+export default AnimateHeight;
+//# sourceMappingURL=AnimatedHeight.d.ts.map

package/dist/AnimatedHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeight.d.ts","sourceRoot":"","sources":["../packages/components/animated-height/src/AnimatedHeight.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAU,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,aAAa,uDAKhB,mBAAmB,4CA0DrB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AnimatedHeight } from "./AnimatedHeight";
+export * from "./type";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/animated-height/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,QAAQ,CAAC"}

package/dist/talos-animated-height.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e,n=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),r=require("@cleartrip/ct-design-components");exports.Phase=void 0,(e=exports.Phase||(exports.Phase={})).INITIAL="initial",e.EXPANDING="expanding",e.DONE="done",exports.AnimatedHeight=function(e){var a=e.animate,o=e.durationMs,u=void 0===o?350:o,s=e.onAnimationEnd,c=e.children,d=t.useState(a?"initial":"done"),l=d[0],f=d[1],h=t.useState(0),m=h[0],p=h[1],v=t.useRef(null),g=t.useRef(!a),x=t.useRef(s);x.current=s;var A=function(){var e;g.current||(g.current=!0,f("done"),null===(e=x.current)||void 0===e||e.call(x))};t.useLayoutEffect(function(){if(a&&"initial"===l){var e=v.current;if(e){var n=e.scrollHeight;if(p(n),0!==n){var i=requestAnimationFrame(function(){return f("expanding")});return function(){return cancelAnimationFrame(i)}}A()}}},[a,l]),t.useEffect(function(){if("expanding"===l){var e=setTimeout(A,u+100);return function(){return clearTimeout(e)}}},[l,u]);if(!a)return i.jsx(i.Fragment,{children:c});var E="done"!==l?{height:"initial"===l?0:m,opacity:"initial"===l?0:1,overflow:"hidden",transition:"height ".concat(u,"ms ease-out, opacity ").concat(u,"ms ease-out")}:void 0;return i.jsx(r.Container,n.__assign({style:E,onTransitionEnd:function(e){"height"===e.propertyName&&"expanding"===l&&A()}},{children:i.jsx(r.Container,n.__assign({ref:v},{children:c}))}))};
+//# sourceMappingURL=talos-animated-height.browser.cjs.js.map

package/dist/talos-animated-height.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-animated-height.browser.cjs.js","sources":["../packages/components/animated-height/src/type.ts","../packages/components/animated-height/src/AnimatedHeight.tsx"],"sourcesContent":[null,null],"names":["Phase","_a","animate","_b","durationMs","onAnimationEnd","children","_c","useState","phase","setPhase","_d","target","setTarget","innerRef","useRef","completedRef","onEndRef","current","complete","call","useLayoutEffect","node","measured","scrollHeight","rafId","requestAnimationFrame","cancelAnimationFrame","useEffect","t","setTimeout","clearTimeout","_jsx","jsx","_Fragment","Fragment","wrapperStyle","height","opacity","overflow","transition","concat","undefined","Container","__assign","style","onTransitionEnd","e","propertyName","ref"],"mappings":"iBASYA,oHAAAA,QAIXA,WAAA,GAJWA,EAAAA,QAAKA,QAALA,cAIX,CAAA,IAHG,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,KAAA,8BCNkB,SAACC,GACnB,IAAAC,EAAOD,EAAAC,QACPC,EAAgBF,EAAAG,WAAhBA,OAAU,IAAAD,EAAG,IAAGA,EAChBE,EAAcJ,EAAAI,eACdC,EAAQL,EAAAK,SAEFC,EAAoBC,EAAQA,SAASN,EAAU,UAAY,QAA1DO,OAAOC,OACRC,EAAsBH,EAAAA,SAAS,GAA9BI,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAClBG,EAAWC,SAAuB,MAClCC,EAAeD,EAAAA,QAAQb,GACvBe,EAAWF,SAAOV,GACxBY,EAASC,QAAUb,EAEnB,IAAMc,EAAW,iBACTH,EAAaE,UACjBF,EAAaE,SAAU,EACvBR,EAAS,QACO,QAAhBT,EAAAgB,EAASC,eAAO,IAAAjB,GAAAA,EAAAmB,KAAAH,GACpB,EAEAI,EAAAA,gBAAgB,WACZ,GAAKnB,GAAqB,YAAVO,EAAhB,CACA,IAAMa,EAAOR,EAASI,QACtB,GAAKI,EAAL,CACA,IAAMC,EAAWD,EAAKE,aAEtB,GADAX,EAAUU,GACO,IAAbA,EAAJ,CAIA,IAAME,EAAQC,sBAAsB,WAAM,OAAAhB,EAAS,YAAT,GAC1C,OAAO,WAAM,OAAAiB,qBAAqBF,EAAM,CAFvC,CAFGN,GAJc,CAF0B,CAWhD,EAAG,CAACjB,EAASO,IAEbmB,EAAAA,UAAU,WACN,GAAc,cAAVnB,EAAJ,CACA,IAAMoB,EAAIC,WAAWX,EAAUf,EAAa,KAC5C,OAAO,WAAM,OAAA2B,aAAaF,EAAE,CAFM,CAGtC,EAAG,CAACpB,EAAOL,IAOX,IAAKF,EAAS,OAAO8B,EAAAC,IAAAC,EAAAC,SAAA,CAAA7B,SAAGA,IAExB,IAEM8B,EAFwB,SAAV3B,EAGd,CACE4B,OAAkB,YAAV5B,EAAsB,EAAIG,EAClC0B,QAAmB,YAAV7B,EAAsB,EAAI,EACnC8B,SAAU,SACVC,WAAY,UAAAC,OAAUrC,EAAU,yBAAAqC,OAAwBrC,EAAuB,qBAEjFsC,EAEN,OACIV,MAACW,YAASC,EAAAA,SAAA,CAACC,MAAOT,EAAcU,gBAnBR,SAACC,GACF,WAAnBA,EAAEC,cAAuC,cAAVvC,GACnCU,GACJ,aAiBQa,EAAAA,IAACW,EAAAA,UAAUC,EAAAA,SAAA,CAAAK,IAAKnC,aAAWR,OAGvC"}

package/dist/talos-animated-height.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as n}from"tslib";import{jsx as i,Fragment as t}from"react/jsx-runtime";import{useState as r,useRef as e,useLayoutEffect as o,useEffect as a}from"react";import{Container as c}from"@cleartrip/ct-design-components";var u,l=function(u){var l=u.animate,d=u.durationMs,m=void 0===d?350:d,f=u.onAnimationEnd,s=u.children,p=r(l?"initial":"done"),h=p[0],v=p[1],g=r(0),x=g[0],A=g[1],N=e(null),y=e(!l),E=e(f);E.current=f;var I=function(){var n;y.current||(y.current=!0,v("done"),null===(n=E.current)||void 0===n||n.call(E))};o(function(){if(l&&"initial"===h){var n=N.current;if(n){var i=n.scrollHeight;if(A(i),0!==i){var t=requestAnimationFrame(function(){return v("expanding")});return function(){return cancelAnimationFrame(t)}}I()}}},[l,h]),a(function(){if("expanding"===h){var n=setTimeout(I,m+100);return function(){return clearTimeout(n)}}},[h,m]);if(!l)return i(t,{children:s});var T="done"!==h?{height:"initial"===h?0:x,opacity:"initial"===h?0:1,overflow:"hidden",transition:"height ".concat(m,"ms ease-out, opacity ").concat(m,"ms ease-out")}:void 0;return i(c,n({style:T,onTransitionEnd:function(n){"height"===n.propertyName&&"expanding"===h&&I()}},{children:i(c,n({ref:N},{children:s}))}))};!function(n){n.INITIAL="initial",n.EXPANDING="expanding",n.DONE="done"}(u||(u={}));export{l as AnimatedHeight,u as Phase};
+//# sourceMappingURL=talos-animated-height.browser.esm.js.map

package/dist/talos-animated-height.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-animated-height.browser.esm.js","sources":["../packages/components/animated-height/src/AnimatedHeight.tsx","../packages/components/animated-height/src/type.ts"],"sourcesContent":[null,null],"names":["Phase","AnimateHeight","_a","animate","_b","durationMs","onAnimationEnd","children","_c","useState","phase","setPhase","_d","target","setTarget","innerRef","useRef","completedRef","onEndRef","current","complete","call","useLayoutEffect","node","measured","scrollHeight","rafId","requestAnimationFrame","cancelAnimationFrame","useEffect","t","setTimeout","clearTimeout","_jsx","_Fragment","wrapperStyle","height","opacity","overflow","transition","concat","undefined","Container","__assign","style","onTransitionEnd","e","propertyName","ref"],"mappings":"oOAMM,ICGMA,EDHNC,EAAgB,SAACC,GACnB,IAAAC,EAAOD,EAAAC,QACPC,EAAgBF,EAAAG,WAAhBA,OAAU,IAAAD,EAAG,IAAGA,EAChBE,EAAcJ,EAAAI,eACdC,EAAQL,EAAAK,SAEFC,EAAoBC,EAAiBN,EAAU,UAAY,QAA1DO,OAAOC,OACRC,EAAsBH,EAAS,GAA9BI,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAClBG,EAAWC,EAAuB,MAClCC,EAAeD,GAAQb,GACvBe,EAAWF,EAAOV,GACxBY,EAASC,QAAUb,EAEnB,IAAMc,EAAW,iBACTH,EAAaE,UACjBF,EAAaE,SAAU,EACvBR,EAAS,QACO,QAAhBT,EAAAgB,EAASC,eAAO,IAAAjB,GAAAA,EAAAmB,KAAAH,GACpB,EAEAI,EAAgB,WACZ,GAAKnB,GAAqB,YAAVO,EAAhB,CACA,IAAMa,EAAOR,EAASI,QACtB,GAAKI,EAAL,CACA,IAAMC,EAAWD,EAAKE,aAEtB,GADAX,EAAUU,GACO,IAAbA,EAAJ,CAIA,IAAME,EAAQC,sBAAsB,WAAM,OAAAhB,EAAS,YAAT,GAC1C,OAAO,WAAM,OAAAiB,qBAAqBF,EAAM,CAFvC,CAFGN,GAJc,CAF0B,CAWhD,EAAG,CAACjB,EAASO,IAEbmB,EAAU,WACN,GAAc,cAAVnB,EAAJ,CACA,IAAMoB,EAAIC,WAAWX,EAAUf,EAAa,KAC5C,OAAO,WAAM,OAAA2B,aAAaF,EAAE,CAFM,CAGtC,EAAG,CAACpB,EAAOL,IAOX,IAAKF,EAAS,OAAO8B,EAAAC,EAAA,CAAA3B,SAAGA,IAExB,IAEM4B,EAFwB,SAAVzB,EAGd,CACE0B,OAAkB,YAAV1B,EAAsB,EAAIG,EAClCwB,QAAmB,YAAV3B,EAAsB,EAAI,EACnC4B,SAAU,SACVC,WAAY,UAAAC,OAAUnC,EAAU,yBAAAmC,OAAwBnC,EAAuB,qBAEjFoC,EAEN,OACIR,EAACS,EAASC,EAAA,CAACC,MAAOT,EAAcU,gBAnBR,SAACC,GACF,WAAnBA,EAAEC,cAAuC,cAAVrC,GACnCU,GACJ,aAiBQa,EAACS,EAAUC,EAAA,CAAAK,IAAKjC,aAAWR,OAGvC,GC5DA,SAAYP,GACRA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,KAAA,MACH,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/talos-animated-height.cjs.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ctDesignComponents = require('@cleartrip/ct-design-components');
+
+var AnimateHeight = function (_a) {
+    var animate = _a.animate, _b = _a.durationMs, durationMs = _b === void 0 ? 350 : _b, onAnimationEnd = _a.onAnimationEnd, children = _a.children;
+    var _c = react.useState(animate ? "initial" : "done"), phase = _c[0], setPhase = _c[1];
+    var _d = react.useState(0), target = _d[0], setTarget = _d[1];
+    var innerRef = react.useRef(null);
+    var completedRef = react.useRef(!animate);
+    var onEndRef = react.useRef(onAnimationEnd);
+    onEndRef.current = onAnimationEnd;
+    var complete = function () {
+        var _a;
+        if (completedRef.current)
+            return;
+        completedRef.current = true;
+        setPhase("done");
+        (_a = onEndRef.current) === null || _a === void 0 ? void 0 : _a.call(onEndRef);
+    };
+    react.useLayoutEffect(function () {
+        if (!animate || phase !== "initial")
+            return;
+        var node = innerRef.current;
+        if (!node)
+            return;
+        var measured = node.scrollHeight;
+        setTarget(measured);
+        if (measured === 0) {
+            complete();
+            return;
+        }
+        var rafId = requestAnimationFrame(function () { return setPhase("expanding"); });
+        return function () { return cancelAnimationFrame(rafId); };
+    }, [animate, phase]);
+    react.useEffect(function () {
+        if (phase !== "expanding")
+            return;
+        var t = setTimeout(complete, durationMs + 100);
+        return function () { return clearTimeout(t); };
+    }, [phase, durationMs]);
+    var handleTransitionEnd = function (e) {
+        if (e.propertyName !== "height" || phase !== "expanding")
+            return;
+        complete();
+    };
+    if (!animate)
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
+    var isAnimating = phase !== "done";
+    var wrapperStyle = isAnimating
+        ? {
+            height: phase === "initial" ? 0 : target,
+            opacity: phase === "initial" ? 0 : 1,
+            overflow: "hidden",
+            transition: "height ".concat(durationMs, "ms ease-out, opacity ").concat(durationMs, "ms ease-out"),
+        }
+        : undefined;
+    return (jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ style: wrapperStyle, onTransitionEnd: handleTransitionEnd }, { children: jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ ref: innerRef }, { children: children })) })));
+};
+
+exports.Phase = void 0;
+(function (Phase) {
+    Phase["INITIAL"] = "initial";
+    Phase["EXPANDING"] = "expanding";
+    Phase["DONE"] = "done";
+})(exports.Phase || (exports.Phase = {}));
+
+exports.AnimatedHeight = AnimateHeight;
+//# sourceMappingURL=talos-animated-height.cjs.js.map

package/dist/talos-animated-height.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-animated-height.cjs.js","sources":["../packages/components/animated-height/src/AnimatedHeight.tsx","../packages/components/animated-height/src/type.ts"],"sourcesContent":[null,null],"names":["useState","useRef","useLayoutEffect","useEffect","_jsx","_Fragment","Container","__assign","Phase"],"mappings":"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"}

package/dist/talos-animated-height.esm.js

@@ -0,0 +1,70 @@
+import { __assign } from 'tslib';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useLayoutEffect, useEffect } from 'react';
+import { Container } from '@cleartrip/ct-design-components';
+
+var AnimateHeight = function (_a) {
+    var animate = _a.animate, _b = _a.durationMs, durationMs = _b === void 0 ? 350 : _b, onAnimationEnd = _a.onAnimationEnd, children = _a.children;
+    var _c = useState(animate ? "initial" : "done"), phase = _c[0], setPhase = _c[1];
+    var _d = useState(0), target = _d[0], setTarget = _d[1];
+    var innerRef = useRef(null);
+    var completedRef = useRef(!animate);
+    var onEndRef = useRef(onAnimationEnd);
+    onEndRef.current = onAnimationEnd;
+    var complete = function () {
+        var _a;
+        if (completedRef.current)
+            return;
+        completedRef.current = true;
+        setPhase("done");
+        (_a = onEndRef.current) === null || _a === void 0 ? void 0 : _a.call(onEndRef);
+    };
+    useLayoutEffect(function () {
+        if (!animate || phase !== "initial")
+            return;
+        var node = innerRef.current;
+        if (!node)
+            return;
+        var measured = node.scrollHeight;
+        setTarget(measured);
+        if (measured === 0) {
+            complete();
+            return;
+        }
+        var rafId = requestAnimationFrame(function () { return setPhase("expanding"); });
+        return function () { return cancelAnimationFrame(rafId); };
+    }, [animate, phase]);
+    useEffect(function () {
+        if (phase !== "expanding")
+            return;
+        var t = setTimeout(complete, durationMs + 100);
+        return function () { return clearTimeout(t); };
+    }, [phase, durationMs]);
+    var handleTransitionEnd = function (e) {
+        if (e.propertyName !== "height" || phase !== "expanding")
+            return;
+        complete();
+    };
+    if (!animate)
+        return jsx(Fragment, { children: children });
+    var isAnimating = phase !== "done";
+    var wrapperStyle = isAnimating
+        ? {
+            height: phase === "initial" ? 0 : target,
+            opacity: phase === "initial" ? 0 : 1,
+            overflow: "hidden",
+            transition: "height ".concat(durationMs, "ms ease-out, opacity ").concat(durationMs, "ms ease-out"),
+        }
+        : undefined;
+    return (jsx(Container, __assign({ style: wrapperStyle, onTransitionEnd: handleTransitionEnd }, { children: jsx(Container, __assign({ ref: innerRef }, { children: children })) })));
+};
+
+var Phase;
+(function (Phase) {
+    Phase["INITIAL"] = "initial";
+    Phase["EXPANDING"] = "expanding";
+    Phase["DONE"] = "done";
+})(Phase || (Phase = {}));
+
+export { AnimateHeight as AnimatedHeight, Phase };
+//# sourceMappingURL=talos-animated-height.esm.js.map

package/dist/talos-animated-height.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-animated-height.esm.js","sources":["../packages/components/animated-height/src/AnimatedHeight.tsx","../packages/components/animated-height/src/type.ts"],"sourcesContent":[null,null],"names":["_jsx","_Fragment"],"mappings":"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"}