@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/module/component/Animation/imperative/ImperativeAnimation.js

@@ -0,0 +1,76 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import React, { useRef, useCallback, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { Animated } from 'react-native';
+import { useTimeoutHandler, useUnmount } from "../../../hook/index.js";
+import { is } from "../../../util/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ImperativeAnimation = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    getStyle,
+    filteredProps
+  } = useSx(props);
+  const {
+    enableResetAtRestart,
+    disableFirstAnimation,
+    buildAnimation,
+    buildAnimatedStyle,
+    startAnimationValue = 0,
+    delay = 0,
+    onAnimationComplete,
+    ...rest
+  } = filteredProps;
+  const onAnimationCompleteRef = useRef();
+  onAnimationCompleteRef.current = onAnimationComplete;
+  const value = useRef(new Animated.Value(startAnimationValue)).current;
+  const anim = useRef();
+  const startAnimation = useCallback(() => {
+    anim.current?.stop();
+    if (enableResetAtRestart) {
+      value.setValue(startAnimationValue);
+    }
+    anim.current = buildAnimation(value);
+    if (is.function(onAnimationCompleteRef.current)) {
+      anim.current?.start(({
+        finished
+      }) => {
+        if (finished) {
+          onAnimationCompleteRef.current?.();
+        }
+      });
+    } else {
+      anim.current?.start();
+    }
+  }, [value, enableResetAtRestart, buildAnimation, startAnimationValue]);
+  const isFirstAnimation = useRef(true);
+  const delayTimeoutHandler = useTimeoutHandler();
+  useEffect(() => {
+    if (isFirstAnimation.current) {
+      if (!disableFirstAnimation) {
+        if (delay > 0) {
+          delayTimeoutHandler.current = setTimeout(startAnimation, delay);
+        } else {
+          startAnimation();
+        }
+      }
+      isFirstAnimation.current = false;
+    }
+  }, [startAnimation, disableFirstAnimation, delay, delayTimeoutHandler]);
+  useUnmount(() => {
+    anim.current?.stop();
+  });
+  useImperativeHandle(ref, () => ({
+    start: startAnimation,
+    reset: () => {
+      anim.current?.stop();
+      value.setValue(startAnimationValue);
+    }
+  }), [startAnimation, startAnimationValue, value]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [getStyle(), buildAnimatedStyle(value)],
+    ...rest
+  });
+});
+export { ImperativeAnimation };
+//# sourceMappingURL=ImperativeAnimation.js.map

