@teamturing/react-native-kit 0.1.0 → 1.2.0

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

@@ -0,0 +1,56 @@
+"use strict";
+
+import { is } from '@teamturing/react-native-kit';
+import BaseLottie from 'lottie-react-native';
+import { useState, useEffect, forwardRef } from 'react';
+import { AppState, Platform, StyleSheet } from 'react-native';
+import { Box } from "../Box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Lottie = /*#__PURE__*/forwardRef(({
+  delay = 0,
+  autoPlay = true,
+  dontRestartStateChangedToActive = false,
+  style,
+  ...props
+}, ref) => {
+  const [isDelaying, setDelaying] = useState(true);
+  useEffect(() => {
+    if (delay > 0) {
+      setDelaying(true);
+      const t = setTimeout(() => setDelaying(false), delay);
+      return () => clearTimeout(t);
+    }
+  }, [delay]);
+  useEffect(() => {
+    if (autoPlay) {
+      const subscription = AppState.addEventListener('change', state => {
+        if (state === 'active' && !dontRestartStateChangedToActive && is.object(ref) && ref.current) {
+          ref.current?.play();
+        }
+      });
+      return subscription.remove;
+    }
+  }, [autoPlay, dontRestartStateChangedToActive, ref]);
+  if (delay > 0 && isDelaying) {
+    return null;
+  }
+  if (!props.source) {
+    return null;
+  }
+  return Platform.OS === 'web' ? /*#__PURE__*/_jsx(Box, {
+    style: style,
+    children: /*#__PURE__*/_jsx(BaseLottie, {
+      ref: ref,
+      style: StyleSheet.absoluteFillObject,
+      ...props,
+      autoPlay: autoPlay
+    })
+  }) : /*#__PURE__*/_jsx(BaseLottie, {
+    ref: ref,
+    style: style,
+    ...props,
+    autoPlay: autoPlay
+  });
+});
+export { Lottie };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["is","BaseLottie","useState","useEffect","forwardRef","AppState","Platform","StyleSheet","Box","jsx","_jsx","Lottie","delay","autoPlay","dontRestartStateChangedToActive","style","props","ref","isDelaying","setDelaying","t","setTimeout","clearTimeout","subscription","addEventListener","state","object","current","play","remove","source","OS","children","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["component/Lottie/index.tsx"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,8BAA8B;AAEjD,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAkD,OAAO;AACjG,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAE7D,SAASC,GAAG,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO7B,MAAMC,MAAM,gBAAGP,UAAU,CACvB,CACE;EAAEQ,KAAK,GAAG,CAAC;EAAEC,QAAQ,GAAG,IAAI;EAAEC,+BAA+B,GAAG,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAa,CAAC,EAC/FC,GAA6B,KAC1B;EACH,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAChDC,SAAS,CAAC,MAAM;IACd,IAAIS,KAAK,GAAG,CAAC,EAAE;MACbO,WAAW,CAAC,IAAI,CAAC;MACjB,MAAMC,CAAC,GAAGC,UAAU,CAAC,MAAMF,WAAW,CAAC,KAAK,CAAC,EAAEP,KAAK,CAAC;MACrD,OAAO,MAAMU,YAAY,CAACF,CAAC,CAAC;IAC9B;EACF,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EACXT,SAAS,CAAC,MAAM;IACd,IAAIU,QAAQ,EAAE;MACZ,MAAMU,YAAY,GAAGlB,QAAQ,CAACmB,gBAAgB,CAAC,QAAQ,EAAGC,KAAK,IAAK;QAClE,IACEA,KAAK,KAAK,QAAQ,IAClB,CAACX,+BAA+B,IAChCd,EAAE,CAAC0B,MAAM,CAACT,GAAG,CAAC,IACbA,GAAG,CAAkCU,OAAO,EAC7C;UACCV,GAAG,CAAkCU,OAAO,EAAEC,IAAI,CAAC,CAAC;QACvD;MACF,CAAC,CAAC;MACF,OAAOL,YAAY,CAACM,MAAM;IAC5B;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEC,+BAA+B,EAAEG,GAAG,CAAC,CAAC;EACpD,IAAIL,KAAK,GAAG,CAAC,IAAIM,UAAU,EAAE;IAC3B,OAAO,IAAI;EACb;EACA,IAAI,CAACF,KAAK,CAACc,MAAM,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,OAAOxB,QAAQ,CAACyB,EAAE,KAAK,KAAK,gBAC1BrB,IAAA,CAACF,GAAG;IAACO,KAAK,EAAEA,KAAM;IAAAiB,QAAA,eAChBtB,IAAA,CAACT,UAAU;MAACgB,GAAG,EAAEA,GAAI;MAACF,KAAK,EAAER,UAAU,CAAC0B,kBAAmB;MAAA,GAAKjB,KAAK;MAAEH,QAAQ,EAAEA;IAAS,CAAE;EAAC,CAC1F,CAAC,gBAENH,IAAA,CAACT,UAAU;IAACgB,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAEH,QAAQ,EAAEA;EAAS,CAAE,CACrE;AACH,CACF,CAAC;AAED,SAASF,MAAM","ignoreList":[]}

