@chem-po/react-native 0.0.4 → 0.0.6

package/lib/commonjs/components/feed/FeedContentPane.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FeedContentPane = void 0;
+var _react = require("@chem-po/react");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+// import { motion, MotionValue, useMotionValue, useSpring, useTransform } from 'framer-motion'
+
+const getContentScale = status => {
+  // if (status === 'current') return 1
+  if (status === 'current') return 1;
+  return 0;
+};
+// const getContentX = (status: PanelStatus, contentSize: { width: number; height: number }) => {
+//   const { width: cWidth } = contentSize
+//   if (status === 'current') return 0
+//   if (status === 'next') return cWidth
+//   if (status === 'prev') return -cWidth
+//   return 0
+// }
+
+const getContentY = (status, contentSize) => {
+  const {
+    height: cHeight
+  } = contentSize;
+  if (status === 'current') return 0;
+  if (status === 'next') return cHeight * 1.1;
+  if (status === 'prev') return -cHeight * 1.1;
+  return 0;
+};
+const FeedContentPane = ({
+  id,
+  collectionPath,
+  onItemLoad,
+  RenderItem,
+  status,
+  offsetY,
+  enterStatus
+}) => {
+  const {
+    height,
+    width
+  } = (0, _react.useScreen)();
+  const contentSize = (0, _react2.useMemo)(() => ({
+    height,
+    width
+  }), [height, width]);
+  const scale = (0, _react2.useRef)(new _reactNative.Animated.Value(0)).current;
+  const baseY = (0, _react2.useRef)(new _reactNative.Animated.Value(getContentY(enterStatus ?? 'next', contentSize))).current;
+  const y = _reactNative.Animated.add(baseY, offsetY);
+  const docPath = (0, _react2.useMemo)(() => `${collectionPath}/${id}`, [collectionPath, id]);
+  const {
+    data: item
+  } = (0, _react.useDocument)(docPath, onItemLoad);
+
+  // const init = useRef<{
+  //   status: PanelStatus
+  //   contentSize: Size
+  //   y: number
+  //   scale: number
+  // }>({
+  //   contentSize,
+  //   status: enterStatus ?? status,
+  //   // x: getContentX(fromStatus || status, contentSize),
+  //   y: getContentY(enterStatus ?? status, contentSize),
+  //   scale: getContentScale(enterStatus ?? status),
+  // })
+
+  (0, _react2.useEffect)(() => {
+    const newScale = getContentScale(status);
+    const updatedY = getContentY(status, contentSize);
+    baseY.setValue(updatedY);
+    scale.setValue(newScale);
+    // baseY.set(updatedY)
+    // scale.set(newScale)
+  }, [status, baseY, scale, contentSize]);
+  return (
+    /*#__PURE__*/
+    // <AnimatePresence>
+    React.createElement(_reactNative.Animated.View, {
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        transform: [{
+          translateY: y
+        }, {
+          scale
+        }],
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        opacity: scale,
+        width: '100%'
+      }
+    }, item ? RenderItem(item) : null)
+    // </AnimatePresence>
+  );
+};
+exports.FeedContentPane = FeedContentPane;
+//# sourceMappingURL=FeedContentPane.js.map

