@react-three/drei 9.66.1 → 9.66.3

package/README.md

@@ -2368,7 +2368,7 @@ const props = useTexture({
 return <meshStandardMaterial {...props} />
 ```
 
-Use the `onLoad` callback to set propeties on loaded textures.
+Use the `onLoad` callback to set properties on loaded textures.
 
 ```jsx
 const texture = useTexture(url, (texture) => {

package/core/AsciiRenderer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("three-stdlib");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=o(e);exports.AsciiRenderer=function({renderIndex:e=1,bgColor:o="black",fgColor:l="white",characters:s=" .:-+*=%@#",invert:c=!0,color:i=!1,resolution:d=.15}){const{size:u,gl:m,scene:a,camera:f}=t.useThree(),E=n.useMemo((()=>{const e=new r.AsciiEffect(m,s,{invert:c,color:i,resolution:d});return e.domElement.style.position="absolute",e.domElement.style.top="0px",e.domElement.style.left="0px",e.domElement.style.pointerEvents="none",e}),[s,c,i,d]);n.useLayoutEffect((()=>{E.domElement.style.color=l,E.domElement.style.backgroundColor=o}),[l,o]),n.useEffect((()=>(m.domElement.style.opacity="0",m.domElement.parentNode.appendChild(E.domElement),()=>{m.domElement.style.opacity="1",m.domElement.parentNode.removeChild(E.domElement)})),[E]),n.useEffect((()=>{E.setSize(u.width,u.height)}),[E,u]),t.useFrame((e=>{E.render(a,f)}),e)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("three-stdlib");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=o(e);exports.AsciiRenderer=function({renderIndex:e=1,bgColor:o="black",fgColor:l="white",characters:c=" .:-+*=%@#",invert:s=!0,color:i=!1,resolution:u=.15}){const{size:m,gl:d,scene:a,camera:f}=t.useThree(),E=n.useMemo((()=>{const e=new r.AsciiEffect(d,c,{invert:s,color:i,resolution:u});return e.domElement.style.position="absolute",e.domElement.style.top="0px",e.domElement.style.left="0px",e.domElement.style.pointerEvents="none",e}),[c,s,i,u]);return n.useLayoutEffect((()=>{E.domElement.style.color=l,E.domElement.style.backgroundColor=o}),[l,o]),n.useEffect((()=>(d.domElement.style.opacity="0",d.domElement.parentNode.appendChild(E.domElement),()=>{d.domElement.style.opacity="1",d.domElement.parentNode.removeChild(E.domElement)})),[E]),n.useEffect((()=>{E.setSize(m.width,m.height)}),[E,m]),t.useFrame((e=>{E.render(a,f)}),e),n.createElement(n.Fragment,null)};

package/core/AsciiRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type AsciiRendererProps = {
     renderIndex?: number;
     bgColor?: string;
@@ -7,5 +8,5 @@ declare type AsciiRendererProps = {
     color?: boolean;
     resolution?: number;
 };
-export declare function AsciiRenderer({ renderIndex, bgColor, fgColor, characters, invert, color, resolution, }: AsciiRendererProps): void;
+export declare function AsciiRenderer({ renderIndex, bgColor, fgColor, characters, invert, color, resolution, }: AsciiRendererProps): JSX.Element;
 export {};

package/core/AsciiRenderer.js

@@ -52,7 +52,9 @@ function AsciiRenderer({
 
   useFrame(state => {
     effect.render(scene, camera);
-  }, renderIndex); // This component returns nothing, it is a purely logical
+  }, renderIndex); // return something to not break type signatures
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
 }
 
 export { AsciiRenderer };

package/core/Center.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(e),o=u(r);const c=o.forwardRef((function({children:e,disable:r,disableX:n,disableY:u,disableZ:c,left:a,right:l,top:f,bottom:d,front:s,back:p,onCentered:b,precise:m=!0,...g},h){const x=o.useRef(null),y=o.useRef(null),j=o.useRef(null);return o.useLayoutEffect((()=>{y.current.matrixWorld.identity();const e=(new t.Box3).setFromObject(j.current,m),i=new t.Vector3,o=new t.Sphere,g=e.max.x-e.min.x,h=e.max.y-e.min.y,v=e.max.z-e.min.z;e.getCenter(i),e.getBoundingSphere(o);const O=f?h/2:d?-h/2:0,w=a?-g/2:l?g/2:0,z=s?v/2:p?-v/2:0;y.current.position.set(r||n?0:-i.x+w,r||u?0:-i.y+O,r||c?0:-i.z+z),void 0!==b&&b({parent:x.current.parent,container:x.current,width:g,height:h,depth:v,boundingBox:e,boundingSphere:o,center:i,verticalAlignment:O,horizontalAlignment:w,depthAlignment:z})}),[e,b,f,a,s,r,n,u,c,m,l,d,p]),o.useImperativeHandle(h,(()=>x.current),[]),o.createElement("group",i.default({ref:x},g),o.createElement("group",{ref:y},o.createElement("group",{ref:j},e)))}));exports.Center=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(e),o=u(r);const c=o.forwardRef((function({children:e,disable:r,disableX:n,disableY:u,disableZ:c,left:a,right:l,top:f,bottom:d,front:s,back:p,onCentered:b,precise:m=!0,cacheKey:g=0,...h},x){const y=o.useRef(null),j=o.useRef(null),v=o.useRef(null);return o.useLayoutEffect((()=>{j.current.matrixWorld.identity();const e=(new t.Box3).setFromObject(v.current,m),i=new t.Vector3,o=new t.Sphere,g=e.max.x-e.min.x,h=e.max.y-e.min.y,x=e.max.z-e.min.z;e.getCenter(i),e.getBoundingSphere(o);const O=f?h/2:d?-h/2:0,w=a?-g/2:l?g/2:0,z=s?x/2:p?-x/2:0;j.current.position.set(r||n?0:-i.x+w,r||u?0:-i.y+O,r||c?0:-i.z+z),void 0!==b&&b({parent:y.current.parent,container:y.current,width:g,height:h,depth:x,boundingBox:e,boundingSphere:o,center:i,verticalAlignment:O,horizontalAlignment:w,depthAlignment:z})}),[g,b,f,a,s,r,n,u,c,m,l,d,p]),o.useImperativeHandle(x,(()=>y.current),[]),o.createElement("group",i.default({ref:y},h),o.createElement("group",{ref:j},o.createElement("group",{ref:v},e)))}));exports.Center=c;

package/core/Center.d.ts

@@ -26,6 +26,7 @@ export declare type CenterProps = {
     disableZ?: boolean;
     precise?: boolean;
     onCentered?: (props: OnCenterCallbackProps) => void;
+    cacheKey?: any;
 };
 export declare const Center: React.ForwardRefExoticComponent<Pick<Omit<import("@react-three/fiber").ExtendedColors<import("@react-three/fiber").Overwrite<Partial<Group>, import("@react-three/fiber").NodeProps<Group, typeof Group>>>, import("@react-three/fiber").NonFunctionKeys<{
     position?: import("@react-three/fiber").Vector3 | undefined;

package/core/Center.js

@@ -16,6 +16,7 @@ const Center = /*#__PURE__*/React.forwardRef(function Center({
   back,
   onCentered,
   precise = true,
+  cacheKey = 0,
   ...props
 }, fRef) {
   const ref = React.useRef(null);
@@ -51,7 +52,7 @@ const Center = /*#__PURE__*/React.forwardRef(function Center({
         depthAlignment: dAlign
       });
     }
-  }, [children, onCentered, top, left, front, disable, disableX, disableY, disableZ, precise, right, bottom, back]);
+  }, [cacheKey, onCentered, top, left, front, disable, disableX, disableY, disableZ, precise, right, bottom, back]);
   React.useImperativeHandle(fRef, () => ref.current, []);
   return /*#__PURE__*/React.createElement("group", _extends({
     ref: ref