@teamturing/react-native-kit 1.1.0 → 1.2.0

package/lib/module/component/AnimatedNumber.js

@@ -0,0 +1,247 @@
+"use strict";
+
+import { Txt } from '@teamturing/react-native-kit';
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const numberWidthByTypography = {
+  'H1': 16,
+  'H2': 15,
+  'H3': 14,
+  'L': 12,
+  'L.Medium': 12,
+  'L.Bold': 12,
+  'M': 10,
+  'M.Medium': 11,
+  'M.Bold': 11,
+  'S': 9,
+  'S.Medium': 9,
+  'S.Bold': 10,
+  'XS': 7,
+  'XS.Medium': 7,
+  'XS.Bold': 7
+};
+const commaWidthByTypography = {
+  'H1': 16 / 4,
+  'H2': 15 / 4,
+  'H3': 14 / 4,
+  'L': 12 / 4,
+  'L.Medium': 12 / 4,
+  'L.Bold': 12 / 4,
+  'M': 10 / 4,
+  'M.Medium': 11 / 4,
+  'M.Bold': 11 / 4,
+  'S': 9 / 4,
+  'S.Medium': 9 / 4,
+  'S.Bold': 10 / 4,
+  'XS': 7 / 4,
+  'XS.Medium': 7 / 4,
+  'XS.Bold': 7 / 4
+};
+const numberHeightByTypography = {
+  'H1': 36,
+  'H2': 33,
+  'H3': 30,
+  'L': 27,
+  'L.Medium': 27,
+  'L.Bold': 27,
+  'M': 24,
+  'M.Medium': 24,
+  'M.Bold': 24,
+  'S': 21,
+  'S.Medium': 21,
+  'S.Bold': 21,
+  'XS': 18,
+  'XS.Medium': 18,
+  'XS.Bold': 18
+};
+const TxtComponentByTypography = {
+  'H1': Txt.H1,
+  'H2': Txt.H2,
+  'H3': Txt.H3,
+  'L': Txt.L,
+  'L.Medium': Txt.L.Medium,
+  'L.Bold': Txt.L.Bold,
+  'M': Txt.M,
+  'M.Medium': Txt.M.Medium,
+  'M.Bold': Txt.M.Bold,
+  'S': Txt.S,
+  'S.Medium': Txt.S.Medium,
+  'S.Bold': Txt.S.Bold,
+  'XS': Txt.XS,
+  'XS.Medium': Txt.XS.Medium,
+  'XS.Bold': Txt.XS.Bold
+};
+const AnimatedNumber = ({
+  value,
+  fromValue,
+  txt = 'M.Medium',
+  txtConfig,
+  duration = 3000,
+  delay = 0,
+  suffix = '',
+  withComma = false,
+  layout
+}) => {
+  const numberWidth = numberWidthByTypography[txt];
+  const commaWidth = commaWidthByTypography[txt];
+  const isIncreasing = value - fromValue > 0;
+  const numberWithCommaRegex = /\B(?=(\d{3})+(?!\d))/g;
+  const fromValueString = fromValue.toString().replace(numberWithCommaRegex, withComma ? ',' : '');
+  const valueString = value.toString().replace(numberWithCommaRegex, withComma ? ',' : '');
+  const digitDifference = Math.abs(valueString.length - fromValueString.length);
+  const maxDigit = Math.max(fromValueString.length, valueString.length);
+  const fromValueArray = Array.from(fromValueString.padStart(maxDigit, '0'));
+  const valueArray = Array.from(valueString.padStart(maxDigit, '0'));
+  const minimumDigitIndexToAnimated = fromValueArray.findIndex((fromNumber, i) => fromNumber !== valueArray[i]);
+  const diffCommaCount = Array.from((isIncreasing ? valueString : fromValueString).slice(0, digitDifference)).filter(c => c === ',').length;
+  const diffNumberCount = digitDifference - diffCommaCount;
+  const delta = diffCommaCount * commaWidth + diffNumberCount * numberWidth;
+  const fromX = isIncreasing ? -delta : 0;
+  const toX = isIncreasing ? 0 : -delta;
+  const translateX = useRef(new Animated.Value(fromX)).current;
+  useEffect(() => {
+    const animation = Animated.timing(translateX, {
+      useNativeDriver: true,
+      toValue: toX,
+      easing: Easing.out(Easing.exp),
+      duration,
+      delay
+    });
+    animation.start();
+    return animation.stop;
+  }, [delay, duration, toX, translateX]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      overflow: 'hidden'
+    }, {
+      transform: [{
+        translateX: translateX.interpolate({
+          inputRange: [-Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER],
+          outputRange: [Number.MAX_SAFE_INTEGER, -Number.MAX_SAFE_INTEGER]
+        })
+      }]
+    }, layout],
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        transform: [{
+          translateX
+        }]
+      },
+      children: [Array(maxDigit).fill(0).map((_, i) => {
+        const animationDeleyPerDigit = duration / maxDigit / 10;
+        const commonProps = {
+          txt,
+          txtConfig: {
+            ellipsizeMode: 'clip',
+            ...txtConfig
+          }
+        };
+        return /*#__PURE__*/_jsx(View, {
+          children: fromValueArray[i] === ',' || valueArray[i] === ',' ? /*#__PURE__*/_jsx(View, {
+            children: /*#__PURE__*/_jsx(CommaUnit, {
+              ...commonProps
+            })
+          }) : i < minimumDigitIndexToAnimated ? /*#__PURE__*/_jsx(View, {
+            children: /*#__PURE__*/_jsx(NumberUnit, {
+              ...commonProps,
+              value: Number(valueArray[i])
+            })
+          }) : /*#__PURE__*/_jsx(View, {
+            children: /*#__PURE__*/_jsx(AnimatedNumberUnit, {
+              ...commonProps,
+              value: Number(valueArray[i]),
+              fromValue: Number(fromValueArray[i]),
+              isIncreasing: isIncreasing,
+              duration: duration,
+              delay: delay + (isIncreasing ? (maxDigit - 1 - i) * animationDeleyPerDigit : i * animationDeleyPerDigit),
+              isLowDigit: i !== minimumDigitIndexToAnimated
+            })
+          })
+        }, maxDigit - i);
+      }), suffix ? TxtComponentByTypography[txt].render(suffix, txtConfig) : null]
+    })
+  });
+};
+const CommaUnit = ({
+  txt,
+  txtConfig
+}) => {
+  const commaWidth = commaWidthByTypography[txt];
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: commaWidth
+    },
+    children: TxtComponentByTypography[txt].render(',', {
+      ...txtConfig
+    })
+  });
+};
+const NumberUnit = ({
+  value,
+  txt,
+  txtConfig
+}) => {
+  const numberWidth = numberWidthByTypography[txt];
+  const numberHeight = numberHeightByTypography[txt];
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: numberWidth,
+      height: numberHeight
+    },
+    children: TxtComponentByTypography[txt].render(`${value}`, txtConfig)
+  });
+};
+const AnimatedNumberUnit = ({
+  value,
+  fromValue,
+  isIncreasing,
+  txt,
+  txtConfig,
+  duration,
+  delay,
+  isLowDigit = false
+}) => {
+  const numberWidth = numberWidthByTypography[txt];
+  const numberHeight = numberHeightByTypography[txt];
+  const valueDifference = (isIncreasing && value - fromValue > 0 ? value - fromValue : isIncreasing && value - fromValue <= 0 ? value + 10 - fromValue : !isIncreasing && value - fromValue >= 0 ? fromValue + 10 - value : !isIncreasing && value - fromValue < 0 ? fromValue - value : 0) + (isLowDigit ? 10 : 0);
+  const numbers = Array(valueDifference + 1).fill(isIncreasing ? fromValue : value).map((number, i) => (number + i) % 10);
+  const delta = numberHeight * valueDifference;
+  const fromY = isIncreasing ? -delta : 0;
+  const toY = isIncreasing ? 0 : -delta;
+  const translateY = useRef(new Animated.Value(fromY)).current;
+  useEffect(() => {
+    const animation = Animated.timing(translateY, {
+      useNativeDriver: true,
+      toValue: toY,
+      easing: Easing.out(Easing.cubic),
+      duration,
+      delay
+    });
+    animation.start();
+    return animation.stop;
+  }, [delay, duration, toY, translateY]);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: numberWidth,
+      height: numberHeight,
+      overflow: 'hidden'
+    },
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        transform: [{
+          translateY
+        }]
+      },
+      children: [...numbers].reverse().map((number, i) => TxtComponentByTypography[txt].render(`${number}`, {
+        key: i,
+        align: 'center',
+        ...txtConfig
+      }))
+    })
+  });
+};
+export { AnimatedNumber };
+//# sourceMappingURL=AnimatedNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Txt","useEffect","useRef","Animated","Easing","View","jsx","_jsx","jsxs","_jsxs","numberWidthByTypography","commaWidthByTypography","numberHeightByTypography","TxtComponentByTypography","H1","H2","H3","L","Medium","Bold","M","S","XS","AnimatedNumber","value","fromValue","txt","txtConfig","duration","delay","suffix","withComma","layout","numberWidth","commaWidth","isIncreasing","numberWithCommaRegex","fromValueString","toString","replace","valueString","digitDifference","Math","abs","length","maxDigit","max","fromValueArray","Array","from","padStart","valueArray","minimumDigitIndexToAnimated","findIndex","fromNumber","i","diffCommaCount","slice","filter","c","diffNumberCount","delta","fromX","toX","translateX","Value","current","animation","timing","useNativeDriver","toValue","easing","out","exp","start","stop","style","overflow","transform","interpolate","inputRange","Number","MAX_SAFE_INTEGER","outputRange","children","flexDirection","alignItems","fill","map","_","animationDeleyPerDigit","commonProps","ellipsizeMode","CommaUnit","NumberUnit","AnimatedNumberUnit","isLowDigit","render","width","numberHeight","height","valueDifference","numbers","number","fromY","toY","translateY","cubic","reverse","key","align"],"sourceRoot":"../../../src","sources":["component/AnimatedNumber.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Animation/etc/CircleEffectAnimation.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import Animated, { useSharedValue, useAnimatedProps, interpolate, Extrapolation, withTiming } from 'react-native-reanimated';
+import Svg, { Circle } from 'react-native-svg';
+import { useMount } from "../../../hook/index.js";
+import { palette } from "../../../theme/index.js";
+import { px } from "../../../util/index.js";
+import { Box } from "../../Box/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ACircle = Animated.createAnimatedComponent(Circle);
+export const CircleEffectAnimation = ({
+  childSize: size = 24,
+  children
+}) => {
+  const animValue = useSharedValue(0);
+  const effectSize = size * 5 / 3;
+  const maxStrokeWidth = size / 6;
+  const r1 = size / 12;
+  const r2 = size / 5;
+  const r3 = size / 8;
+  const ringAnimProps = useAnimatedProps(() => {
+    const strokeWidth = interpolate(animValue.value, [0, 0.05, 0.6], [maxStrokeWidth, maxStrokeWidth, 1]);
+    return {
+      r: size / 2 + maxStrokeWidth / 3 * 2 + (maxStrokeWidth - strokeWidth) / 2,
+      strokeWidth,
+      opacity: interpolate(animValue.value, [0, 0.05, 0.4, 0.5], [0, 0.25, 0.25, 0], Extrapolation.CLAMP)
+    };
+  }, []);
+  const circle1AnimProps = useAnimatedProps(() => {
+    return {
+      r: r1 * interpolate(animValue.value, [0, 0.05, 0.3, 1], [0.8, 1, 1, 0.7]),
+      opacity: interpolate(animValue.value, [0, 0.1, 0.5, 1], [0, 0.5, 0.5, 0]),
+      cx: effectSize / 2 * (1 - Math.cos(Math.PI / 4 - animValue.value / 6)),
+      cy: effectSize / 2 * (1 + Math.sin(Math.PI / 4 - animValue.value / 8))
+    };
+  }, []);
+  const circle2AnimProps = useAnimatedProps(() => {
+    const r_p = (size + maxStrokeWidth * 2) / 2 + interpolate(animValue.value, [0, 0.05, 0.8, 1], [-r2, -r2, 0]);
+    return {
+      r: r2 * interpolate(animValue.value, [0, 0.05, 0.3, 1], [0.8, 1, 1, 0.7]),
+      opacity: interpolate(animValue.value, [0, 0.1, 0.5, 1], [0, 0.5, 0.5, 0]),
+      cx: effectSize / 2 - r_p * Math.cos(Math.PI / 3),
+      cy: effectSize / 2 + r_p * Math.sin(Math.PI / 3)
+    };
+  }, []);
+  const circle3AnimProps = useAnimatedProps(() => {
+    const r_p = (size + maxStrokeWidth * 2) / 2 + r3 * animValue.value;
+    return {
+      r: r3 * interpolate(animValue.value, [0, 0.05, 0.3, 1], [0.8, 1, 1, 0.7]),
+      opacity: interpolate(animValue.value, [0, 0.1, 0.5, 1], [0, 1, 1, 0]),
+      cx: effectSize / 2 + r_p * Math.cos(Math.PI / 3),
+      cy: effectSize / 2 - r_p * Math.sin(Math.PI / 3)
+    };
+  }, []);
+  useMount(() => {
+    // animValue.value = withRepeat(withDelay(1000, withTiming(1, { duration: 500 })), -1, false);
+    animValue.value = withTiming(1, {
+      duration: 500
+    });
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    width: px(size),
+    alignSelf: 'center',
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      width: effectSize,
+      height: effectSize,
+      viewBox: `0 0 ${effectSize} ${effectSize}`,
+      style: {
+        position: 'absolute',
+        top: -(effectSize - size) / 2,
+        left: -(effectSize - size) / 2
+      },
+      children: [/*#__PURE__*/_jsx(ACircle, {
+        cx: effectSize / 2,
+        cy: effectSize / 2,
+        fill: 'transparent',
+        stroke: palette.violet500,
+        animatedProps: ringAnimProps
+      }), /*#__PURE__*/_jsx(ACircle, {
+        fill: palette.violet400,
+        animatedProps: circle1AnimProps
+      }), /*#__PURE__*/_jsx(ACircle, {
+        fill: palette.violet400,
+        animatedProps: circle2AnimProps
+      }), /*#__PURE__*/_jsx(ACircle, {
+        fill: palette.violet400,
+        animatedProps: circle3AnimProps
+      })]
+    }), children]
+  });
+};
+//# sourceMappingURL=CircleEffectAnimation.js.map

