@react-three/drei 9.23.2 → 9.23.5

package/core/Text3D.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useMemo } from 'react';
 import { extend } from '@react-three/fiber';
 import { suspend } from 'suspend-react';
-import { FontLoader, TextGeometry } from 'three-stdlib';
+import { TextGeometry, FontLoader } from 'three-stdlib';
 
 const types = ['string', 'number'];
 
@@ -16,9 +16,10 @@ const getTextFromChildren = children => {
   return [label, ...rest];
 };
 
-const Text3DBase = /*#__PURE__*/React.forwardRef(({
-  font,
-  loader,
+const Text3D = /*#__PURE__*/React.forwardRef(({
+  font: _font,
+  letterSpacing = 0,
+  lineHeight = 1,
   size = 1,
   height = 0.2,
   bevelThickness = 0.1,
@@ -33,12 +34,14 @@ const Text3DBase = /*#__PURE__*/React.forwardRef(({
   React.useMemo(() => extend({
     RenamedTextGeometry: TextGeometry
   }), []);
-
-  const _font = React.useMemo(() => loader.parse(font), [font]);
-
+  const font = suspend(async () => {
+    let data = typeof _font === 'string' ? await (await fetch(_font)).json() : _font;
+    let loader = new FontLoader();
+    return loader.parse(data);
+  }, [_font]);
   const opts = useMemo(() => {
     return {
-      font: _font,
+      font,
       size,
       height,
       bevelThickness,
@@ -46,9 +49,11 @@ const Text3DBase = /*#__PURE__*/React.forwardRef(({
       bevelEnabled,
       bevelSegments,
       bevelOffset,
-      curveSegments
+      curveSegments,
+      letterSpacing,
+      lineHeight
     };
-  }, [_font, size, height, bevelThickness, bevelSize, bevelEnabled, bevelOffset, curveSegments]);
+  }, [font, size, height, bevelThickness, bevelSize, bevelEnabled, bevelOffset, curveSegments, letterSpacing, lineHeight]);
   /**
    * We need the `children` in the deps because we
    * need to be able to do `<Text3d>{state}</Text3d>`.
@@ -62,40 +67,5 @@ const Text3DBase = /*#__PURE__*/React.forwardRef(({
     args: args
   }), rest);
 });
-const Text3DSuspend = /*#__PURE__*/React.forwardRef(({
-  font,
-  loader,
-  ...props
-}, ref) => {
-  const _font = suspend(async () => {
-    const json = await (await fetch(font)).json();
-    return json;
-  }, [font]);
-
-  return /*#__PURE__*/React.createElement(Text3DBase, _extends({}, props, {
-    ref: ref,
-    font: _font,
-    loader: loader
-  }));
-});
-const Text3D = /*#__PURE__*/React.forwardRef(({
-  letterSpacing = 0,
-  lineHeight = 1,
-  ...props
-}, ref) => {
-  const loader = React.useMemo(() => {
-    const loader = new FontLoader();
-    loader.setOptions == null ? void 0 : loader.setOptions({
-      lineHeight,
-      letterSpacing
-    });
-    return loader;
-  }, [lineHeight, letterSpacing]);
-  const El = typeof props.font === 'string' ? Text3DSuspend : Text3DBase;
-  return /*#__PURE__*/React.createElement(El, _extends({}, props, {
-    ref: ref,
-    loader: loader
-  }));
-});
 
 export { Text3D };

package/core/TrackballControls.d.ts

@@ -12,4 +12,4 @@ export declare type TrackballControlsProps = ReactThreeFiber.Overwrite<ReactThre
     onStart?: (e?: THREE.Event) => void;
     onEnd?: (e?: THREE.Event) => void;
 }>;
-export declare const TrackballControls: React.ForwardRefExoticComponent<Pick<TrackballControlsProps, "object" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | "onChange" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "camera" | "screen" | "reset" | "enabled" | "connect" | "update" | "onStart" | "keys" | "target" | "makeDefault" | "domElement" | "minDistance" | "maxDistance" | "zoomSpeed" | "rotateSpeed" | "panSpeed" | "mouseButtons" | "onEnd" | "regress" | "noRotate" | "noZoom" | "noPan" | "staticMoving" | "dynamicDampingFactor" | "cursorZoom" | "handleResize"> & React.RefAttributes<TrackballControlsImpl>>;
+export declare const TrackballControls: React.ForwardRefExoticComponent<Pick<TrackballControlsProps, "object" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | "onChange" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "camera" | "screen" | "reset" | "enabled" | "connect" | "update" | "target" | "onStart" | "keys" | "makeDefault" | "domElement" | "minDistance" | "maxDistance" | "zoomSpeed" | "rotateSpeed" | "panSpeed" | "mouseButtons" | "onEnd" | "regress" | "noRotate" | "noZoom" | "noPan" | "staticMoving" | "dynamicDampingFactor" | "cursorZoom" | "handleResize"> & React.RefAttributes<TrackballControlsImpl>>;

package/core/TransformControls.d.ts

@@ -23,4 +23,4 @@ export declare type TransformControlsProps = ReactThreeFiber.Object3DNode<Transf
     onMouseUp?: (e?: THREE.Event) => void;
     onObjectChange?: (e?: THREE.Event) => void;
 };
-export declare const TransformControls: React.ForwardRefExoticComponent<Pick<TransformControlsProps, "object" | "visible" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "isGroup" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | "onChange" | "onMouseDown" | "onMouseUp" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "camera" | "size" | "space" | "reset" | "enabled" | "connect" | "update" | "axis" | "setSize" | "domElement" | "isTransformControls" | "detach" | "getMode" | "setMode" | "setTranslationSnap" | "setRotationSnap" | "setScaleSnap" | "setSpace" | "onObjectChange" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "showX" | "showY" | "showZ"> & React.RefAttributes<TransformControlsImpl<THREE.Camera>>>;
+export declare const TransformControls: React.ForwardRefExoticComponent<Pick<TransformControlsProps, "object" | "visible" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "isGroup" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | "onChange" | "onMouseDown" | "onMouseUp" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "camera" | "size" | "space" | "reset" | "enabled" | "connect" | "update" | "setSize" | "axis" | "domElement" | "isTransformControls" | "detach" | "getMode" | "setMode" | "setTranslationSnap" | "setRotationSnap" | "setScaleSnap" | "setSpace" | "onObjectChange" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "showX" | "showY" | "showZ"> & React.RefAttributes<TransformControlsImpl<THREE.Camera>>>;

package/core/softShadows.d.ts

@@ -5,5 +5,5 @@ declare type Props = {
     samples?: number;
     rings?: number;
 };
-export declare const softShadows: (props?: Props | undefined) => void;
+export declare const softShadows: (props?: Props) => void;
 export {};

package/core/useDetectGPU.d.ts

@@ -1,2 +1,2 @@
 import { GetGPUTier, TierResult } from 'detect-gpu';
-export declare const useDetectGPU: (props?: GetGPUTier | undefined) => TierResult;
+export declare const useDetectGPU: (props?: GetGPUTier) => TierResult;