@react-three/drei 10.6.0 → 10.7.0

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,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;
+"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 o=n(e),i=u(r);const c=i.forwardRef((function({children:e,object:r,disable:n,disableX:u,disableY:c,disableZ:a,left:l,right:s,top:f,bottom:d,front:p,back:b,onCentered:m,precise:g=!0,cacheKey:h=0,...x},y){const j=i.useRef(null),O=i.useRef(null),v=i.useRef(null),[w]=i.useState((()=>new t.Box3)),[S]=i.useState((()=>new t.Vector3)),[z]=i.useState((()=>new t.Sphere));return i.useLayoutEffect((()=>{O.current.matrixWorld.identity(),w.setFromObject(null!=r?r:v.current,g);const e=w.max.x-w.min.x,t=w.max.y-w.min.y,o=w.max.z-w.min.z;w.getCenter(S),w.getBoundingSphere(z);const i=f?t/2:d?-t/2:0,h=l?-e/2:s?e/2:0,x=p?o/2:b?-o/2:0;O.current.position.set(n||u?0:-S.x+h,n||c?0:-S.y+i,n||a?0:-S.z+x),null==m||m({parent:j.current.parent,container:j.current,width:e,height:t,depth:o,boundingBox:w,boundingSphere:z,center:S,verticalAlignment:i,horizontalAlignment:h,depthAlignment:x})}),[h,m,f,l,p,n,u,c,a,r,g,s,d,b,w,S,z]),i.useImperativeHandle(y,(()=>j.current),[]),i.createElement("group",o.default({ref:j},x),i.createElement("group",{ref:O},i.createElement("group",{ref:v},e)))}));exports.Center=c;

package/core/Center.d.ts

@@ -25,6 +25,7 @@ export type CenterProps = Omit<ThreeElements['group'], 'ref'> & {
     disableX?: boolean;
     disableY?: boolean;
     disableZ?: boolean;
+    object?: THREE.Object3D | null;
     precise?: boolean;
     onCentered?: (props: OnCenterCallbackProps) => void;
     cacheKey?: any;

package/core/Center.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 
 const Center = /* @__PURE__ */React.forwardRef(function Center({
   children,
+  object,
   disable,
   disableX,
   disableY,
@@ -22,11 +23,12 @@ const Center = /* @__PURE__ */React.forwardRef(function Center({
   const ref = React.useRef(null);
   const outer = React.useRef(null);
   const inner = React.useRef(null);
+  const [box3] = React.useState(() => new Box3());
+  const [center] = React.useState(() => new Vector3());
+  const [sphere] = React.useState(() => new Sphere());
   React.useLayoutEffect(() => {
     outer.current.matrixWorld.identity();
-    const box3 = new Box3().setFromObject(inner.current, precise);
-    const center = new Vector3();
-    const sphere = new Sphere();
+    box3.setFromObject(object !== null && object !== void 0 ? object : inner.current, precise);
     const width = box3.max.x - box3.min.x;
     const height = box3.max.y - box3.min.y;
     const depth = box3.max.z - box3.min.z;
@@ -38,22 +40,20 @@ const Center = /* @__PURE__ */React.forwardRef(function Center({
     outer.current.position.set(disable || disableX ? 0 : -center.x + hAlign, disable || disableY ? 0 : -center.y + vAlign, disable || disableZ ? 0 : -center.z + dAlign);
 
     // Only fire onCentered if the bounding box has changed
-    if (typeof onCentered !== 'undefined') {
-      onCentered({
-        parent: ref.current.parent,
-        container: ref.current,
-        width,
-        height,
-        depth,
-        boundingBox: box3,
-        boundingSphere: sphere,
-        center: center,
-        verticalAlignment: vAlign,
-        horizontalAlignment: hAlign,
-        depthAlignment: dAlign
-      });
-    }
-  }, [cacheKey, onCentered, top, left, front, disable, disableX, disableY, disableZ, precise, right, bottom, back]);
+    onCentered == null || onCentered({
+      parent: ref.current.parent,
+      container: ref.current,
+      width,
+      height,
+      depth,
+      boundingBox: box3,
+      boundingSphere: sphere,
+      center: center,
+      verticalAlignment: vAlign,
+      horizontalAlignment: hAlign,
+      depthAlignment: dAlign
+    });
+  }, [cacheKey, onCentered, top, left, front, disable, disableX, disableY, disableZ, object, precise, right, bottom, back, box3, center, sphere]);
   React.useImperativeHandle(fRef, () => ref.current, []);
   return /*#__PURE__*/React.createElement("group", _extends({
     ref: ref