@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/commonjs/component/MarqueeView.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarqueeView = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const MarqueeView = ({
+  children,
+  style,
+  contentContainerStyle,
+  textStyle,
+  duration,
+  reverse = false
+}) => {
+  // region ANIM
+  const [viewRect, setViewRect] = (0, _react.useState)();
+  const [contentRect, setContentRect] = (0, _react.useState)();
+  const [widthDiff, setWidthDiff] = (0, _react.useState)(0);
+  const animValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const translateX = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, -widthDiff - 12]
+  });
+  (0, _react.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 = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(animValue, {
+        useNativeDriver: true,
+        easing: _reactNative.Easing.linear,
+        toValue: 1,
+        duration: _reactNativeKit.is.number(duration) ? duration : (viewWidth + diff) * 30
+      }), _reactNative.Animated.delay(1000), reverse ? _reactNative.Animated.timing(animValue, {
+        useNativeDriver: true,
+        easing: _reactNative.Easing.linear,
+        toValue: 0,
+        duration: _reactNativeKit.is.number(duration) ? duration : (viewWidth + diff) * 30
+      }) : _reactNative.Animated.timing(animValue, {
+        useNativeDriver: true,
+        easing: _reactNative.Easing.linear,
+        toValue: 0,
+        duration: 0
+      }), _reactNative.Animated.delay(1000)]));
+      loop.start();
+      return () => {
+        loop.stop();
+      };
+    }
+  }, [viewRect, contentRect, animValue, duration, reverse]);
+  // endregion
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [{
+        transform: [{
+          translateX
+        }]
+      }],
+      onLayout: e => setContentRect(e.nativeEvent.layout),
+      children: _reactNativeKit.is.string(children) ? _reactNativeKit.Txt.XS.Gray900.render(children, {
+        numberOfLines: 1,
+        style: textStyle
+      }) : /*#__PURE__*/_react.default.isValidElement(children) ? children : null
+    })
+  });
+};
+exports.MarqueeView = MarqueeView;
+//# sourceMappingURL=MarqueeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MarqueeView","children","style","contentContainerStyle","textStyle","duration","reverse","viewRect","setViewRect","useState","contentRect","setContentRect","widthDiff","setWidthDiff","animValue","useRef","Animated","Value","current","translateX","interpolate","inputRange","outputRange","useEffect","viewWidth","width","textWidth","setValue","diff","loop","sequence","timing","useNativeDriver","easing","Easing","linear","toValue","is","number","delay","start","stop","jsx","ScrollView","testID","scrollEnabled","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","horizontal","flexGrow","onLayout","nativeEvent","layout","View","transform","string","Txt","XS","Gray900","render","numberOfLines","React","isValidElement","exports"],"sourceRoot":"../../../src","sources":["component/MarqueeView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/NumberBadge.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_reactNative","_jsxRuntime","NumberBadge","count","maxCount","style","text","textProp","borderWidth","borderColor","backgroundColor","textColor","is","notEmptyString","jsx","View","palette","padding","borderRadius","justifyContent","alignItems","pointerEvents","children","paddingHorizontal","spacing","minWidth","minHeight","Txt","XXS","Medium","Color","render","exports"],"sourceRoot":"../../../src","sources":["component/NumberBadge.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAAoC,IAAAE,WAAA,GAAAF,OAAA;AAYpC,MAAMG,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,CAACS,kBAAE,CAACC,cAAc,CAACN,QAAQ,CAAC,EAAE;IAC/C,OAAO,IAAI;EACb;EACA,MAAMD,IAAI,GAAGM,kBAAE,CAACC,cAAc,CAACN,QAAQ,CAAC,GAAGA,QAAQ,GAAGJ,KAAK,IAAIC,QAAQ,GAAGD,KAAK,GAAG,EAAE,GAAG,GAAGC,QAAQ,GAAG;EACrG,oBACE,IAAAH,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;IACHV,KAAK,EAAE,CACL;MACEK,eAAe,EAAEM,uBAAO,CAACP,WAAW,CAAC;MACrCQ,OAAO,EAAET,WAAW;MACpBU,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC,EACDf,KAAK,CACL;IACFgB,aAAa,EAAE,MAAO;IAAAC,QAAA,eAEtB,IAAArB,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MACHV,KAAK,EAAE;QACLe,UAAU,EAAE,QAAQ;QACpBD,cAAc,EAAE,QAAQ;QACxBT,eAAe,EAAEM,uBAAO,CAACN,eAAe,CAAC;QACzCQ,YAAY,EAAE,GAAG;QACjBK,iBAAiB,EAAEC,uBAAO,CAAC,CAAC,CAAC;QAC7BC,QAAQ,EAAE,EAAE;QACZC,SAAS,EAAE;MACb,CAAE;MAAAJ,QAAA,EAEDK,mBAAG,CAACC,GAAG,CAACC,MAAM,CAACC,KAAK,CAACd,uBAAO,CAACL,SAAS,CAAC,CAAC,CAACoB,MAAM,CAACzB,IAAI;IAAC,CAClD;EAAC,CACH,CAAC;AAEX,CAAC;AAAC0B,OAAA,CAAA9B,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/component/OnMountEvent.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnMountEvent = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+const OnMountEvent = ({
+  onMount,
+  children = null
+}) => {
+  (0, _reactNativeKit.useMount)(onMount);
+  return children;
+};
+exports.OnMountEvent = OnMountEvent;
+//# sourceMappingURL=OnMountEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","OnMountEvent","onMount","children","useMount","exports"],"sourceRoot":"../../../src","sources":["component/OnMountEvent.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAIA,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,QAAQ,GAAG;AAAY,CAAC,KAAK;EAC5D,IAAAC,wBAAQ,EAACF,OAAO,CAAC;EACjB,OAAOC,QAAQ;AACjB,CAAC;AAACE,OAAA,CAAAJ,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/component/PaginatedFlashList.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaginatedFlashList = void 0;
+var _flashList = require("@shopify/flash-list");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _LoadingIndicator = require("./LoadingIndicator.js");
+var _jsxRuntime = require("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
+const PaginatedFlashList = exports.PaginatedFlashList = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    data,
+    ListHeaderComponent,
+    ListFooterComponent,
+    onEndReached = () => Promise.resolve(),
+    onScroll,
+    onStartReached = () => Promise.resolve(),
+    showFooterIndicator,
+    showHeaderIndicator
+  } = props;
+  const listRef = (0, _react.useRef)(null);
+  const [onStartReachedInProgress, setOnStartReachedInProgress] = (0, _react.useState)(false);
+  const [onEndReachedInProgress, setOnEndReachedInProgress] = (0, _react.useState)(false);
+  const onStartReachedTracker = (0, _react.useRef)({});
+  const onEndReachedTracker = (0, _react.useRef)({});
+  const onStartReachedInPromise = (0, _react.useRef)(null);
+  const onEndReachedInPromise = (0, _react.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 = (0, _react.useRef)(true);
+  const handleScroll = (0, _reactNativeKit.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 = (0, _reactNativeKit.useStableCallback)(() => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [ListHeaderComponent ? ListHeaderComponent : null, !onStartReachedInProgress || _reactNativeKit.is.boolean(showHeaderIndicator) && !showHeaderIndicator ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {
+          style: {
+            height: 50
+          }
+        })]
+      })
+    });
+  });
+  const renderFooterLoadingIndicator = (0, _reactNativeKit.useStableCallback)(() => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [!onEndReachedInProgress || _reactNativeKit.is.boolean(showFooterIndicator) && !showFooterIndicator ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {
+          style: {
+            height: 40
+          }
+        }), ListFooterComponent ? ListFooterComponent : null]
+      })
+    });
+  });
+  (0, _react.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 = (0, _reactNativeKit.useScrollViewOnEndReachedConfig)({
+    disabled: onEndReachedInProgress,
+    onEndReached: maybeCallOnEndReached
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+    ...props,
+    ref: listRef,
+    ListHeaderComponent: renderHeaderLoadingIndicator,
+    ListFooterComponent: renderFooterLoadingIndicator,
+    onScroll: handleScroll,
+    ...OnEndReached
+  });
+});
+//# sourceMappingURL=PaginatedFlashList.js.map

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

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

