@react-three/fiber 8.17.5 → 8.17.7

package/native/dist/react-three-fiber-native.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-66f43fbc.cjs.dev.js');
+var events = require('../../dist/events-c54ce65e.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -41,9 +41,9 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 var fs__namespace = /*#__PURE__*/_interopNamespace(fs);
 
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A native canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
   children,
@@ -171,7 +171,8 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
         type,
         offsetX: gestureEvent.nativeEvent.locationX,
         offsetY: gestureEvent.nativeEvent.locationY,
-        pointerType: 'touch'
+        pointerType: 'touch',
+        pointerId: gestureEvent.nativeEvent.identifier
       }));
       return true;
     }
@@ -248,30 +249,25 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
     }
   }, [canvas]);
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+    ...props,
     ref: viewRef,
     onLayout: onLayout,
     style: {
       flex: 1,
       ...style
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      ...props,
-      style: {
-        flex: 1
-      },
-      children: width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
-        ...bind,
-        msaaSamples: antialias ? 4 : 0,
-        onContextCreate: onContextCreate,
-        style: reactNative.StyleSheet.absoluteFill
-      })
+    ...bind,
+    children: width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
+      msaaSamples: antialias ? 4 : 0,
+      onContextCreate: onContextCreate,
+      style: reactNative.StyleSheet.absoluteFill
     })
   });
 });
 
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A native canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 const Canvas = /*#__PURE__*/React__namespace.forwardRef(function CanvasWrapper(props, ref) {
   return /*#__PURE__*/jsxRuntime.jsx(itsFine.FiberProvider, {

package/native/dist/react-three-fiber-native.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-be1682bd.cjs.prod.js');
+var events = require('../../dist/events-2e7e6eab.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -41,9 +41,9 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 var fs__namespace = /*#__PURE__*/_interopNamespace(fs);
 
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A native canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
   children,
@@ -171,7 +171,8 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
         type,
         offsetX: gestureEvent.nativeEvent.locationX,
         offsetY: gestureEvent.nativeEvent.locationY,
-        pointerType: 'touch'
+        pointerType: 'touch',
+        pointerId: gestureEvent.nativeEvent.identifier
       }));
       return true;
     }
@@ -248,30 +249,25 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
     }
   }, [canvas]);
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+    ...props,
     ref: viewRef,
     onLayout: onLayout,
     style: {
       flex: 1,
       ...style
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      ...props,
-      style: {
-        flex: 1
-      },
-      children: width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
-        ...bind,
-        msaaSamples: antialias ? 4 : 0,
-        onContextCreate: onContextCreate,
-        style: reactNative.StyleSheet.absoluteFill
-      })
+    ...bind,
+    children: width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
+      msaaSamples: antialias ? 4 : 0,
+      onContextCreate: onContextCreate,
+      style: reactNative.StyleSheet.absoluteFill
     })
   });
 });
 
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A native canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 const Canvas = /*#__PURE__*/React__namespace.forwardRef(function CanvasWrapper(props, ref) {
   return /*#__PURE__*/jsxRuntime.jsx(itsFine.FiberProvider, {

package/native/dist/react-three-fiber-native.esm.js

@@ -1,5 +1,5 @@
-import { c as createPointerEvents, e as extend, u as useMutableCallback, b as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createEvents } from '../../dist/events-a5fc3e51.esm.js';
-export { t as ReactThreeFiber, z as _roots, x as act, p as addAfterEffect, o as addEffect, q as addTail, n as advance, k as applyProps, y as buildGraph, g as context, f as createEvents, c as createPointerEvents, h as createPortal, b as createRoot, l as dispose, e as extend, s as flushGlobalEffects, v as flushSync, w as getRootState, m as invalidate, j as reconciler, r as render, d as unmountComponentAtNode, F as useFrame, G as useGraph, A as useInstanceHandle, H as useLoader, C as useStore, D as useThree } from '../../dist/events-a5fc3e51.esm.js';
+import { c as createPointerEvents, e as extend, u as useMutableCallback, b as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createEvents } from '../../dist/events-3515660a.esm.js';
+export { t as ReactThreeFiber, z as _roots, x as act, p as addAfterEffect, o as addEffect, q as addTail, n as advance, k as applyProps, y as buildGraph, g as context, f as createEvents, c as createPointerEvents, h as createPortal, b as createRoot, l as dispose, e as extend, s as flushGlobalEffects, v as flushSync, w as getRootState, m as invalidate, j as reconciler, r as render, d as unmountComponentAtNode, F as useFrame, G as useGraph, A as useInstanceHandle, H as useLoader, C as useStore, D as useThree } from '../../dist/events-3515660a.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, View, StyleSheet, Platform, Image, NativeModules } from 'react-native';
@@ -16,9 +16,9 @@ import 'suspend-react';
 import 'react-reconciler';
 import 'scheduler';
 
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A native canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 const CanvasImpl = /*#__PURE__*/React.forwardRef(({
   children,
@@ -146,7 +146,8 @@ const CanvasImpl = /*#__PURE__*/React.forwardRef(({
         type,
         offsetX: gestureEvent.nativeEvent.locationX,
         offsetY: gestureEvent.nativeEvent.locationY,
-        pointerType: 'touch'
+        pointerType: 'touch',
+        pointerId: gestureEvent.nativeEvent.identifier
       }));
       return true;
     }
@@ -223,30 +224,25 @@ const CanvasImpl = /*#__PURE__*/React.forwardRef(({
     }
   }, [canvas]);
   return /*#__PURE__*/jsx(View, {
+    ...props,
     ref: viewRef,
     onLayout: onLayout,
     style: {
       flex: 1,
       ...style
     },
-    children: /*#__PURE__*/jsx(View, {
-      ...props,
-      style: {
-        flex: 1
-      },
-      children: width > 0 && /*#__PURE__*/jsx(GLView, {
-        ...bind,
-        msaaSamples: antialias ? 4 : 0,
-        onContextCreate: onContextCreate,
-        style: StyleSheet.absoluteFill
-      })
+    ...bind,
+    children: width > 0 && /*#__PURE__*/jsx(GLView, {
+      msaaSamples: antialias ? 4 : 0,
+      onContextCreate: onContextCreate,
+      style: StyleSheet.absoluteFill
     })
   });
 });
 
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A native canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 const Canvas = /*#__PURE__*/React.forwardRef(function CanvasWrapper(props, ref) {
   return /*#__PURE__*/jsx(FiberProvider, {

package/native/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "dist/react-three-fiber-native.cjs.js",
-  "module": "dist/react-three-fiber-native.esm.js",
-  "types": "dist/react-three-fiber-native.cjs.d.ts"
-}
+{
+  "main": "dist/react-three-fiber-native.cjs.js",
+  "module": "dist/react-three-fiber-native.esm.js",
+  "types": "dist/react-three-fiber-native.cjs.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "8.17.5",
+  "version": "8.17.7",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",