package/lib/module/component/Animation/imperative/ImperativeAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","React","useRef","useCallback","useEffect","useImperativeHandle","forwardRef","Animated","useTimeoutHandler","useUnmount","is","jsx","_jsx","ImperativeAnimation","props","ref","getStyle","filteredProps","enableResetAtRestart","disableFirstAnimation","buildAnimation","buildAnimatedStyle","startAnimationValue","delay","onAnimationComplete","rest","onAnimationCompleteRef","current","value","Value","anim","startAnimation","stop","setValue","function","start","finished","isFirstAnimation","delayTimeoutHandler","setTimeout","reset","View","style"],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/ImperativeAnimation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Animation/imperative/Shake.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { ImperativeAnimation } from "./ImperativeAnimation.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Shake = /*#__PURE__*/forwardRef(({
+  duration = 70,
+  iterations = 10,
+  shakeX = 1.5,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/_jsx(ImperativeAnimation, {
+    ref: ref,
+    disableFirstAnimation: true,
+    enableResetAtRestart: true,
+    buildAnimation: value => Animated.loop(Animated.timing(value, {
+      toValue: 1,
+      easing: Easing.linear,
+      duration,
+      useNativeDriver: true
+    }), {
+      iterations
+    }),
+    buildAnimatedStyle: value => ({
+      transform: [{
+        translateX: value.interpolate({
+          inputRange: [0, 0.5, 1],
+          outputRange: [0, shakeX, 0]
+        })
+      }]
+    }),
+    ...rest
+  });
+});
+//# sourceMappingURL=Shake.js.map

package/lib/module/component/Animation/imperative/Shake.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Animated","Easing","ImperativeAnimation","jsx","_jsx","Shake","duration","iterations","shakeX","rest","ref","disableFirstAnimation","enableResetAtRestart","buildAnimation","value","loop","timing","toValue","easing","linear","useNativeDriver","buildAnimatedStyle","transform","translateX","interpolate","inputRange","outputRange"],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/Shake.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAE/C,SAAqEC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGxH,OAAO,MAAMC,KAAK,gBAAGN,UAAU,CAC7B,CAAC;EAAEO,QAAQ,GAAG,EAAE;EAAEC,UAAU,GAAG,EAAE;EAAEC,MAAM,GAAG,GAAG;EAAE,GAAGC;AAAY,CAAC,EAAEC,GAAsC,KAAK;EAC5G,oBACEN,IAAA,CAACF,mBAAmB;IAClBQ,GAAG,EAAEA,GAAI;IACTC,qBAAqB;IACrBC,oBAAoB;IACpBC,cAAc,EAAGC,KAAK,IACpBd,QAAQ,CAACe,IAAI,CACXf,QAAQ,CAACgB,MAAM,CAACF,KAAK,EAAE;MACrBG,OAAO,EAAE,CAAC;MACVC,MAAM,EAAEjB,MAAM,CAACkB,MAAM;MACrBb,QAAQ;MACRc,eAAe,EAAE;IACnB,CAAC,CAAC,EACF;MAAEb;IAAW,CACf,CACD;IACDc,kBAAkB,EAAGP,KAAK,KAAM;MAC9BQ,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAET,KAAK,CAACU,WAAW,CAAC;UAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;UAAEC,WAAW,EAAE,CAAC,CAAC,EAAElB,MAAM,EAAE,CAAC;QAAE,CAAC;MAAE,CAAC;IACzG,CAAC,CAAE;IAAA,GACCC;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/module/component/Animation/imperative/SlideIn.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Animated } from 'react-native';
+import { ImperativeAnimation } from "./ImperativeAnimation.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SlideIn = /*#__PURE__*/forwardRef(({
+  duration = 500,
+  startTranslationY = -56,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/_jsx(ImperativeAnimation, {
+    ref: ref,
+    startAnimationValue: startTranslationY,
+    buildAnimation: value => Animated.timing(value, {
+      useNativeDriver: true,
+      toValue: 0,
+      duration
+    }),
+    buildAnimatedStyle: value => ({
+      transform: [{
+        translateY: value
+      }]
+    }),
+    ...rest
+  });
+});
+//# sourceMappingURL=SlideIn.js.map

package/lib/module/component/Animation/imperative/SlideIn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Animated","ImperativeAnimation","jsx","_jsx","SlideIn","duration","startTranslationY","rest","ref","startAnimationValue","buildAnimation","value","timing","useNativeDriver","toValue","buildAnimatedStyle","transform","translateY"],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/SlideIn.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAAqEC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMxH,OAAO,MAAMC,OAAO,gBAAGL,UAAU,CAC/B,CAAC;EAAEM,QAAQ,GAAG,GAAG;EAAEC,iBAAiB,GAAG,CAAC,EAAE;EAAE,GAAGC;AAAY,CAAC,EAAEC,GAAsC,KAAK;EACvG,oBACEL,IAAA,CAACF,mBAAmB;IAClBO,GAAG,EAAEA,GAAI;IACTC,mBAAmB,EAAEH,iBAAkB;IACvCI,cAAc,EAAGC,KAAK,IAAKX,QAAQ,CAACY,MAAM,CAACD,KAAK,EAAE;MAAEE,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAET;IAAS,CAAC,CAAE;IACnGU,kBAAkB,EAAGJ,KAAK,KAAM;MAAEK,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEN;MAAM,CAAC;IAAE,CAAC,CAAE;IAAA,GACpEJ;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/module/component/Animation/imperative/SlideInOut.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Animated } from 'react-native';
+import { ImperativeAnimation } from "./ImperativeAnimation.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SlideInOut = /*#__PURE__*/forwardRef(({
+  duration = 5000,
+  slideInDuration = 500,
+  slideOutDuration = 500,
+  startTranslationY = -50,
+  endTranslationY = 50,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/_jsx(ImperativeAnimation, {
+    ref: ref,
+    startAnimationValue: startTranslationY,
+    buildAnimation: value => Animated.sequence([Animated.timing(value, {
+      useNativeDriver: true,
+      toValue: 0,
+      duration: slideInDuration
+    }), Animated.delay(Math.max(0, duration - (slideInDuration + slideOutDuration))), Animated.timing(value, {
+      useNativeDriver: true,
+      toValue: endTranslationY,
+      duration: slideOutDuration
+    })]),
+    buildAnimatedStyle: value => ({
+      transform: [{
+        translateY: value
+      }]
+    }),
+    ...rest
+  });
+});
+//# sourceMappingURL=SlideInOut.js.map