package/lib/module/component/MarqueeView.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { is, Txt } from '@teamturing/react-native-kit';
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, ScrollView } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const MarqueeView = ({
+  children,
+  style,
+  contentContainerStyle,
+  textStyle,
+  duration,
+  reverse = false
+}) => {
+  // region ANIM
+  const [viewRect, setViewRect] = useState();
+  const [contentRect, setContentRect] = useState();
+  const [widthDiff, setWidthDiff] = useState(0);
+  const animValue = useRef(new Animated.Value(0)).current;
+  const translateX = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, -widthDiff - 12]
+  });
+  useEffect(() => {
+    if (!viewRect || !contentRect) {
+      return;
+    }
+    const viewWidth = viewRect.width;
+    const textWidth = contentRect.width;
+    animValue.setValue(0);
+    setWidthDiff(0);
+    if (textWidth > viewWidth) {
+      const diff = textWidth - viewWidth;
+      setWidthDiff(diff);
+      const loop = Animated.loop(Animated.sequence([Animated.timing(animValue, {
+        useNativeDriver: true,
+        easing: Easing.linear,
+        toValue: 1,
+        duration: is.number(duration) ? duration : (viewWidth + diff) * 30
+      }), Animated.delay(1000), reverse ? Animated.timing(animValue, {
+        useNativeDriver: true,
+        easing: Easing.linear,
+        toValue: 0,
+        duration: is.number(duration) ? duration : (viewWidth + diff) * 30
+      }) : Animated.timing(animValue, {
+        useNativeDriver: true,
+        easing: Easing.linear,
+        toValue: 0,
+        duration: 0
+      }), Animated.delay(1000)]));
+      loop.start();
+      return () => {
+        loop.stop();
+      };
+    }
+  }, [viewRect, contentRect, animValue, duration, reverse]);
+  // endregion
+
+  return /*#__PURE__*/_jsx(ScrollView, {
+    testID: 'MarqueeText 스크롤뷰',
+    scrollEnabled: false,
+    showsHorizontalScrollIndicator: false,
+    showsVerticalScrollIndicator: false,
+    horizontal: true,
+    contentContainerStyle: contentContainerStyle,
+    style: [style, {
+      flexGrow: 0
+    }],
+    onLayout: e => setViewRect(e.nativeEvent.layout),
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        transform: [{
+          translateX
+        }]
+      }],
+      onLayout: e => setContentRect(e.nativeEvent.layout),
+      children: is.string(children) ? Txt.XS.Gray900.render(children, {
+        numberOfLines: 1,
+        style: textStyle
+      }) : /*#__PURE__*/React.isValidElement(children) ? children : null
+    })
+  });
+};
+export { MarqueeView };
+//# sourceMappingURL=MarqueeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["is","Txt","React","useEffect","useRef","useState","Animated","Easing","ScrollView","jsx","_jsx","MarqueeView","children","style","contentContainerStyle","textStyle","duration","reverse","viewRect","setViewRect","contentRect","setContentRect","widthDiff","setWidthDiff","animValue","Value","current","translateX","interpolate","inputRange","outputRange","viewWidth","width","textWidth","setValue","diff","loop","sequence","timing","useNativeDriver","easing","linear","toValue","number","delay","start","stop","testID","scrollEnabled","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","horizontal","flexGrow","onLayout","e","nativeEvent","layout","View","transform","string","XS","Gray900","render","numberOfLines","isValidElement"],"sourceRoot":"../../../src","sources":["component/MarqueeView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/NumberBadge.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { is, palette, spacing, Txt } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const NumberBadge = ({
+  count = 0,
+  maxCount = 99,
+  style,
+  text: textProp,
+  borderWidth = 2,
+  borderColor = 'white',
+  backgroundColor = 'red500',
+  textColor = 'white'
+}) => {
+  if (count === 0 && !is.notEmptyString(textProp)) {
+    return null;
+  }
+  const text = is.notEmptyString(textProp) ? textProp : count <= maxCount ? count + '' : `${maxCount}+`;
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      backgroundColor: palette[borderColor],
+      padding: borderWidth,
+      borderRadius: 999,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, style],
+    pointerEvents: 'none',
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: palette[backgroundColor],
+        borderRadius: 999,
+        paddingHorizontal: spacing[1],
+        minWidth: 19,
+        minHeight: 19
+      },
+      children: Txt.XXS.Medium.Color(palette[textColor]).render(text)
+    })
+  });
+};
+export { NumberBadge };
+//# sourceMappingURL=NumberBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["is","palette","spacing","Txt","View","jsx","_jsx","NumberBadge","count","maxCount","style","text","textProp","borderWidth","borderColor","backgroundColor","textColor","notEmptyString","padding","borderRadius","justifyContent","alignItems","pointerEvents","children","paddingHorizontal","minWidth","minHeight","XXS","Medium","Color","render"],"sourceRoot":"../../../src","sources":["component/NumberBadge.tsx"],"mappings":";;AAAA,SAA4BA,EAAE,EAAEC,OAAO,EAAEC,OAAO,EAAEC,GAAG,QAAQ,8BAA8B;AAE3F,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYpC,MAAMC,WAAW,GAAGA,CAAC;EACnBC,KAAK,GAAG,CAAC;EACTC,QAAQ,GAAG,EAAE;EACbC,KAAK;EACLC,IAAI,EAAEC,QAAQ;EACdC,WAAW,GAAG,CAAC;EACfC,WAAW,GAAG,OAAO;EACrBC,eAAe,GAAG,QAAQ;EAC1BC,SAAS,GAAG;AACP,CAAC,KAAK;EACX,IAAIR,KAAK,KAAK,CAAC,IAAI,CAACR,EAAE,CAACiB,cAAc,CAACL,QAAQ,CAAC,EAAE;IAC/C,OAAO,IAAI;EACb;EACA,MAAMD,IAAI,GAAGX,EAAE,CAACiB,cAAc,CAACL,QAAQ,CAAC,GAAGA,QAAQ,GAAGJ,KAAK,IAAIC,QAAQ,GAAGD,KAAK,GAAG,EAAE,GAAG,GAAGC,QAAQ,GAAG;EACrG,oBACEH,IAAA,CAACF,IAAI;IACHM,KAAK,EAAE,CACL;MACEK,eAAe,EAAEd,OAAO,CAACa,WAAW,CAAC;MACrCI,OAAO,EAAEL,WAAW;MACpBM,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC,EACDX,KAAK,CACL;IACFY,aAAa,EAAE,MAAO;IAAAC,QAAA,eAEtBjB,IAAA,CAACF,IAAI;MACHM,KAAK,EAAE;QACLW,UAAU,EAAE,QAAQ;QACpBD,cAAc,EAAE,QAAQ;QACxBL,eAAe,EAAEd,OAAO,CAACc,eAAe,CAAC;QACzCI,YAAY,EAAE,GAAG;QACjBK,iBAAiB,EAAEtB,OAAO,CAAC,CAAC,CAAC;QAC7BuB,QAAQ,EAAE,EAAE;QACZC,SAAS,EAAE;MACb,CAAE;MAAAH,QAAA,EAEDpB,GAAG,CAACwB,GAAG,CAACC,MAAM,CAACC,KAAK,CAAC5B,OAAO,CAACe,SAAS,CAAC,CAAC,CAACc,MAAM,CAACnB,IAAI;IAAC,CAClD;EAAC,CACH,CAAC;AAEX,CAAC;AAED,SAASJ,WAAW","ignoreList":[]}