package/lib/module/component/Animation/etc/CircleEffectAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","useSharedValue","useAnimatedProps","interpolate","Extrapolation","withTiming","Svg","Circle","useMount","palette","px","Box","jsx","_jsx","jsxs","_jsxs","ACircle","createAnimatedComponent","CircleEffectAnimation","childSize","size","children","animValue","effectSize","maxStrokeWidth","r1","r2","r3","ringAnimProps","strokeWidth","value","r","opacity","CLAMP","circle1AnimProps","cx","Math","cos","PI","cy","sin","circle2AnimProps","r_p","circle3AnimProps","duration","width","alignSelf","height","viewBox","style","position","top","left","fill","stroke","violet500","animatedProps","violet400"],"sourceRoot":"../../../../../src","sources":["component/Animation/etc/CircleEffectAnimation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Animation/etc/FadeInOutLoop.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React, { useRef, useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const FadeInOutLoop = ({
+  style,
+  children,
+  durationIn = 500,
+  durationOut = 500,
+  opacityOut = 0,
+  delay = 0,
+  iterations = 1
+}) => {
+  const opacityValue = useRef(new Animated.Value(1)).current;
+  useEffect(() => {
+    const easing = Easing.inOut(Easing.cubic);
+    const anim = Animated.loop(Animated.sequence([Animated.loop(Animated.sequence([Animated.timing(opacityValue, {
+      useNativeDriver: true,
+      toValue: opacityOut,
+      duration: durationIn,
+      easing
+    }), Animated.timing(opacityValue, {
+      useNativeDriver: true,
+      toValue: 1,
+      duration: durationOut,
+      easing
+    })]), {
+      iterations
+    }), Animated.delay(delay)]));
+    anim.start();
+    return () => {
+      anim.stop();
+    };
+  }, [opacityValue, durationIn, durationOut, opacityOut, delay, iterations]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, {
+      opacity: opacityValue
+    }],
+    children: children
+  });
+};
+export { FadeInOutLoop };
+//# sourceMappingURL=FadeInOutLoop.js.map