package/lib/module/component/Animation/imperative/SlideInOut.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Animated","ImperativeAnimation","jsx","_jsx","SlideInOut","duration","slideInDuration","slideOutDuration","startTranslationY","endTranslationY","rest","ref","startAnimationValue","buildAnimation","value","sequence","timing","useNativeDriver","toValue","delay","Math","max","buildAnimatedStyle","transform","translateY"],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/SlideInOut.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAAqEC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASxH,OAAO,MAAMC,UAAU,gBAAGL,UAAU,CAClC,CACE;EACEM,QAAQ,GAAG,IAAI;EACfC,eAAe,GAAG,GAAG;EACrBC,gBAAgB,GAAG,GAAG;EACtBC,iBAAiB,GAAG,CAAC,EAAE;EACvBC,eAAe,GAAG,EAAE;EACpB,GAAGC;AACE,CAAC,EACRC,GAAsC,KACnC;EACH,oBACER,IAAA,CAACF,mBAAmB;IAClBU,GAAG,EAAEA,GAAI;IACTC,mBAAmB,EAAEJ,iBAAkB;IACvCK,cAAc,EAAGC,KAAK,IACpBd,QAAQ,CAACe,QAAQ,CAAC,CAChBf,QAAQ,CAACgB,MAAM,CAACF,KAAK,EAAE;MAAEG,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAEb,QAAQ,EAAEC;IAAgB,CAAC,CAAC,EACxFN,QAAQ,CAACmB,KAAK,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,QAAQ,IAAIC,eAAe,GAAGC,gBAAgB,CAAC,CAAC,CAAC,EAC5EP,QAAQ,CAACgB,MAAM,CAACF,KAAK,EAAE;MAAEG,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAET,eAAe;MAAEJ,QAAQ,EAAEE;IAAiB,CAAC,CAAC,CACxG,CACF;IACDe,kBAAkB,EAAGR,KAAK,KAAM;MAAES,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEV;MAAM,CAAC;IAAE,CAAC,CAAE;IAAA,GACpEJ;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/module/component/Animation/imperative/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export * from "./ImperativeAnimation.js";
+export * from "./FadeIn.js";
+export * from "./FadeInOut.js";
+export * from "./Shake.js";
+export * from "./SlideIn.js";
+export * from "./SlideInOut.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Animation/imperative/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/index.ts"],"mappings":";;AAAA,cAAc,0BAAuB;AACrC,cAAc,aAAU;AACxB,cAAc,gBAAa;AAC3B,cAAc,YAAS;AACvB,cAAc,cAAW;AACzB,cAAc,iBAAc","ignoreList":[]}

package/lib/module/component/Animation/implicit/OpacityAnimatedView.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { useTimeoutHandler } from '@teamturing/react-native-kit';
+import { useRef, useEffect, useState } from 'react';
+import { Animated } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const OpacityAnimatedView = ({
+  opacity,
+  duration = 300,
+  style,
+  dropChildrenWhenInvisible = false,
+  children,
+  ...rest
+}) => {
+  const opacityValue = useRef(new Animated.Value(opacity)).current;
+  const timeoutHandler = useTimeoutHandler();
+  const [dropChildren, setDropChildren] = useState(!!(dropChildrenWhenInvisible && opacity === 0));
+  useEffect(() => {
+    clearTimeout(timeoutHandler.current);
+    const anim = Animated.timing(opacityValue, {
+      useNativeDriver: true,
+      toValue: opacity,
+      duration
+    });
+    anim.start();
+    if (opacity <= 0 && dropChildrenWhenInvisible) {
+      timeoutHandler.current = setTimeout(() => setDropChildren(true), duration);
+    } else {
+      setDropChildren(false);
+    }
+    return () => {
+      clearTimeout(timeoutHandler.current);
+      anim.stop();
+    };
+  }, [opacity, duration, opacityValue, dropChildrenWhenInvisible, timeoutHandler]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, {
+      opacity: opacityValue
+    }],
+    ...rest,
+    children: dropChildren ? null : children
+  });
+};
+export { OpacityAnimatedView };
+//# sourceMappingURL=OpacityAnimatedView.js.map