package/lib/commonjs/components/feed/FeedContentPane.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_reactNative","getContentScale","status","getContentY","contentSize","height","cHeight","FeedContentPane","id","collectionPath","onItemLoad","RenderItem","offsetY","enterStatus","width","useScreen","useMemo","scale","useRef","Animated","Value","current","baseY","y","add","docPath","data","item","useDocument","useEffect","newScale","updatedY","setValue","React","createElement","View","style","position","top","left","transform","translateY","display","alignItems","justifyContent","opacity","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/FeedContentPane.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/feed/MediaFeed.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaFeed = void 0;
+var _react = require("@chem-po/react");
+var _react2 = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _fill = require("../../styles/fill");
+var _Center = require("../box/Center");
+var _Loading = require("../loading/Loading");
+var _constants = require("./constants");
+var _context = require("./context");
+var _FeedContentPane = require("./FeedContentPane");
+var _hooks = require("./hooks");
+var _MediaFeedBackground = require("./MediaFeedBackground");
+var _MediaFeedRefresh = require("./MediaFeedRefresh");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useUpdatePanels = setItems => (0, _react2.useCallback)(data => {
+  const updated = [];
+  if (data.prev) updated.push({
+    status: 'prev',
+    id: data.prev
+  });
+  if (data.curr) {
+    updated.push({
+      status: 'current',
+      id: data.curr
+    });
+  }
+  if (data.next) updated.push({
+    status: 'next',
+    id: data.next
+  });
+  setItems(updated);
+}, [setItems]);
+const MediaFeed = ({
+  fetch,
+  collection: collectionPath,
+  RenderItem,
+  authRequired,
+  getBackgroundUrl,
+  getBackgroundValue,
+  limit,
+  defaultBackground,
+  swipeDisabled,
+  children
+}) => {
+  const {
+    width,
+    height
+  } = (0, _react.useScreen)();
+  const {
+    theme
+  } = (0, _react.useTheme)();
+  const contentRef = (0, _react2.useRef)(null);
+  const containerRef = (0, _react2.useRef)(null);
+  // const panels = useRef<Array<FeedContentPaneRef>>([])
+  const [direction, setDirection] = (0, _react2.useState)(null);
+  const [panels, setPanels] = (0, _react2.useState)([]);
+  const offsetY = (0, _react2.useRef)(new _reactNative.Animated.Value(0)).current;
+  const onNewData = useUpdatePanels(setPanels);
+  const backgroundRef = (0, _react2.useRef)(null);
+  const {
+    goNext,
+    goPrev,
+    loading,
+    canGoNext,
+    canGoPrev,
+    refresh,
+    refreshing
+  } = (0, _hooks.useMediaFeed)(fetch, onNewData, limit, authRequired);
+  const pointerDown = (0, _react2.useRef)(false);
+  const dragStart = (0, _react2.useRef)({
+    x: 0,
+    y: 0
+  });
+  const onDragStart = (0, _react2.useCallback)(e => {
+    if (swipeDisabled) return;
+    pointerDown.current = true;
+    dragStart.current = {
+      x: e.x,
+      y: e.y
+    };
+  }, [swipeDisabled]);
+  const onDragEnd = (0, _react2.useCallback)(e => {
+    if (!pointerDown.current) return;
+    const maxY = canGoPrev ? _constants.SWIPE_THRESHOLD : _constants.REFRESH_THRESHOLD;
+    const minY = canGoNext ? -_constants.SWIPE_THRESHOLD : -_constants.REFRESH_THRESHOLD;
+    const oY = Math.max(minY, Math.min(maxY, e.y - dragStart.current.y));
+    if (canGoNext && oY < -(_constants.SWIPE_THRESHOLD - 10)) {
+      setDirection('next');
+      goNext();
+    } else if (canGoPrev && oY > _constants.SWIPE_THRESHOLD - 10) {
+      setDirection('prev');
+      goPrev();
+    } else if (oY > _constants.REFRESH_THRESHOLD - 10 || oY < -(_constants.REFRESH_THRESHOLD - 10)) {
+      refresh();
+      if (backgroundRef.current) backgroundRef.current.onNewData(null);
+    }
+    offsetY.setValue(0);
+    pointerDown.current = false;
+  }, [offsetY, goNext, goPrev, canGoNext, canGoPrev, refresh]);
+  const onDragMove = (0, _react2.useCallback)(e => {
+    if (!pointerDown.current) return;
+    const oX = Math.max(-10, Math.min(10, e.x - dragStart.current.x));
+    const maxY = canGoPrev ? _constants.SWIPE_THRESHOLD : _constants.REFRESH_THRESHOLD;
+    const minY = canGoNext ? -_constants.SWIPE_THRESHOLD : -_constants.REFRESH_THRESHOLD;
+    const oY = Math.max(minY, Math.min(maxY, e.y - dragStart.current.y));
+    const dist = Math.sqrt(oX ** 2 + oY ** 2);
+    if (dist > 10 && contentRef.current) {
+      // contentRef.current.style.setProperty('pointer-events', 'none')
+    }
+    offsetY.setValue(oY);
+  }, [offsetY, canGoNext, canGoPrev]);
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onStart(onDragStart).onUpdate(onDragMove).onEnd(onDragEnd);
+  const containerStyle = (0, _react2.useMemo)(() => ({
+    height,
+    width,
+    overflow: 'hidden',
+    pointerEvents: swipeDisabled ? 'none' : 'auto'
+  }), [width, height, swipeDisabled]);
+  const [curr, setCurr] = (0, _react2.useState)(null);
+  const handleItemLoad = (0, _react2.useCallback)(data => {
+    var _panels$find;
+    const isCurr = ((_panels$find = panels.find(p => p.status === 'current')) === null || _panels$find === void 0 ? void 0 : _panels$find.id) === (data === null || data === void 0 ? void 0 : data._id);
+    if (isCurr) setCurr(data);
+  }, [panels]);
+  return /*#__PURE__*/_react2.default.createElement(_context.MediaFeedProvider, {
+    curr: curr
+  }, /*#__PURE__*/_react2.default.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: panGesture
+  }, /*#__PURE__*/_react2.default.createElement(_Center.Center, {
+    style: [styles.container, {
+      backgroundColor: defaultBackground ?? theme.colors.background[100]
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_MediaFeedBackground.MediaFeedBackground, {
+    item: curr,
+    getBackgroundValue: getBackgroundValue,
+    getBackgroundUrl: getBackgroundUrl
+  }), /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: containerStyle,
+    ref: containerRef
+  }, /*#__PURE__*/_react2.default.createElement(_Center.Center, {
+    style: _fill.fill.relative,
+    ref: contentRef
+  }, panels.map(panel => /*#__PURE__*/_react2.default.createElement(_FeedContentPane.FeedContentPane, {
+    key: panel.id,
+    id: panel.id,
+    collectionPath: collectionPath,
+    RenderItem: RenderItem,
+    onItemLoad: handleItemLoad,
+    status: panel.status,
+    enterStatus: direction,
+    offsetY: offsetY
+  })))), /*#__PURE__*/_react2.default.createElement(_MediaFeedRefresh.MediaFeedRefresh, {
+    canRefresh: !canGoPrev,
+    refreshing: refreshing,
+    offsetY: offsetY
+  }), /*#__PURE__*/_react2.default.createElement(_Loading.LoadingOverlay, {
+    inFeed: true,
+    isLoading: loading
+  }), children ? /*#__PURE__*/_react2.default.createElement(_Center.Center, {
+    style: [_fill.fill.absolute, {
+      zIndex: 3
+    }]
+  }, children) : null)));
+};
+exports.MediaFeed = MediaFeed;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    ..._fill.fill.relative,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=MediaFeed.js.map