package/lib/module/component/Animation/etc/FadeInOutLoop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","Animated","Easing","jsx","_jsx","FadeInOutLoop","style","children","durationIn","durationOut","opacityOut","delay","iterations","opacityValue","Value","current","easing","inOut","cubic","anim","loop","sequence","timing","useNativeDriver","toValue","duration","start","stop","View","opacity"],"sourceRoot":"../../../../../src","sources":["component/Animation/etc/FadeInOutLoop.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAEhD,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWhD,MAAMC,aAAa,GAAGA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,UAAU,GAAG,GAAG;EAChBC,WAAW,GAAG,GAAG;EACjBC,UAAU,GAAG,CAAC;EACdC,KAAK,GAAG,CAAC;EACTC,UAAU,GAAG;AACiB,CAAC,KAAK;EACpC,MAAMC,YAAY,GAAGd,MAAM,CAAC,IAAIE,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE1Df,SAAS,CAAC,MAAM;IACd,MAAMgB,MAAM,GAAGd,MAAM,CAACe,KAAK,CAACf,MAAM,CAACgB,KAAK,CAAC;IACzC,MAAMC,IAAI,GAAGlB,QAAQ,CAACmB,IAAI,CACxBnB,QAAQ,CAACoB,QAAQ,CAAC,CAChBpB,QAAQ,CAACmB,IAAI,CACXnB,QAAQ,CAACoB,QAAQ,CAAC,CAChBpB,QAAQ,CAACqB,MAAM,CAACT,YAAY,EAAE;MAC5BU,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAEd,UAAU;MACnBe,QAAQ,EAAEjB,UAAU;MACpBQ;IACF,CAAC,CAAC,EACFf,QAAQ,CAACqB,MAAM,CAACT,YAAY,EAAE;MAAEU,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAEhB,WAAW;MAAEO;IAAO,CAAC,CAAC,CACpG,CAAC,EACF;MAAEJ;IAAW,CACf,CAAC,EACDX,QAAQ,CAACU,KAAK,CAACA,KAAK,CAAC,CACtB,CACH,CAAC;IAEDQ,IAAI,CAACO,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXP,IAAI,CAACQ,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACd,YAAY,EAAEL,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAEC,KAAK,EAAEC,UAAU,CAAC,CAAC;EAE1E,oBACER,IAAA,CAACH,QAAQ,CAAC2B,IAAI;IACZtB,KAAK,EAAE,CACLA,KAAK,EACL;MACEuB,OAAO,EAAEhB;IACX,CAAC,CACD;IAAAN,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAED,SAASF,aAAa","ignoreList":[]}