package/lib/module/component/Animation/implicit/OpacityAnimatedView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTimeoutHandler","useRef","useEffect","useState","Animated","jsx","_jsx","OpacityAnimatedView","opacity","duration","style","dropChildrenWhenInvisible","children","rest","opacityValue","Value","current","timeoutHandler","dropChildren","setDropChildren","clearTimeout","anim","timing","useNativeDriver","toValue","start","setTimeout","stop","View"],"sourceRoot":"../../../../../src","sources":["component/Animation/implicit/OpacityAnimatedView.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,8BAA8B;AAEhE,SAASC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,QAAQ,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGxC,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,yBAAyB,GAAG,KAAK;EACjCC,QAAQ;EACR,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAMC,YAAY,GAAGb,MAAM,CAAC,IAAIG,QAAQ,CAACW,KAAK,CAACP,OAAO,CAAC,CAAC,CAACQ,OAAO;EAChE,MAAMC,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,MAAM,CAACkB,YAAY,EAAEC,eAAe,CAAC,GAAGhB,QAAQ,CAAC,CAAC,EAAEQ,yBAAyB,IAAIH,OAAO,KAAK,CAAC,CAAC,CAAC;EAChGN,SAAS,CAAC,MAAM;IACdkB,YAAY,CAACH,cAAc,CAACD,OAAO,CAAC;IACpC,MAAMK,IAAI,GAAGjB,QAAQ,CAACkB,MAAM,CAACR,YAAY,EAAE;MAAES,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAEhB,OAAO;MAAEC;IAAS,CAAC,CAAC;IACjGY,IAAI,CAACI,KAAK,CAAC,CAAC;IACZ,IAAIjB,OAAO,IAAI,CAAC,IAAIG,yBAAyB,EAAE;MAC7CM,cAAc,CAACD,OAAO,GAAGU,UAAU,CAAC,MAAMP,eAAe,CAAC,IAAI,CAAC,EAAEV,QAAQ,CAAC;IAC5E,CAAC,MAAM;MACLU,eAAe,CAAC,KAAK,CAAC;IACxB;IACA,OAAO,MAAM;MACXC,YAAY,CAACH,cAAc,CAACD,OAAO,CAAC;MACpCK,IAAI,CAACM,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACnB,OAAO,EAAEC,QAAQ,EAAEK,YAAY,EAAEH,yBAAyB,EAAEM,cAAc,CAAC,CAAC;EAEhF,oBACEX,IAAA,CAACF,QAAQ,CAACwB,IAAI;IAAClB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEF,OAAO,EAAEM;IAAa,CAAC,CAAE;IAAA,GAAKD,IAAI;IAAAD,QAAA,EAC/DM,YAAY,GAAG,IAAI,GAAGN;EAAQ,CAClB,CAAC;AAEpB,CAAC;AAED,SAASL,mBAAmB","ignoreList":[]}

package/lib/module/component/Animation/implicit/ZoomIn.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ZoomIn = ({
+  delay = 0,
+  style,
+  children
+}) => {
+  const scale = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const animation = Animated.timing(scale, {
+      useNativeDriver: true,
+      toValue: 1,
+      duration: 700,
+      delay,
+      easing: Easing.bezier(0, 1.59, 0.78, 1.01)
+    });
+    animation.start();
+    return animation.stop;
+  }, [delay, scale]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      alignSelf: 'flex-start',
+      transform: [{
+        scale
+      }]
+    }, style],
+    children: children
+  });
+};
+export { ZoomIn };
+//# sourceMappingURL=ZoomIn.js.map

