react-native-debug-toolkit 2.0.0 → 2.1.0

package/lib/commonjs/components/FloatIcon.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatIcon = FloatIcon;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _colors = require("../utils/colors");
+var _layout = require("../utils/layout");
+var _jsxRuntime = require("react/jsx-runtime");
+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 FloatIcon({
+  visible,
+  onPress,
+  badge
+}) {
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const initialX = screenWidth - _layout.ICON_SIZE - 16;
+  const initialY = screenHeight / 2 - _layout.ICON_SIZE / 2;
+  const pan = (0, _react.useRef)(new _reactNative.Animated.ValueXY({
+    x: initialX,
+    y: initialY
+  })).current;
+  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const lastPosition = (0, _react.useRef)({
+    x: initialX,
+    y: initialY
+  });
+  const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: () => {
+      _reactNative.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 - _layout.ICON_SIZE));
+      const y = Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - _layout.ICON_SIZE));
+      pan.setValue({
+        x,
+        y
+      });
+    },
+    onPanResponderRelease: (_, gs) => {
+      if (Math.abs(gs.dx) < 5 && Math.abs(gs.dy) < 5) {
+        _reactNative.Animated.spring(scale, {
+          toValue: 1,
+          friction: 5,
+          useNativeDriver: true
+        }).start();
+        onPress();
+        return;
+      }
+      _reactNative.Animated.spring(scale, {
+        toValue: 1,
+        friction: 5,
+        useNativeDriver: true
+      }).start();
+      lastPosition.current = {
+        x: Math.max(0, Math.min(lastPosition.current.x + gs.dx, screenWidth - _layout.ICON_SIZE)),
+        y: Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - _layout.ICON_SIZE))
+      };
+    },
+    onPanResponderTerminate: (_, gs) => {
+      lastPosition.current = {
+        x: Math.max(0, Math.min(lastPosition.current.x + gs.dx, screenWidth - _layout.ICON_SIZE)),
+        y: Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - _layout.ICON_SIZE))
+      };
+    }
+  })).current;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: onPress,
+      style: styles.inner,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.iconGrid,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.iconRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.iconCell, {
+              backgroundColor: _colors.Colors.primary
+            }]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.iconCell, {
+              backgroundColor: _colors.Colors.success
+            }]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.iconRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.iconCell, {
+              backgroundColor: _colors.Colors.warning
+            }]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.iconCell, {
+              backgroundColor: _colors.Colors.purple
+            }]
+          })]
+        })]
+      }), badge && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.badge, {
+          backgroundColor: badge.color
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.badgeText,
+          children: badge.label
+        })
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    position: 'absolute',
+    width: _layout.ICON_SIZE,
+    height: _layout.ICON_SIZE,
+    borderRadius: _layout.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/commonjs/components/FloatIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_colors","_layout","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FloatIcon","visible","onPress","badge","width","screenWidth","height","screenHeight","useWindowDimensions","initialX","ICON_SIZE","initialY","pan","useRef","Animated","ValueXY","x","y","current","scale","Value","lastPosition","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","spring","toValue","friction","useNativeDriver","start","onPanResponderMove","_","gs","Math","max","min","dx","dy","setValue","onPanResponderRelease","abs","onPanResponderTerminate","jsx","View","pointerEvents","style","styles","root","transform","translateX","translateY","opacity","panHandlers","children","jsxs","Pressable","inner","iconGrid","iconRow","iconCell","backgroundColor","Colors","primary","success","warning","purple","color","Text","badgeText","label","StyleSheet","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":[]}