package/lib/commonjs/component/PaginatedFlatList.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaginatedFlatList = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _LoadingIndicator = require("./LoadingIndicator.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * 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`.
+ */
+const PaginatedFlatList = exports.PaginatedFlatList = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    data,
+    ListHeaderComponent,
+    ListFooterComponent,
+    onEndReached = () => Promise.resolve(),
+    onScroll,
+    onStartReached = () => Promise.resolve(),
+    showFooterIndicator,
+    showHeaderIndicator
+  } = props;
+  const flatListRef = (0, _react.useRef)(null);
+  const [onStartReachedInProgress, setOnStartReachedInProgress] = (0, _react.useState)(false);
+  const [onEndReachedInProgress, setOnEndReachedInProgress] = (0, _react.useState)(false);
+  const onStartReachedTracker = (0, _react.useRef)({});
+  const onEndReachedTracker = (0, _react.useRef)({});
+  const onStartReachedInPromise = (0, _react.useRef)(null);
+  const onEndReachedInPromise = (0, _react.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 = (0, _react.useRef)(true);
+  const handleScroll = (0, _reactNativeKit.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 = (0, _reactNativeKit.useStableCallback)(() => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [ListHeaderComponent ? ListHeaderComponent : null, !onStartReachedInProgress || _reactNativeKit.is.boolean(showHeaderIndicator) && !showHeaderIndicator ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {
+          style: {
+            height: 50
+          }
+        })]
+      })
+    });
+  });
+  const renderFooterLoadingIndicator = (0, _reactNativeKit.useStableCallback)(() => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [!onEndReachedInProgress || _reactNativeKit.is.boolean(showFooterIndicator) && !showFooterIndicator ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {
+          style: {
+            height: 40
+          }
+        }), ListFooterComponent ? ListFooterComponent : null]
+      })
+    });
+  });
+  (0, _react.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 = (0, _reactNativeKit.useScrollViewOnEndReachedConfig)({
+    disabled: onEndReachedInProgress,
+    onEndReached: maybeCallOnEndReached
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    ...props,
+    ref: flatListRef,
+    ListHeaderComponent: renderHeaderLoadingIndicator,
+    ListFooterComponent: renderFooterLoadingIndicator,
+    onScroll: handleScroll,
+    ...OnEndReached
+  });
+});
+//# sourceMappingURL=PaginatedFlatList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_LoadingIndicator","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PaginatedFlatList","exports","React","forwardRef","props","ref","data","ListHeaderComponent","ListFooterComponent","onEndReached","Promise","resolve","onScroll","onStartReached","showFooterIndicator","showHeaderIndicator","flatListRef","useRef","onStartReachedInProgress","setOnStartReachedInProgress","useState","onEndReachedInProgress","setOnEndReachedInProgress","onStartReachedTracker","onEndReachedTracker","onStartReachedInPromise","onEndReachedInPromise","maybeCallOnStartReached","length","current","setIsStarted","p","finally","then","maybeCallOnEndReached","isFirstScrollEvent","handleScroll","useStableCallback","event","offset","nativeEvent","contentOffset","y","isScrollAtStart","renderHeaderLoadingIndicator","jsx","View","children","jsxs","Fragment","is","boolean","LoadingIndicator","style","height","renderFooterLoadingIndicator","useImperativeHandle","scrollToTop","arg","scrollToOffset","animated","resetTracker","scrollToIndex","params","OnEndReached","useScrollViewOnEndReachedConfig","disabled","FlatList"],"sourceRoot":"../../../src","sources":["component/PaginatedFlatList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/Paginator.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paginator = void 0;
+var _jsUtil = require("@mj-studio/js-util");
+var _index = require("../theme/index.js");
+var _index2 = require("./Animation/index.js");
+var _Dot = require("./Dot.js");
+var _index3 = require("./Layout/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Paginator = ({
+  dotBorderColor = 'transparent',
+  dotBorderWidth = 0,
+  dotColor = 'white',
+  dotSize = 10,
+  // style,
+  maxValue,
+  value,
+  inactiveOpacity = 0.5,
+  ...sxProps
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.RowCenter, {
+    justifyContent: 'center',
+    ...sxProps,
+    pointerEvents: 'none',
+    children: (0, _jsUtil.generateArray)(maxValue).map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.OpacityAnimatedView, {
+      opacity: i === value ? 1 : inactiveOpacity,
+      style: {
+        marginLeft: _index.spacing[i ? 2 : 0]
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dot.Dot, {
+        size: dotSize,
+        color: dotColor,
+        borderColor: dotBorderColor,
+        borderWidth: dotBorderWidth
+      })
+    }, i))
+  });
+};
+exports.Paginator = Paginator;
+//# sourceMappingURL=Paginator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_jsUtil","require","_index","_index2","_Dot","_index3","_jsxRuntime","Paginator","dotBorderColor","dotBorderWidth","dotColor","dotSize","maxValue","value","inactiveOpacity","sxProps","jsx","RowCenter","justifyContent","pointerEvents","children","generateArray","map","i","OpacityAnimatedView","opacity","style","marginLeft","spacing","Dot","size","color","borderColor","borderWidth","exports"],"sourceRoot":"../../../src","sources":["component/Paginator.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAqC,IAAAK,WAAA,GAAAL,OAAA;AAarC,MAAMM,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,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACX,OAAA,CAAAY,SAAS;IAACC,cAAc,EAAE,QAAS;IAAA,GAAKH,OAAO;IAAEI,aAAa,EAAE,MAAO;IAAAC,QAAA,EACrE,IAAAC,qBAAa,EAACT,QAAQ,CAAC,CAACU,GAAG,CAAEC,CAAC,iBAC7B,IAAAjB,WAAA,CAAAU,GAAA,EAACb,OAAA,CAAAqB,mBAAmB;MAElBC,OAAO,EAAEF,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAGC,eAAgB;MAC3CY,KAAK,EAAE;QAAEC,UAAU,EAAEC,cAAO,CAACL,CAAC,GAAG,CAAC,GAAG,CAAC;MAAE,CAAE;MAAAH,QAAA,eAE1C,IAAAd,WAAA,CAAAU,GAAA,EAACZ,IAAA,CAAAyB,GAAG;QAACC,IAAI,EAAEnB,OAAQ;QAACoB,KAAK,EAAErB,QAAS;QAACsB,WAAW,EAAExB,cAAe;QAACyB,WAAW,EAAExB;MAAe,CAAE;IAAC,GAJ5Fc,CAKc,CACtB;EAAC,CACO,CAAC;AAEhB,CAAC;AAACW,OAAA,CAAA3B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/component/PartialRerender.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","PartialRerender","exports","forwardRef","renderChildren","ref","setR","useState","useImperativeHandle","rerender","r"],"sourceRoot":"../../../src","sources":["component/PartialRerender.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAQA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAChC,CAAC;EAAEC;AAAqC,CAAC,EAAEC,GAA2C,KAAK;EACzF,MAAM,GAAGC,IAAI,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC5B,IAAAC,0BAAmB,EAACH,GAAG,EAAE,OAAO;IAAEI,QAAQ,EAAEA,CAAA,KAAMH,IAAI,CAAEI,CAAC,IAAKA,CAAC,GAAG,CAAC;EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EAC5E,OAAON,cAAc,CAAC,CAAC;AACzB,CACF,CAAC","ignoreList":[]}