package/lib/module/component/OnMountEvent.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { useMount } from '@teamturing/react-native-kit';
+const OnMountEvent = ({
+  onMount,
+  children = null
+}) => {
+  useMount(onMount);
+  return children;
+};
+export { OnMountEvent };
+//# sourceMappingURL=OnMountEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMount","OnMountEvent","onMount","children"],"sourceRoot":"../../../src","sources":["component/OnMountEvent.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,8BAA8B;AAIvD,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,QAAQ,GAAG;AAAY,CAAC,KAAK;EAC5DH,QAAQ,CAACE,OAAO,CAAC;EACjB,OAAOC,QAAQ;AACjB,CAAC;AAED,SAASF,YAAY","ignoreList":[]}

package/lib/module/component/PaginatedFlashList.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { FlashList } from '@shopify/flash-list';
+import { useStableCallback, is, useScrollViewOnEndReachedConfig } from '@teamturing/react-native-kit';
+import { useImperativeHandle, useRef, useState, forwardRef } from 'react';
+import { View } from 'react-native';
+import { LoadingIndicator } from "./LoadingIndicator.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Note:
+ * - `onEndReached` and `onStartReached` must return a promise.
+ * - `onEndReached` and `onStartReached` only get called once, per content length.
+ * - maintainVisibleContentPosition is fixed, and can't be modified through props.
+ * - doesn't accept `ListFooterComponent` via prop, since it is occupied by `FooterLoadingIndicator`.
+ *    Set `showDefaultLoadingIndicators` to use `ListFooterComponent`.
+ * - doesn't accept `ListHeaderComponent` via prop, since it is occupied by `HeaderLoadingIndicator`
+ *    Set `showDefaultLoadingIndicators` to use `ListHeaderComponent`.
+ */
+// eslint-disable-next-line react/display-name
+export const PaginatedFlashList = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    data,
+    ListHeaderComponent,
+    ListFooterComponent,
+    onEndReached = () => Promise.resolve(),
+    onScroll,
+    onStartReached = () => Promise.resolve(),
+    showFooterIndicator,
+    showHeaderIndicator
+  } = props;
+  const listRef = useRef(null);
+  const [onStartReachedInProgress, setOnStartReachedInProgress] = useState(false);
+  const [onEndReachedInProgress, setOnEndReachedInProgress] = useState(false);
+  const onStartReachedTracker = useRef({});
+  const onEndReachedTracker = useRef({});
+  const onStartReachedInPromise = useRef(null);
+  const onEndReachedInPromise = useRef(null);
+  const maybeCallOnStartReached = () => {
+    // If onStartReached has already been called for given data length, then ignore.
+    if (data?.length && onStartReachedTracker.current[data.length]) {
+      return;
+    }
+    const setIsStarted = () => {
+      if (data?.length) {
+        onStartReachedTracker.current[data.length] = true;
+      }
+      setOnStartReachedInProgress(true);
+    };
+    const p = () => {
+      return new Promise(resolve => {
+        onStartReachedInPromise.current = null;
+        setOnStartReachedInProgress(false);
+        resolve();
+      });
+    };
+    if (onEndReachedInPromise.current) {
+      onEndReachedInPromise.current.finally(() => {
+        setIsStarted();
+        onStartReachedInPromise.current = onStartReached().then(p);
+      });
+    } else if (!onStartReachedInPromise.current) {
+      setIsStarted();
+      onStartReachedInPromise.current = onStartReached().then(p);
+    }
+  };
+  const maybeCallOnEndReached = () => {
+    // If onEndReached has already been called for given data length, then ignore.
+    if (data?.length && onEndReachedTracker.current[data.length]) {
+      return;
+    }
+    const setIsStarted = () => {
+      if (data?.length) {
+        onEndReachedTracker.current[data.length] = true;
+      }
+      setOnEndReachedInProgress(true);
+    };
+    const p = () => {
+      return new Promise(resolve => {
+        onEndReachedInPromise.current = null;
+        setOnEndReachedInProgress(false);
+        resolve();
+      });
+    };
+    if (onStartReachedInPromise.current) {
+      onStartReachedInPromise.current.finally(() => {
+        setIsStarted();
+        onEndReachedInPromise.current = onEndReached().then(p);
+      });
+    } else if (!onEndReachedInPromise.current) {
+      setIsStarted();
+      onEndReachedInPromise.current = onEndReached().then(p);
+    }
+  };
+  const isFirstScrollEvent = useRef(true);
+  const handleScroll = useStableCallback(event => {
+    if (isFirstScrollEvent.current) {
+      // adjust initial scroll offset in MVCP mode
+      isFirstScrollEvent.current = false;
+      return;
+    }
+    // Call the parent onScroll handler, if provided.
+    onScroll?.(event);
+    const offset = event.nativeEvent.contentOffset.y;
+
+    // Check if scroll has reached either start of end of list.
+    const isScrollAtStart = offset < 30;
+    if (isScrollAtStart) {
+      maybeCallOnStartReached();
+    }
+  });
+  const renderHeaderLoadingIndicator = useStableCallback(() => {
+    return /*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [ListHeaderComponent ? ListHeaderComponent : null, !onStartReachedInProgress || is.boolean(showHeaderIndicator) && !showHeaderIndicator ? null : /*#__PURE__*/_jsx(LoadingIndicator, {
+          style: {
+            height: 50
+          }
+        })]
+      })
+    });
+  });
+  const renderFooterLoadingIndicator = useStableCallback(() => {
+    return /*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [!onEndReachedInProgress || is.boolean(showFooterIndicator) && !showFooterIndicator ? null : /*#__PURE__*/_jsx(LoadingIndicator, {
+          style: {
+            height: 40
+          }
+        }), ListFooterComponent ? ListFooterComponent : null]
+      })
+    });
+  });
+  useImperativeHandle(ref, () => ({
+    scrollToTop: arg => {
+      listRef.current?.scrollToOffset({
+        animated: arg?.animated || false,
+        offset: 0
+      });
+    },
+    scrollToOffset: params => {
+      listRef.current?.scrollToOffset(params);
+    },
+    resetTracker: () => {
+      onStartReachedTracker.current = {};
+      onEndReachedTracker.current = {};
+    },
+    scrollToIndex: params => listRef.current?.scrollToIndex(params),
+    scrollToItem: (...params) => listRef.current?.scrollToItem(...params)
+  }), []);
+  const OnEndReached = useScrollViewOnEndReachedConfig({
+    disabled: onEndReachedInProgress,
+    onEndReached: maybeCallOnEndReached
+  });
+  return /*#__PURE__*/_jsx(FlashList, {
+    ...props,
+    ref: listRef,
+    ListHeaderComponent: renderHeaderLoadingIndicator,
+    ListFooterComponent: renderFooterLoadingIndicator,
+    onScroll: handleScroll,
+    ...OnEndReached
+  });
+});
+//# sourceMappingURL=PaginatedFlashList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FlashList","useStableCallback","is","useScrollViewOnEndReachedConfig","useImperativeHandle","useRef","useState","forwardRef","View","LoadingIndicator","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PaginatedFlashList","props","ref","data","ListHeaderComponent","ListFooterComponent","onEndReached","Promise","resolve","onScroll","onStartReached","showFooterIndicator","showHeaderIndicator","listRef","onStartReachedInProgress","setOnStartReachedInProgress","onEndReachedInProgress","setOnEndReachedInProgress","onStartReachedTracker","onEndReachedTracker","onStartReachedInPromise","onEndReachedInPromise","maybeCallOnStartReached","length","current","setIsStarted","p","finally","then","maybeCallOnEndReached","isFirstScrollEvent","handleScroll","event","offset","nativeEvent","contentOffset","y","isScrollAtStart","renderHeaderLoadingIndicator","children","boolean","style","height","renderFooterLoadingIndicator","scrollToTop","arg","scrollToOffset","animated","params","resetTracker","scrollToIndex","scrollToItem","OnEndReached","disabled"],"sourceRoot":"../../../src","sources":["component/PaginatedFlashList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/PaginatedFlatList.js