package/lib/module/component/Animation/implicit/ZoomIn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Animated","Easing","jsx","_jsx","ZoomIn","delay","style","children","scale","Value","current","animation","timing","useNativeDriver","toValue","duration","easing","bezier","start","stop","View","alignSelf","transform"],"sourceRoot":"../../../../../src","sources":["component/Animation/implicit/ZoomIn.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEhD,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhD,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,KAAK;EACjF,MAAMC,KAAK,GAAGT,MAAM,CAAC,IAAIC,QAAQ,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnDZ,SAAS,CAAC,MAAM;IACd,MAAMa,SAAS,GAAGX,QAAQ,CAACY,MAAM,CAACJ,KAAK,EAAE;MACvCK,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbV,KAAK;MACLW,MAAM,EAAEf,MAAM,CAACgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC3C,CAAC,CAAC;IACFN,SAAS,CAACO,KAAK,CAAC,CAAC;IAEjB,OAAOP,SAAS,CAACQ,IAAI;EACvB,CAAC,EAAE,CAACd,KAAK,EAAEG,KAAK,CAAC,CAAC;EAElB,oBAAOL,IAAA,CAACH,QAAQ,CAACoB,IAAI;IAACd,KAAK,EAAE,CAAC;MAAEe,SAAS,EAAE,YAAY;MAAEC,SAAS,EAAE,CAAC;QAAEd;MAAM,CAAC;IAAE,CAAC,EAAEF,KAAK,CAAE;IAAAC,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvH,CAAC;AAED,SAASH,MAAM","ignoreList":[]}

package/lib/module/component/Animation/implicit/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./OpacityAnimatedView.js";
+export * from "./ZoomIn.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Animation/implicit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["component/Animation/implicit/index.ts"],"mappings":";;AAAA,cAAc,0BAAuB;AACrC,cAAc,aAAU","ignoreList":[]}

package/lib/module/component/Animation/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./etc/index.js";
+export * from "./imperative/index.js";
+export * from "./implicit/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Animation/index.ts"],"mappings":";;AAAA,cAAc,gBAAO;AACrB,cAAc,uBAAc;AAC5B,cAAc,qBAAY","ignoreList":[]}

package/lib/module/component/Badge.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { palette } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Badge = ({
+  layout,
+  color = palette.violet500,
+  size = 6
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      borderRadius: 9999,
+      backgroundColor: color,
+      width: size,
+      height: size
+    }, layout]
+  });
+};
+export { Badge };
+//# sourceMappingURL=Badge.js.map

package/lib/module/component/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","View","jsx","_jsx","Badge","layout","color","violet500","size","style","borderRadius","backgroundColor","width","height"],"sourceRoot":"../../../src","sources":["component/Badge.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,8BAA8B;AACtD,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,MAAMC,KAAK,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK,GAAGN,OAAO,CAACO,SAAS;EAAEC,IAAI,GAAG;AAAS,CAAC,KAAK;EACxE,oBAAOL,IAAA,CAACF,IAAI;IAACQ,KAAK,EAAE,CAAC;MAAEC,YAAY,EAAE,IAAI;MAAEC,eAAe,EAAEL,KAAK;MAAEM,KAAK,EAAEJ,IAAI;MAAEK,MAAM,EAAEL;IAAK,CAAC,EAAEH,MAAM;EAAE,CAAE,CAAC;AAC7G,CAAC;AAED,SAASD,KAAK","ignoreList":[]}