package/lib/commonjs/components/feed/MediaFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_reactNativeGestureHandler","_fill","_Center","_Loading","_constants","_context","_FeedContentPane","_hooks","_MediaFeedBackground","_MediaFeedRefresh","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useUpdatePanels","setItems","useCallback","data","updated","prev","push","status","id","curr","next","MediaFeed","fetch","collection","collectionPath","RenderItem","authRequired","getBackgroundUrl","getBackgroundValue","limit","defaultBackground","swipeDisabled","children","width","height","useScreen","theme","useTheme","contentRef","useRef","containerRef","direction","setDirection","useState","panels","setPanels","offsetY","Animated","Value","current","onNewData","backgroundRef","goNext","goPrev","loading","canGoNext","canGoPrev","refresh","refreshing","useMediaFeed","pointerDown","dragStart","x","y","onDragStart","onDragEnd","maxY","SWIPE_THRESHOLD","REFRESH_THRESHOLD","minY","oY","Math","max","min","setValue","onDragMove","oX","dist","sqrt","panGesture","Gesture","Pan","onStart","onUpdate","onEnd","containerStyle","useMemo","overflow","pointerEvents","setCurr","handleItemLoad","_panels$find","isCurr","find","p","_id","createElement","MediaFeedProvider","GestureDetector","gesture","Center","style","styles","container","backgroundColor","colors","background","MediaFeedBackground","item","View","ref","fill","relative","map","panel","FeedContentPane","key","onItemLoad","enterStatus","MediaFeedRefresh","canRefresh","LoadingOverlay","inFeed","isLoading","absolute","zIndex","exports","StyleSheet","create"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/MediaFeed.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/feed/MediaFeedBackground.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.backgroundStyle = exports.MediaFeedBackground = void 0;
+var _react = require("@chem-po/react");
+var _react2 = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _fill = require("../../styles/fill");
+var _Center = require("../box/Center");
+var _loading = require("../loading");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const emptyPng = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=';
+const backgroundStyle = exports.backgroundStyle = _reactNative.StyleSheet.create({
+  imageBackground: {
+    flex: 1,
+    transform: [{
+      scale: 1.075
+    }]
+  }
+});
+const FillBackground = ({
+  background,
+  opacity = 0.7,
+  style,
+  ...props
+}) => /*#__PURE__*/_react2.default.createElement(_reactNative.View, _extends({
+  style: [_fill.fill.absolute, style]
+}, props), /*#__PURE__*/_react2.default.createElement(_reactNative.ImageBackground, {
+  source: {
+    uri: background ?? emptyPng
+  },
+  style: [backgroundStyle.imageBackground, {
+    opacity
+  }],
+  resizeMode: "cover"
+}));
+const FileValueBackground = ({
+  getBackgroundValue,
+  item
+}) => {
+  const background = (0, _react2.useMemo)(() => item ? getBackgroundValue(item) : null, [getBackgroundValue, item]);
+  const {
+    loading,
+    url
+  } = (0, _react.useObjectUrl)(background);
+  const usedIndex = (0, _react2.useRef)(0);
+  const [index, setIndex] = (0, _react2.useState)(0);
+  const [url1, setUrl1] = (0, _react2.useState)(null);
+  const [url2, setUrl2] = (0, _react2.useState)(null);
+  (0, _react2.useEffect)(() => {
+    const usedIdx = usedIndex.current;
+    if (usedIdx === 0) {
+      setUrl1(url);
+      usedIndex.current = 1;
+      setIndex(0);
+    } else {
+      setUrl2(url);
+      usedIndex.current = 0;
+      setIndex(1);
+    }
+  }, [url]);
+  return /*#__PURE__*/_react2.default.createElement(_Center.Center, {
+    style: _fill.fill.absolute
+  }, /*#__PURE__*/_react2.default.createElement(FillBackground, {
+    opacity: index === 0 ? 1 : 0,
+    background: url1
+  }), /*#__PURE__*/_react2.default.createElement(FillBackground, {
+    opacity: index === 1 ? 1 : 0,
+    background: url2
+  }), /*#__PURE__*/_react2.default.createElement(_loading.LoadingLogo, {
+    isLoading: loading
+  }));
+};
+const UrlBackground = ({
+  getBackgroundUrl,
+  item
+}) => {
+  const background = (0, _react2.useMemo)(() => item ? getBackgroundUrl(item) : null, [getBackgroundUrl, item]);
+  const usedIndex = (0, _react2.useRef)(0);
+  const [index, setIndex] = (0, _react2.useState)(0);
+  const [url1, setUrl1] = (0, _react2.useState)(null);
+  const [url2, setUrl2] = (0, _react2.useState)(null);
+  (0, _react2.useEffect)(() => {
+    if (!background) return;
+    if (usedIndex.current === 0) {
+      setUrl1(background);
+      usedIndex.current = 1;
+      setIndex(0);
+    } else {
+      setUrl2(background);
+      usedIndex.current = 0;
+      setIndex(1);
+    }
+  }, [background]);
+  return /*#__PURE__*/_react2.default.createElement(_Center.Center, {
+    style: _fill.fill.absolute
+  }, /*#__PURE__*/_react2.default.createElement(FillBackground
+  //filter={filter}
+  , {
+    opacity: index === 0 ? 1 : 0,
+    background: url1
+  }), /*#__PURE__*/_react2.default.createElement(FillBackground
+  //filter={filter}
+  , {
+    opacity: index === 1 ? 1 : 0,
+    background: url2
+  }));
+};
+const MediaFeedBackground = ({
+  getBackgroundValue,
+  getBackgroundUrl,
+  ...props
+}) => {
+  if (getBackgroundValue) return /*#__PURE__*/_react2.default.createElement(FileValueBackground, _extends({
+    getBackgroundValue: getBackgroundValue
+  }, props));
+  if (getBackgroundUrl) return /*#__PURE__*/_react2.default.createElement(UrlBackground, _extends({
+    getBackgroundUrl: getBackgroundUrl
+  }, props));
+  return null;
+};
+exports.MediaFeedBackground = MediaFeedBackground;
+//# sourceMappingURL=MediaFeedBackground.js.map