package/lib/module/component/Animation/etc/LeftAndRight.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { useMount } from '@teamturing/react-native-kit';
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LeftAndRight = ({
+  style,
+  children,
+  duration = 400,
+  translation = 4
+}) => {
+  const animValue = useSharedValue(0);
+  const animStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: animValue.value
+    }]
+  }));
+  useMount(() => {
+    animValue.value = withRepeat(withTiming(translation, {
+      duration: duration,
+      easing: Easing.inOut(Easing.quad)
+    }), -1, true);
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, animStyle],
+    children: children
+  });
+};
+export { LeftAndRight };
+//# sourceMappingURL=LeftAndRight.js.map

package/lib/module/component/Animation/etc/LeftAndRight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMount","Animated","useSharedValue","useAnimatedStyle","withRepeat","withTiming","Easing","jsx","_jsx","LeftAndRight","style","children","duration","translation","animValue","animStyle","transform","translateX","value","easing","inOut","quad","View"],"sourceRoot":"../../../../../src","sources":["component/Animation/etc/LeftAndRight.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,8BAA8B;AAGvD,OAAOC,QAAQ,IAAIC,cAAc,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,MAAM,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrH,MAAMC,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,GAAG;EAAEC,WAAW,GAAG;AAA4B,CAAC,KAAK;EACvG,MAAMC,SAAS,GAAGZ,cAAc,CAAC,CAAC,CAAC;EACnC,MAAMa,SAAS,GAAGZ,gBAAgB,CAAC,OAAO;IACxCa,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEH,SAAS,CAACI;IAAM,CAAC;EAC7C,CAAC,CAAC,CAAC;EACHlB,QAAQ,CAAC,MAAM;IACbc,SAAS,CAACI,KAAK,GAAGd,UAAU,CAC1BC,UAAU,CAACQ,WAAW,EAAE;MAAED,QAAQ,EAAEA,QAAQ;MAAEO,MAAM,EAAEb,MAAM,CAACc,KAAK,CAACd,MAAM,CAACe,IAAI;IAAE,CAAC,CAAC,EAClF,CAAC,CAAC,EACF,IACF,CAAC;EACH,CAAC,CAAC;EACF,oBAAOb,IAAA,CAACP,QAAQ,CAACqB,IAAI;IAACZ,KAAK,EAAE,CAACA,KAAK,EAAEK,SAAS,CAAE;IAAAJ,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAC7E,CAAC;AAED,SAASF,YAAY","ignoreList":[]}