package/lib/module/component/Banner/BannerItem.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { Txt, is, spacing } from '@teamturing/react-native-kit';
+import React from 'react';
+import { View } from 'react-native';
+import { Icon } from "../Icon/index.js";
+import { Img } from "../Img/Img.js";
+import { GapW } from "../Layout/Gap.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const BannerItem = ({
+  icon,
+  image,
+  renderText = text => Txt.S.Medium.render(text, {
+    numberOfLines: 1,
+    testID: `${testID}/text`
+  }),
+  text,
+  showsChevron = true,
+  renderTrailing,
+  renderLeading,
+  testID = 'BannerItem'
+}) => {
+  const renderLeadingElement = () => {
+    if (is.function(renderLeading)) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [renderLeading(), /*#__PURE__*/_jsx(GapW, {
+          unit: 2
+        })]
+      });
+    } else if (icon) {
+      return /*#__PURE__*/_jsx(Icon, {
+        name: icon.name,
+        fill: icon.fill,
+        size: 24,
+        mr: 2
+      });
+    } else if (image) {
+      return Img.S24.render(image, {
+        style: {
+          marginRight: spacing[2]
+        }
+      });
+    } else {
+      return null;
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    children: [renderLeadingElement(), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        marginRight: spacing[2]
+      },
+      children: renderText(text || '')
+    }), is.function(renderTrailing) ? renderTrailing() : showsChevron ? /*#__PURE__*/_jsx(Icon, {
+      name: 'chevron_right',
+      size: 16
+    }) : null]
+  });
+};
+export { BannerItem };
+//# sourceMappingURL=BannerItem.js.map

package/lib/module/component/Banner/BannerItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Txt","is","spacing","React","View","Icon","Img","GapW","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BannerItem","icon","image","renderText","text","S","Medium","render","numberOfLines","testID","showsChevron","renderTrailing","renderLeading","renderLeadingElement","function","children","unit","name","fill","size","mr","S24","style","marginRight","flexDirection","alignItems","flex"],"sourceRoot":"../../../../src","sources":["component/Banner/BannerItem.tsx"],"mappings":";;AAAA,SAASA,GAAG,EAAEC,EAAE,EAAEC,OAAO,QAAQ,8BAA8B;AAC/D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAAwCC,IAAI,QAAQ,kBAAS;AAC7D,SAAyBC,GAAG,QAAQ,eAAY;AAChD,SAASC,IAAI,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAerC,MAAMC,UAAU,GAAGA,CAAC;EAClBC,IAAI;EACJC,KAAK;EACLC,UAAU,GAAIC,IAAI,IAAKlB,GAAG,CAACmB,CAAC,CAACC,MAAM,CAACC,MAAM,CAACH,IAAI,EAAE;IAAEI,aAAa,EAAE,CAAC;IAAEC,MAAM,EAAE,GAAGA,MAAM;EAAQ,CAAC,CAAC;EAChGL,IAAI;EACJM,YAAY,GAAG,IAAI;EACnBC,cAAc;EACdC,aAAa;EACbH,MAAM,GAAG;AACM,CAAC,KAAK;EACrB,MAAMI,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI1B,EAAE,CAAC2B,QAAQ,CAACF,aAAa,CAAC,EAAE;MAC9B,oBACEb,KAAA,CAAAF,SAAA;QAAAkB,QAAA,GACGH,aAAa,CAAC,CAAC,eAChBjB,IAAA,CAACF,IAAI;UAACuB,IAAI,EAAE;QAAE,CAAE,CAAC;MAAA,CACjB,CAAC;IAEP,CAAC,MAAM,IAAIf,IAAI,EAAE;MACf,oBAAON,IAAA,CAACJ,IAAI;QAAC0B,IAAI,EAAEhB,IAAI,CAACgB,IAAK;QAACC,IAAI,EAAEjB,IAAI,CAACiB,IAAK;QAACC,IAAI,EAAE,EAAG;QAACC,EAAE,EAAE;MAAE,CAAE,CAAC;IACpE,CAAC,MAAM,IAAIlB,KAAK,EAAE;MAChB,OAAOV,GAAG,CAAC6B,GAAG,CAACd,MAAM,CAACL,KAAK,EAAE;QAAEoB,KAAK,EAAE;UAAEC,WAAW,EAAEnC,OAAO,CAAC,CAAC;QAAE;MAAE,CAAC,CAAC;IACtE,CAAC,MAAM;MACL,OAAO,IAAI;IACb;EACF,CAAC;EACD,oBACEW,KAAA,CAACT,IAAI;IAACmB,MAAM,EAAEA,MAAO;IAACa,KAAK,EAAE;MAAEE,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS,CAAE;IAAAV,QAAA,GACzEF,oBAAoB,CAAC,CAAC,eACvBlB,IAAA,CAACL,IAAI;MAACgC,KAAK,EAAE;QAAEI,IAAI,EAAE,CAAC;QAAEH,WAAW,EAAEnC,OAAO,CAAC,CAAC;MAAE,CAAE;MAAA2B,QAAA,EAAEZ,UAAU,CAACC,IAAI,IAAI,EAAE;IAAC,CAAO,CAAC,EACjFjB,EAAE,CAAC2B,QAAQ,CAACH,cAAc,CAAC,GAAGA,cAAc,CAAC,CAAC,GAAGD,YAAY,gBAAGf,IAAA,CAACJ,IAAI;MAAC0B,IAAI,EAAE,eAAgB;MAACE,IAAI,EAAE;IAAG,CAAE,CAAC,GAAG,IAAI;EAAA,CAC7G,CAAC;AAEX,CAAC;AAED,SAASnB,UAAU","ignoreList":[]}