package/lib/commonjs/components/feed/MediaFeedBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_fill","_Center","_loading","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","emptyPng","backgroundStyle","exports","StyleSheet","create","imageBackground","flex","transform","scale","FillBackground","background","opacity","style","props","createElement","View","fill","absolute","ImageBackground","source","uri","resizeMode","FileValueBackground","getBackgroundValue","item","useMemo","loading","url","useObjectUrl","usedIndex","useRef","index","setIndex","useState","url1","setUrl1","url2","setUrl2","useEffect","usedIdx","current","Center","LoadingLogo","isLoading","UrlBackground","getBackgroundUrl","MediaFeedBackground"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/MediaFeedBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/feed/MediaFeedRefresh.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaFeedRefresh = void 0;
+var _MaterialCommunityIcons = _interopRequireDefault(require("@expo/vector-icons/MaterialCommunityIcons"));
+var _react = require("react");
+var _reactNative = require("react-native");
+var _DropShadow = require("../box/DropShadow");
+var _loading = require("../loading");
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// or your preferred icon set
+
+const WINDOW = _constants.REFRESH_THRESHOLD - _constants.SWIPE_THRESHOLD;
+const MediaFeedRefresh = ({
+  offsetY,
+  refreshing,
+  canRefresh
+}) => {
+  // Create animated values
+  const baseY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const isIn = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const dist = _reactNative.Animated.subtract(offsetY, _constants.SWIPE_THRESHOLD);
+  const baseProgress = _reactNative.Animated.divide(dist, WINDOW);
+  const progress = _reactNative.Animated.diffClamp(baseProgress, 0, 1);
+
+  // Handle refreshing state
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.spring(baseY, {
+      toValue: refreshing ? 50 : 0,
+      useNativeDriver: true
+    }).start();
+  }, [refreshing, baseY]);
+
+  // Handle canRefresh state
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.spring(isIn, {
+      toValue: canRefresh ? 1 : 0,
+      useNativeDriver: true
+    }).start();
+  }, [canRefresh, isIn]);
+
+  // Create complex animations
+  const progressRoot = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, Math.sqrt(1) * 20]
+  });
+  const yBase = _reactNative.Animated.add(baseY, progressRoot);
+  const yConstrained = yBase.interpolate({
+    inputRange: [0, 20],
+    outputRange: [0, 20],
+    extrapolate: 'clamp'
+  });
+  const y = _reactNative.Animated.multiply(isIn, yConstrained);
+  const scale = y.interpolate({
+    inputRange: [0, 30],
+    outputRange: [0, 1],
+    extrapolate: 'clamp'
+  });
+  const finalScale = _reactNative.Animated.multiply(isIn, scale);
+  const rotate = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '180deg']
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.container, {
+      opacity: finalScale,
+      transform: [{
+        translateY: y
+      }, {
+        scale: finalScale
+      }, {
+        rotate
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.centerContainer
+  }, /*#__PURE__*/React.createElement(_DropShadow.DropShadow, {
+    style: [{
+      opacity: refreshing ? 0 : 1
+    }]
+  }, /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
+    name: "refresh",
+    size: 32,
+    color: "white"
+  })), /*#__PURE__*/React.createElement(_DropShadow.DropShadow, {
+    style: {
+      opacity: refreshing ? 1 : 0
+    }
+  }, /*#__PURE__*/React.createElement(_loading.CircularProgress, {
+    animating: true,
+    size: "large",
+    color: "white"
+  }))));
+};
+exports.MediaFeedRefresh = MediaFeedRefresh;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    pointerEvents: 'none'
+  },
+  centerContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%'
+  }
+});
+//# sourceMappingURL=MediaFeedRefresh.js.map