package/lib/module/component/Animation/etc/Pulse.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import React, { useRef, useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Pulse = ({
+  style,
+  children,
+  scaleX = 1.1,
+  scaleY = 1.1,
+  durationIn = 500,
+  durationOut = 500,
+  translateYOffset = 0
+}) => {
+  const scaleXValue = useRef(new Animated.Value(1)).current;
+  const scaleYValue = useRef(new Animated.Value(1)).current;
+  useEffect(() => {
+    const easing = Easing.inOut(Easing.cubic);
+    const xAnim = Animated.sequence([Animated.timing(scaleXValue, {
+      useNativeDriver: true,
+      toValue: scaleX,
+      duration: durationIn,
+      easing
+    }), Animated.timing(scaleXValue, {
+      useNativeDriver: true,
+      toValue: 1,
+      duration: durationOut,
+      easing
+    })]);
+    const yAnim = Animated.sequence([Animated.timing(scaleYValue, {
+      useNativeDriver: true,
+      toValue: scaleY,
+      duration: durationIn,
+      easing
+    }), Animated.timing(scaleYValue, {
+      useNativeDriver: true,
+      toValue: 1,
+      duration: durationOut,
+      easing
+    })]);
+    const anim = Animated.loop(Animated.parallel([xAnim, yAnim]), {
+      resetBeforeIteration: true
+    });
+    anim.start();
+    return () => {
+      anim.stop();
+    };
+  }, [scaleXValue, scaleYValue, scaleX, scaleY, durationIn, durationOut]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, {
+      transform: [{
+        translateY: translateYOffset
+      }, {
+        scaleX: scaleXValue
+      }, {
+        scaleY: scaleYValue
+      }, {
+        translateY: -translateYOffset
+      }]
+    }],
+    children: children
+  });
+};
+export { Pulse };
+//# sourceMappingURL=Pulse.js.map