@@ -0,0 +1,166 @@
+"use strict";
+
+import { useStableCallback, is, useScrollViewOnEndReachedConfig } from '@teamturing/react-native-kit';
+import React, { useImperativeHandle, useRef, useState } from 'react';
+import { FlatList, View } from 'react-native';
+import { LoadingIndicator } from "./LoadingIndicator.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Note:
+ * - `onEndReached` and `onStartReached` must return a promise.
+ * - `onEndReached` and `onStartReached` only get called once, per content length.
+ * - maintainVisibleContentPosition is fixed, and can't be modified through props.
+ * - doesn't accept `ListFooterComponent` via prop, since it is occupied by `FooterLoadingIndicator`.
+ *    Set `showDefaultLoadingIndicators` to use `ListFooterComponent`.
+ * - doesn't accept `ListHeaderComponent` via prop, since it is occupied by `HeaderLoadingIndicator`
+ *    Set `showDefaultLoadingIndicators` to use `ListHeaderComponent`.
+ */
+export const PaginatedFlatList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    data,
+    ListHeaderComponent,
+    ListFooterComponent,
+    onEndReached = () => Promise.resolve(),
+    onScroll,
+    onStartReached = () => Promise.resolve(),
+    showFooterIndicator,
+    showHeaderIndicator
+  } = props;
+  const flatListRef = useRef(null);
+  const [onStartReachedInProgress, setOnStartReachedInProgress] = useState(false);
+  const [onEndReachedInProgress, setOnEndReachedInProgress] = useState(false);
+  const onStartReachedTracker = useRef({});
+  const onEndReachedTracker = useRef({});
+  const onStartReachedInPromise = useRef(null);
+  const onEndReachedInPromise = useRef(null);
+  const maybeCallOnStartReached = () => {
+    // If onStartReached has already been called for given data length, then ignore.
+    if (data?.length && onStartReachedTracker.current[data.length]) {
+      return;
+    }
+    const setIsStarted = () => {
+      if (data?.length) {
+        onStartReachedTracker.current[data.length] = true;
+      }
+      setOnStartReachedInProgress(true);
+    };
+    const p = () => {
+      return new Promise(resolve => {
+        onStartReachedInPromise.current = null;
+        setOnStartReachedInProgress(false);
+        resolve();
+      });
+    };
+    if (onEndReachedInPromise.current) {
+      onEndReachedInPromise.current.finally(() => {
+        setIsStarted();
+        onStartReachedInPromise.current = onStartReached().then(p);
+      });
+    } else if (!onStartReachedInPromise.current) {
+      setIsStarted();
+      onStartReachedInPromise.current = onStartReached().then(p);
+    }
+  };
+  const maybeCallOnEndReached = () => {
+    // If onEndReached has already been called for given data length, then ignore.
+    if (data?.length && onEndReachedTracker.current[data.length]) {
+      return;
+    }
+    const setIsStarted = () => {
+      if (data?.length) {
+        onEndReachedTracker.current[data.length] = true;
+      }
+      setOnEndReachedInProgress(true);
+    };
+    const p = () => {
+      return new Promise(resolve => {
+        onEndReachedInPromise.current = null;
+        setOnEndReachedInProgress(false);
+        resolve();
+      });
+    };
+    if (onStartReachedInPromise.current) {
+      onStartReachedInPromise.current.finally(() => {
+        setIsStarted();
+        onEndReachedInPromise.current = onEndReached().then(p);
+      });
+    } else if (!onEndReachedInPromise.current) {
+      setIsStarted();
+      onEndReachedInPromise.current = onEndReached().then(p);
+    }
+  };
+  const isFirstScrollEvent = useRef(true);
+  const handleScroll = useStableCallback(event => {
+    if (isFirstScrollEvent.current) {
+      // adjust initial scroll offset in MVCP mode
+      isFirstScrollEvent.current = false;
+      return;
+    }
+    // Call the parent onScroll handler, if provided.
+    onScroll?.(event);
+    const offset = event.nativeEvent.contentOffset.y;
+
+    // Check if scroll has reached either start of end of list.
+    const isScrollAtStart = offset < 30;
+    if (isScrollAtStart) {
+      maybeCallOnStartReached();
+    }
+  });
+  const renderHeaderLoadingIndicator = useStableCallback(() => {
+    return /*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [ListHeaderComponent ? ListHeaderComponent : null, !onStartReachedInProgress || is.boolean(showHeaderIndicator) && !showHeaderIndicator ? null : /*#__PURE__*/_jsx(LoadingIndicator, {
+          style: {
+            height: 50
+          }
+        })]
+      })
+    });
+  });
+  const renderFooterLoadingIndicator = useStableCallback(() => {
+    return /*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [!onEndReachedInProgress || is.boolean(showFooterIndicator) && !showFooterIndicator ? null : /*#__PURE__*/_jsx(LoadingIndicator, {
+          style: {
+            height: 40
+          }
+        }), ListFooterComponent ? ListFooterComponent : null]
+      })
+    });
+  });
+  useImperativeHandle(ref, () => ({
+    scrollToTop: arg => {
+      flatListRef.current?.scrollToOffset({
+        animated: arg?.animated || false,
+        offset: 0
+      });
+    },
+    scrollToOffset: ({
+      offset,
+      animated = false
+    }) => {
+      flatListRef.current?.scrollToOffset({
+        animated,
+        offset
+      });
+    },
+    resetTracker: () => {
+      onStartReachedTracker.current = {};
+      onEndReachedTracker.current = {};
+    },
+    scrollToIndex: params => flatListRef.current?.scrollToIndex(params)
+  }), []);
+  const OnEndReached = useScrollViewOnEndReachedConfig({
+    disabled: onEndReachedInProgress,
+    onEndReached: maybeCallOnEndReached
+  });
+  return /*#__PURE__*/_jsx(FlatList, {
+    ...props,
+    ref: flatListRef,
+    ListHeaderComponent: renderHeaderLoadingIndicator,
+    ListFooterComponent: renderFooterLoadingIndicator,
+    onScroll: handleScroll,
+    ...OnEndReached
+  });
+});
+//# sourceMappingURL=PaginatedFlatList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useStableCallback","is","useScrollViewOnEndReachedConfig","React","useImperativeHandle","useRef","useState","FlatList","View","LoadingIndicator","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PaginatedFlatList","forwardRef","props","ref","data","ListHeaderComponent","ListFooterComponent","onEndReached","Promise","resolve","onScroll","onStartReached","showFooterIndicator","showHeaderIndicator","flatListRef","onStartReachedInProgress","setOnStartReachedInProgress","onEndReachedInProgress","setOnEndReachedInProgress","onStartReachedTracker","onEndReachedTracker","onStartReachedInPromise","onEndReachedInPromise","maybeCallOnStartReached","length","current","setIsStarted","p","finally","then","maybeCallOnEndReached","isFirstScrollEvent","handleScroll","event","offset","nativeEvent","contentOffset","y","isScrollAtStart","renderHeaderLoadingIndicator","children","boolean","style","height","renderFooterLoadingIndicator","scrollToTop","arg","scrollToOffset","animated","resetTracker","scrollToIndex","params","OnEndReached","disabled"],"sourceRoot":"../../../src","sources":["component/PaginatedFlatList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Paginator.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { generateArray } from '@mj-studio/js-util';
+import { spacing } from "../theme/index.js";
+import { OpacityAnimatedView } from "./Animation/index.js";
+import { Dot } from "./Dot.js";
+import { RowCenter } from "./Layout/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Paginator = ({
+  dotBorderColor = 'transparent',
+  dotBorderWidth = 0,
+  dotColor = 'white',
+  dotSize = 10,
+  // style,
+  maxValue,
+  value,
+  inactiveOpacity = 0.5,
+  ...sxProps
+}) => {
+  return /*#__PURE__*/_jsx(RowCenter, {
+    justifyContent: 'center',
+    ...sxProps,
+    pointerEvents: 'none',
+    children: generateArray(maxValue).map(i => /*#__PURE__*/_jsx(OpacityAnimatedView, {
+      opacity: i === value ? 1 : inactiveOpacity,
+      style: {
+        marginLeft: spacing[i ? 2 : 0]
+      },
+      children: /*#__PURE__*/_jsx(Dot, {
+        size: dotSize,
+        color: dotColor,
+        borderColor: dotBorderColor,
+        borderWidth: dotBorderWidth
+      })
+    }, i))
+  });
+};
+export { Paginator };
+//# sourceMappingURL=Paginator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["generateArray","spacing","OpacityAnimatedView","Dot","RowCenter","jsx","_jsx","Paginator","dotBorderColor","dotBorderWidth","dotColor","dotSize","maxValue","value","inactiveOpacity","sxProps","justifyContent","pointerEvents","children","map","i","opacity","style","marginLeft","size","color","borderColor","borderWidth"],"sourceRoot":"../../../src","sources":["component/Paginator.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,oBAAoB;AAGlD,SAA4BC,OAAO,QAAQ,mBAAU;AAErD,SAASC,mBAAmB,QAAQ,sBAAa;AACjD,SAASC,GAAG,QAAQ,UAAO;AAC3B,SAASC,SAAS,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAarC,MAAMC,SAAS,GAAGA,CAAC;EACjBC,cAAc,GAAG,aAAa;EAC9BC,cAAc,GAAG,CAAC;EAClBC,QAAQ,GAAG,OAAO;EAClBC,OAAO,GAAG,EAAE;EACZ;EACAC,QAAQ;EACRC,KAAK;EACLC,eAAe,GAAG,GAAG;EACrB,GAAGC;AACE,CAAC,KAAK;EACX,oBACET,IAAA,CAACF,SAAS;IAACY,cAAc,EAAE,QAAS;IAAA,GAAKD,OAAO;IAAEE,aAAa,EAAE,MAAO;IAAAC,QAAA,EACrElB,aAAa,CAACY,QAAQ,CAAC,CAACO,GAAG,CAAEC,CAAC,iBAC7Bd,IAAA,CAACJ,mBAAmB;MAElBmB,OAAO,EAAED,CAAC,KAAKP,KAAK,GAAG,CAAC,GAAGC,eAAgB;MAC3CQ,KAAK,EAAE;QAAEC,UAAU,EAAEtB,OAAO,CAACmB,CAAC,GAAG,CAAC,GAAG,CAAC;MAAE,CAAE;MAAAF,QAAA,eAE1CZ,IAAA,CAACH,GAAG;QAACqB,IAAI,EAAEb,OAAQ;QAACc,KAAK,EAAEf,QAAS;QAACgB,WAAW,EAAElB,cAAe;QAACmB,WAAW,EAAElB;MAAe,CAAE;IAAC,GAJ5FW,CAKc,CACtB;EAAC,CACO,CAAC;AAEhB,CAAC;AAGD,SAASb,SAAS","ignoreList":[]}