package/lib/commonjs/components/feed/MediaFeedRefresh.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MaterialCommunityIcons","_interopRequireDefault","require","_react","_reactNative","_DropShadow","_loading","_constants","e","__esModule","default","WINDOW","REFRESH_THRESHOLD","SWIPE_THRESHOLD","MediaFeedRefresh","offsetY","refreshing","canRefresh","baseY","useRef","Animated","Value","current","isIn","dist","subtract","baseProgress","divide","progress","diffClamp","useEffect","spring","toValue","useNativeDriver","start","progressRoot","interpolate","inputRange","outputRange","Math","sqrt","yBase","add","yConstrained","extrapolate","y","multiply","scale","finalScale","rotate","React","createElement","View","style","styles","container","opacity","transform","translateY","centerContainer","DropShadow","name","size","color","CircularProgress","animating","exports","StyleSheet","create","position","top","left","right","pointerEvents","alignItems","justifyContent","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/MediaFeedRefresh.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/feed/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SWIPE_THRESHOLD = exports.REFRESH_THRESHOLD = void 0;
+const SWIPE_THRESHOLD = exports.SWIPE_THRESHOLD = 75;
+const REFRESH_THRESHOLD = exports.REFRESH_THRESHOLD = 100;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/components/feed/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SWIPE_THRESHOLD","exports","REFRESH_THRESHOLD"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/constants.ts"],"mappings":";;;;;;AAAO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,EAAE;AAC1B,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,GAAG","ignoreList":[]}