package/lib/module/component/Animation/etc/Pulse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","Animated","Easing","jsx","_jsx","Pulse","style","children","scaleX","scaleY","durationIn","durationOut","translateYOffset","scaleXValue","Value","current","scaleYValue","easing","inOut","cubic","xAnim","sequence","timing","useNativeDriver","toValue","duration","yAnim","anim","loop","parallel","resetBeforeIteration","start","stop","View","transform","translateY"],"sourceRoot":"../../../../../src","sources":["component/Animation/etc/Pulse.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAEhD,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYhD,MAAMC,KAAK,GAAGA,CAAC;EACbC,KAAK;EACLC,QAAQ;EACRC,MAAM,GAAG,GAAG;EACZC,MAAM,GAAG,GAAG;EACZC,UAAU,GAAG,GAAG;EAChBC,WAAW,GAAG,GAAG;EACjBC,gBAAgB,GAAG;AACW,CAAC,KAAK;EACpC,MAAMC,WAAW,GAAGd,MAAM,CAAC,IAAIE,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACzD,MAAMC,WAAW,GAAGjB,MAAM,CAAC,IAAIE,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEzDf,SAAS,CAAC,MAAM;IACd,MAAMiB,MAAM,GAAGf,MAAM,CAACgB,KAAK,CAAChB,MAAM,CAACiB,KAAK,CAAC;IACzC,MAAMC,KAAK,GAAGnB,QAAQ,CAACoB,QAAQ,CAAC,CAC9BpB,QAAQ,CAACqB,MAAM,CAACT,WAAW,EAAE;MAC3BU,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAEhB,MAAM;MACfiB,QAAQ,EAAEf,UAAU;MACpBO;IACF,CAAC,CAAC,EACFhB,QAAQ,CAACqB,MAAM,CAACT,WAAW,EAAE;MAAEU,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAEd,WAAW;MAAEM;IAAO,CAAC,CAAC,CACnG,CAAC;IACF,MAAMS,KAAK,GAAGzB,QAAQ,CAACoB,QAAQ,CAAC,CAC9BpB,QAAQ,CAACqB,MAAM,CAACN,WAAW,EAAE;MAC3BO,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAEf,MAAM;MACfgB,QAAQ,EAAEf,UAAU;MACpBO;IACF,CAAC,CAAC,EACFhB,QAAQ,CAACqB,MAAM,CAACN,WAAW,EAAE;MAAEO,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAEd,WAAW;MAAEM;IAAO,CAAC,CAAC,CACnG,CAAC;IAEF,MAAMU,IAAI,GAAG1B,QAAQ,CAAC2B,IAAI,CAAC3B,QAAQ,CAAC4B,QAAQ,CAAC,CAACT,KAAK,EAAEM,KAAK,CAAC,CAAC,EAAE;MAAEI,oBAAoB,EAAE;IAAK,CAAC,CAAC;IAE7FH,IAAI,CAACI,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXJ,IAAI,CAACK,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACnB,WAAW,EAAEG,WAAW,EAAER,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,WAAW,CAAC,CAAC;EAEvE,oBACEP,IAAA,CAACH,QAAQ,CAACgC,IAAI;IACZ3B,KAAK,EAAE,CACLA,KAAK,EACL;MACE4B,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEvB;MAAiB,CAAC,EAChC;QAAEJ,MAAM,EAAEK;MAAY,CAAC,EACvB;QAAEJ,MAAM,EAAEO;MAAY,CAAC,EACvB;QAAEmB,UAAU,EAAE,CAACvB;MAAiB,CAAC;IAErC,CAAC,CACD;IAAAL,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAED,SAASF,KAAK","ignoreList":[]}