package/lib/module/component/Banner/BannerRectangle.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { palette, spacing } from "../../theme/index.js";
+import is from "../../util/is.js";
+import { Box } from "../Box/index.js";
+import { PressableDelayed } from "../Pressable/index.js";
+import { BannerItem } from "./BannerItem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const BannerRectangle = ({
+  layout,
+  onPress,
+  backgroundColor = 'gray100',
+  testID,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(PressableDelayed, {
+    testID: `${testID}/button`,
+    disabled: !is.function(onPress),
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [layout, {
+      paddingVertical: spacing[4],
+      backgroundColor: palette[backgroundColor],
+      opacity: pressed ? 0.8 : 1
+    }],
+    children: /*#__PURE__*/_jsx(Box, {
+      px: 'sidePadding',
+      backgroundColor: 'transparent',
+      children: /*#__PURE__*/_jsx(BannerItem, {
+        ...rest,
+        showsChevron: is.function(onPress),
+        testID: testID
+      })
+    })
+  });
+};
+export { BannerRectangle };
+//# sourceMappingURL=BannerRectangle.js.map

package/lib/module/component/Banner/BannerRectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","spacing","is","Box","PressableDelayed","BannerItem","jsx","_jsx","BannerRectangle","layout","onPress","backgroundColor","testID","rest","disabled","function","style","pressed","paddingVertical","opacity","children","px","showsChevron"],"sourceRoot":"../../../../src","sources":["component/Banner/BannerRectangle.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,OAAO,QAAQ,sBAAa;AAC9C,OAAOC,EAAE,MAAM,kBAAe;AAC9B,SAASC,GAAG,QAAQ,iBAAQ;AAE5B,SAASC,gBAAgB,QAAQ,uBAAc;AAE/C,SAA+BC,UAAU,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhE,MAAMC,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC,eAAe,GAAG,SAAS;EAAEC,MAAM;EAAE,GAAGC;AAAY,CAAC,KAAK;EACpG,oBACEN,IAAA,CAACH,gBAAgB;IACfQ,MAAM,EAAE,GAAGA,MAAM,SAAU;IAC3BE,QAAQ,EAAE,CAACZ,EAAE,CAACa,QAAQ,CAACL,OAAO,CAAE;IAChCA,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBR,MAAM,EACN;MACES,eAAe,EAAEjB,OAAO,CAAC,CAAC,CAAC;MAC3BU,eAAe,EAAEX,OAAO,CAACW,eAAe,CAAC;MACzCQ,OAAO,EAAEF,OAAO,GAAG,GAAG,GAAG;IAC3B,CAAC,CACD;IAAAG,QAAA,eAEFb,IAAA,CAACJ,GAAG;MAACkB,EAAE,EAAE,aAAc;MAACV,eAAe,EAAE,aAAc;MAAAS,QAAA,eACrDb,IAAA,CAACF,UAAU;QAAA,GAAKQ,IAAI;QAAES,YAAY,EAAEpB,EAAE,CAACa,QAAQ,CAACL,OAAO,CAAE;QAACE,MAAM,EAAEA;MAAO,CAAE;IAAC,CACzE;EAAC,CACU,CAAC;AAEvB,CAAC;AAED,SAASJ,eAAe","ignoreList":[]}