package/lib/commonjs/components/feed/context.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMediaFeed = exports.MediaFeedProvider = exports.MediaFeedContext = void 0;
+var _react = require("react");
+const MediaFeedContext = exports.MediaFeedContext = /*#__PURE__*/(0, _react.createContext)({});
+const MediaFeedProvider = ({
+  curr,
+  children
+}) => {
+  const contextData = (0, _react.useMemo)(() => ({
+    curr
+  }), [curr]);
+  return /*#__PURE__*/React.createElement(MediaFeedContext.Provider, {
+    value: contextData
+  }, children);
+};
+exports.MediaFeedProvider = MediaFeedProvider;
+const useMediaFeed = () => (0, _react.useContext)(MediaFeedContext);
+exports.useMediaFeed = useMediaFeed;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/components/feed/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","MediaFeedContext","exports","createContext","MediaFeedProvider","curr","children","contextData","useMemo","React","createElement","Provider","value","useMediaFeed","useContext"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/context.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAKO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,oBAAa,EAC3C,CAAC,CACH,CAAC;AAEM,MAAMC,iBAAiB,GAAGA,CAAkC;EACjEC,IAAI;EACJC;AAC6C,CAAC,KAAK;EACnD,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAEH;EAAK,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACrD,oBAAOI,KAAA,CAAAC,aAAA,CAACT,gBAAgB,CAACU,QAAQ;IAACC,KAAK,EAAEL;EAAY,GAAED,QAAoC,CAAC;AAC9F,CAAC;AAAAJ,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AACM,MAAMS,YAAY,GAAGA,CAAA,KAC1B,IAAAC,iBAAU,EAACb,gBAAgB,CAA6B;AAAAC,OAAA,CAAAW,YAAA,GAAAA,YAAA","ignoreList":[]}