react-native-debug-toolkit 2.0.0 → 2.1.0

package/lib/module/components/FloatIcon.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import React, { useRef } from 'react';
+import { View, Text, StyleSheet, Animated, PanResponder, Pressable, useWindowDimensions } from 'react-native';
+import { Colors } from '../utils/colors';
+import { ICON_SIZE } from '../utils/layout';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FloatIcon({
+  visible,
+  onPress,
+  badge
+}) {
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = useWindowDimensions();
+  const initialX = screenWidth - ICON_SIZE - 16;
+  const initialY = screenHeight / 2 - ICON_SIZE / 2;
+  const pan = useRef(new Animated.ValueXY({
+    x: initialX,
+    y: initialY
+  })).current;
+  const scale = useRef(new Animated.Value(1)).current;
+  const lastPosition = useRef({
+    x: initialX,
+    y: initialY
+  });
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: () => {
+      Animated.spring(scale, {
+        toValue: 0.9,
+        friction: 5,
+        useNativeDriver: true
+      }).start();
+    },
+    onPanResponderMove: (_, gs) => {
+      const x = Math.max(0, Math.min(lastPosition.current.x + gs.dx, screenWidth - ICON_SIZE));
+      const y = Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - ICON_SIZE));
+      pan.setValue({
+        x,
+        y
+      });
+    },
+    onPanResponderRelease: (_, gs) => {
+      if (Math.abs(gs.dx) < 5 && Math.abs(gs.dy) < 5) {
+        Animated.spring(scale, {
+          toValue: 1,
+          friction: 5,
+          useNativeDriver: true
+        }).start();
+        onPress();
+        return;
+      }
+      Animated.spring(scale, {
+        toValue: 1,
+        friction: 5,
+        useNativeDriver: true
+      }).start();
+      lastPosition.current = {
+        x: Math.max(0, Math.min(lastPosition.current.x + gs.dx, screenWidth - ICON_SIZE)),
+        y: Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - ICON_SIZE))
+      };
+    },
+    onPanResponderTerminate: (_, gs) => {
+      lastPosition.current = {
+        x: Math.max(0, Math.min(lastPosition.current.x + gs.dx, screenWidth - ICON_SIZE)),
+        y: Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - ICON_SIZE))
+      };
+    }
+  })).current;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: visible ? 'auto' : 'none',
+    style: [styles.root, {
+      transform: [{
+        translateX: pan.x
+      }, {
+        translateY: pan.y
+      }, {
+        scale
+      }],
+      opacity: visible ? 1 : 0
+    }],
+    ...panResponder.panHandlers,
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      onPress: onPress,
+      style: styles.inner,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.iconGrid,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.iconRow,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.primary
+            }]
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.success
+            }]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.iconRow,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.warning
+            }]
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.purple
+            }]
+          })]
+        })]
+      }), badge && /*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          backgroundColor: badge.color
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.badgeText,
+          children: badge.label
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    position: 'absolute',
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    borderRadius: ICON_SIZE / 2,
+    backgroundColor: '#FFFFFF',
+    elevation: 6,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 8
+  },
+  inner: {
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconGrid: {
+    width: 22,
+    height: 22,
+    justifyContent: 'space-between'
+  },
+  iconRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  iconCell: {
+    width: 8,
+    height: 8,
+    borderRadius: 2.5
+  },
+  badge: {
+    position: 'absolute',
+    top: -4,
+    right: -4,
+    minWidth: 20,
+    height: 18,
+    borderRadius: 9,
+    paddingHorizontal: 5,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 2,
+    borderColor: '#FFF',
+    elevation: 4
+  },
+  badgeText: {
+    color: '#FFF',
+    fontSize: 9,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=FloatIcon.js.map

package/lib/module/components/FloatIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","View","Text","StyleSheet","Animated","PanResponder","Pressable","useWindowDimensions","Colors","ICON_SIZE","jsx","_jsx","jsxs","_jsxs","FloatIcon","visible","onPress","badge","width","screenWidth","height","screenHeight","initialX","initialY","pan","ValueXY","x","y","current","scale","Value","lastPosition","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","spring","toValue","friction","useNativeDriver","start","onPanResponderMove","_","gs","Math","max","min","dx","dy","setValue","onPanResponderRelease","abs","onPanResponderTerminate","pointerEvents","style","styles","root","transform","translateX","translateY","opacity","panHandlers","children","inner","iconGrid","iconRow","iconCell","backgroundColor","primary","success","warning","purple","color","badgeText","label","position","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent","flexDirection","top","right","minWidth","paddingHorizontal","borderWidth","borderColor","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["components/FloatIcon.tsx"],"mappings":"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","ignoreList":[]}