package/lib/module/component/Banner/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./BannerItem.js";
+export * from "./BannerRectangle.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Banner/index.ts"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,sBAAmB","ignoreList":[]}

package/lib/module/component/BaseWebView.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { memo, useMemo, forwardRef } from 'react';
+import { Platform } from 'react-native';
+import WebView from 'react-native-webview';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaseWebView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  minHeight,
+  style,
+  ...rest
+}, ref) => {
+  const memoizedStyle = useMemo(() => [style, {
+    opacity: 0.99,
+    minHeight: minHeight || 1
+  }], [style, minHeight]);
+  return /*#__PURE__*/_jsx(WebView, {
+    ref: ref,
+    ...rest,
+    androidLayerType: 'hardware',
+    showsVerticalScrollIndicator: Platform.OS === 'web',
+    showsHorizontalScrollIndicator: false,
+    scalesPageToFit: true,
+    setSupportMultipleWindows: false,
+    overScrollMode: 'never',
+    contentMode: 'mobile',
+    style: memoizedStyle,
+    cacheMode: 'LOAD_CACHE_ELSE_NETWORK',
+    webviewDebuggingEnabled: __DEV__,
+    textZoom: 100
+  });
+}));
+export { BaseWebView };
+//# sourceMappingURL=BaseWebView.js.map

package/lib/module/component/BaseWebView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","forwardRef","Platform","WebView","jsx","_jsx","BaseWebView","minHeight","style","rest","ref","memoizedStyle","opacity","androidLayerType","showsVerticalScrollIndicator","OS","showsHorizontalScrollIndicator","scalesPageToFit","setSupportMultipleWindows","overScrollMode","contentMode","cacheMode","webviewDebuggingEnabled","__DEV__","textZoom"],"sourceRoot":"../../../src","sources":["component/BaseWebView.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,OAAO,EAAEC,UAAU,QAA2B,OAAO;AAEpE,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,OAAO,MAAM,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,MAAMC,WAAW,gBAAGP,IAAI,eACtBE,UAAU,CAAC,CAAC;EAAEM,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAEC,GAA0B,KAAK;EAC/E,MAAMC,aAAa,GAAGX,OAAO,CAC3B,MAAM,CAACQ,KAAK,EAAE;IAAEI,OAAO,EAAE,IAAI;IAAEL,SAAS,EAAEA,SAAS,IAAI;EAAE,CAAC,CAAC,EAC3D,CAACC,KAAK,EAAED,SAAS,CACnB,CAAC;EACD,oBACEF,IAAA,CAACF,OAAO;IACNO,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IACRI,gBAAgB,EAAE,UAAW;IAC7BC,4BAA4B,EAAEZ,QAAQ,CAACa,EAAE,KAAK,KAAM;IACpDC,8BAA8B,EAAE,KAAM;IACtCC,eAAe,EAAE,IAAK;IACtBC,yBAAyB,EAAE,KAAM;IACjCC,cAAc,EAAE,OAAQ;IACxBC,WAAW,EAAE,QAAS;IACtBZ,KAAK,EAAEG,aAAc;IACrBU,SAAS,EAAE,yBAA0B;IACrCC,uBAAuB,EAAEC,OAAQ;IACjCC,QAAQ,EAAE;EAAI,CACf,CAAC;AAEN,CAAC,CACH,CAAC;AAED,SAASlB,WAAW","ignoreList":[]}

package/lib/module/component/Box/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { createSxComponent } from '@react-native-styled-system/core';
+import { motify } from 'moti';
+import { View } from 'react-native';
+export const Box = createSxComponent(View)();
+export const MotiBox = motify(Box)();
+//# sourceMappingURL=index.js.map

package/lib/module/component/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSxComponent","motify","View","Box","MotiBox"],"sourceRoot":"../../../../src","sources":["component/Box/index.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,MAAM,QAAQ,MAAM;AAE7B,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,GAAG,GAAGH,iBAAiB,CAACE,IAAI,CAAC,CAAC,CAAC;AAG5C,OAAO,MAAME,OAAO,GAAGH,MAAM,CAACE,GAAG,CAAC,CAAC,CAAC","ignoreList":[]}