package/lib/module/component/PartialRerender.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { forwardRef, useState, useImperativeHandle } from 'react';
+/**
+ * 단순히 children tree를 replace시킵니다. 렌더링 성능이 필요하거나 애니메이션이 필요한 컴포넌트들은
+ * children으로 오면 안됩니다. * 개선할 수 있다면 개선이 필요합니다.
+ */
+const PartialRerender = /*#__PURE__*/forwardRef(({
+  renderChildren
+}, ref) => {
+  const [, setR] = useState(0);
+  useImperativeHandle(ref, () => ({
+    rerender: () => setR(r => r + 1)
+  }), []);
+  return renderChildren();
+});
+export { PartialRerender };
+//# sourceMappingURL=PartialRerender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useState","useImperativeHandle","PartialRerender","renderChildren","ref","setR","rerender","r"],"sourceRoot":"../../../src","sources":["component/PartialRerender.tsx"],"mappings":";;AAEA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,OAAO;AAQjE;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGH,UAAU,CAChC,CAAC;EAAEI;AAAqC,CAAC,EAAEC,GAA2C,KAAK;EACzF,MAAM,GAAGC,IAAI,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAC5BC,mBAAmB,CAACG,GAAG,EAAE,OAAO;IAAEE,QAAQ,EAAEA,CAAA,KAAMD,IAAI,CAAEE,CAAC,IAAKA,CAAC,GAAG,CAAC;EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EAC5E,OAAOJ,cAAc,CAAC,CAAC;AACzB,CACF,CAAC;AAED,SAASD,eAAe","ignoreList":[]}