package/lib/module/component/Animation/etc/UpAndDown.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { useMount } from '@teamturing/react-native-kit';
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const UpAndDown = ({
+  style,
+  children,
+  duration = 400,
+  translation = 4
+}) => {
+  const animValue = useSharedValue(0);
+  const animStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: animValue.value
+    }]
+  }));
+  useMount(() => {
+    animValue.value = withRepeat(withTiming(translation, {
+      duration: duration,
+      easing: Easing.inOut(Easing.quad)
+    }), -1, true);
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, animStyle],
+    children: children
+  });
+};
+export { UpAndDown };
+//# sourceMappingURL=UpAndDown.js.map

package/lib/module/component/Animation/etc/UpAndDown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMount","Animated","useSharedValue","useAnimatedStyle","withRepeat","withTiming","Easing","jsx","_jsx","UpAndDown","style","children","duration","translation","animValue","animStyle","transform","translateY","value","easing","inOut","quad","View"],"sourceRoot":"../../../../../src","sources":["component/Animation/etc/UpAndDown.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,8BAA8B;AAGvD,OAAOC,QAAQ,IAAIC,cAAc,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,MAAM,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrH,MAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,GAAG;EAAEC,WAAW,GAAG;AAA4B,CAAC,KAAK;EACpG,MAAMC,SAAS,GAAGZ,cAAc,CAAC,CAAC,CAAC;EACnC,MAAMa,SAAS,GAAGZ,gBAAgB,CAAC,OAAO;IACxCa,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEH,SAAS,CAACI;IAAM,CAAC;EAC7C,CAAC,CAAC,CAAC;EACHlB,QAAQ,CAAC,MAAM;IACbc,SAAS,CAACI,KAAK,GAAGd,UAAU,CAC1BC,UAAU,CAACQ,WAAW,EAAE;MAAED,QAAQ,EAAEA,QAAQ;MAAEO,MAAM,EAAEb,MAAM,CAACc,KAAK,CAACd,MAAM,CAACe,IAAI;IAAE,CAAC,CAAC,EAClF,CAAC,CAAC,EACF,IACF,CAAC;EACH,CAAC,CAAC;EACF,oBAAOb,IAAA,CAACP,QAAQ,CAACqB,IAAI;IAACZ,KAAK,EAAE,CAACA,KAAK,EAAEK,SAAS,CAAE;IAAAJ,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAC7E,CAAC;AAED,SAASF,SAAS","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+export * from "./CircleEffectAnimation.js";
+export * from "./FadeInOutLoop.js";
+export * from "./LeftAndRight.js";
+export * from "./Pulse.js";
+export * from "./UpAndDown.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["component/Animation/etc/index.ts"],"mappings":";;AAAA,cAAc,4BAAyB;AACvC,cAAc,oBAAiB;AAC/B,cAAc,mBAAgB;AAC9B,cAAc,YAAS;AACvB,cAAc,gBAAa","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"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 FadeIn = /*#__PURE__*/forwardRef(({
+  duration = 500,
+  alphaFrom = 0,
+  alphaTo = 1,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/_jsx(ImperativeAnimation, {
+    ref: ref,
+    startAnimationValue: alphaFrom,
+    buildAnimation: value => Animated.timing(value, {
+      useNativeDriver: true,
+      toValue: alphaTo,
+      duration
+    }),
+    buildAnimatedStyle: value => ({
+      opacity: value
+    }),
+    ...rest
+  });
+});
+//# sourceMappingURL=FadeIn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Animated","ImperativeAnimation","jsx","_jsx","FadeIn","duration","alphaFrom","alphaTo","rest","ref","startAnimationValue","buildAnimation","value","timing","useNativeDriver","toValue","buildAnimatedStyle","opacity"],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/FadeIn.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAAqEC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxH,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAC9B,CAAC;EAAEM,QAAQ,GAAG,GAAG;EAAEC,SAAS,GAAG,CAAC;EAAEC,OAAO,GAAG,CAAC;EAAE,GAAGC;AAAY,CAAC,EAAEC,GAAsC,KAAK;EAC1G,oBACEN,IAAA,CAACF,mBAAmB;IAClBQ,GAAG,EAAEA,GAAI;IACTC,mBAAmB,EAAEJ,SAAU;IAC/BK,cAAc,EAAGC,KAAK,IAAKZ,QAAQ,CAACa,MAAM,CAACD,KAAK,EAAE;MAAEE,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAER,OAAO;MAAEF;IAAS,CAAC,CAAE;IACzGW,kBAAkB,EAAGJ,KAAK,KAAM;MAAEK,OAAO,EAAEL;IAAM,CAAC,CAAE;IAAA,GAChDJ;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"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 FadeInOut = /*#__PURE__*/forwardRef(({
+  duration = 5000,
+  fadeInDuration = 500,
+  fadeOutDuration = 500,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/_jsx(ImperativeAnimation, {
+    ref: ref,
+    buildAnimation: value => Animated.sequence([Animated.timing(value, {
+      useNativeDriver: true,
+      toValue: 1,
+      duration: fadeInDuration
+    }), Animated.delay(Math.max(0, duration - (fadeInDuration + fadeOutDuration))), Animated.timing(value, {
+      useNativeDriver: true,
+      toValue: 0,
+      duration: fadeOutDuration
+    })]),
+    buildAnimatedStyle: value => ({
+      opacity: value
+    }),
+    ...rest
+  });
+});
+//# sourceMappingURL=FadeInOut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Animated","ImperativeAnimation","jsx","_jsx","FadeInOut","duration","fadeInDuration","fadeOutDuration","rest","ref","buildAnimation","value","sequence","timing","useNativeDriver","toValue","delay","Math","max","buildAnimatedStyle","opacity"],"sourceRoot":"../../../../../src","sources":["component/Animation/imperative/FadeInOut.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAAqEC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxH,OAAO,MAAMC,SAAS,gBAAGL,UAAU,CACjC,CACE;EAAEM,QAAQ,GAAG,IAAI;EAAEC,cAAc,GAAG,GAAG;EAAEC,eAAe,GAAG,GAAG;EAAE,GAAGC;AAAY,CAAC,EAChFC,GAAsC,KACnC;EACH,oBACEN,IAAA,CAACF,mBAAmB;IAClBQ,GAAG,EAAEA,GAAI;IACTC,cAAc,EAAGC,KAAK,IACpBX,QAAQ,CAACY,QAAQ,CAAC,CAChBZ,QAAQ,CAACa,MAAM,CAACF,KAAK,EAAE;MAAEG,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAEV,QAAQ,EAAEC;IAAe,CAAC,CAAC,EACvFN,QAAQ,CAACgB,KAAK,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEb,QAAQ,IAAIC,cAAc,GAAGC,eAAe,CAAC,CAAC,CAAC,EAC1EP,QAAQ,CAACa,MAAM,CAACF,KAAK,EAAE;MAAEG,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAE,CAAC;MAAEV,QAAQ,EAAEE;IAAgB,CAAC,CAAC,CACzF,CACF;IACDY,kBAAkB,EAAGR,KAAK,KAAM;MAAES,OAAO,EAAET;IAAM,CAAC,CAAE;IAAA,GAChDH;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}