@react-three/drei 9.77.8 → 9.77.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/drei",
-  "version": "9.77.8",
+  "version": "9.77.10",
   "private": false,
   "description": "useful add-ons for react-three-fiber",
   "keywords": [

package/web/KeyboardControls.cjs.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("zustand"),r=require("zustand/middleware");function n(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 s=n(e);const o=t.default,u=s.createContext(null);exports.KeyboardControls=function({map:e,children:t,onChange:n,domElement:c}){const a=e.map((e=>e.name+e.keys)).join("-"),d=s.useMemo((()=>o(r.subscribeWithSelector((()=>e.reduce(((e,t)=>({...e,[t.name]:!1})),{}))))),[a]),i=s.useMemo((()=>[d.subscribe,d.getState,d]),[a]),f=d.setState;return s.useEffect((()=>{const t=e.map((({name:e,keys:t,up:r})=>({keys:t,up:r,fn:t=>{f({[e]:t}),n&&n(e,t,i[1]())}}))).reduce(((e,{keys:t,fn:r,up:n=!0})=>(t.forEach((t=>e[t]={fn:r,pressed:!1,up:n})),e)),{}),r=({key:e,code:r})=>{const n=t[e]||t[r];if(!n)return;const{fn:s,pressed:o,up:u}=n;n.pressed=!0,!u&&o||s(!0)},s=({key:e,code:r})=>{const n=t[e]||t[r];if(!n)return;const{fn:s,up:o}=n;n.pressed=!1,o&&s(!1)},o=c||window;return o.addEventListener("keydown",r,{passive:!0}),o.addEventListener("keyup",s,{passive:!0}),()=>{o.removeEventListener("keydown",r),o.removeEventListener("keyup",s)}}),[c,a]),s.createElement(u.Provider,{value:i,children:t})},exports.useKeyboardControls=function(e){const[t,r,n]=s.useContext(u);return e?n(e):[t,r]};
+"use strict";var e=require("react"),t=require("zustand"),r=require("zustand/middleware");function n(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 s=n(e);const o=t.default||t,u=s.createContext(null);exports.KeyboardControls=function({map:e,children:t,onChange:n,domElement:c}){const a=e.map((e=>e.name+e.keys)).join("-"),d=s.useMemo((()=>o(r.subscribeWithSelector((()=>e.reduce(((e,t)=>({...e,[t.name]:!1})),{}))))),[a]),i=s.useMemo((()=>[d.subscribe,d.getState,d]),[a]),f=d.setState;return s.useEffect((()=>{const t=e.map((({name:e,keys:t,up:r})=>({keys:t,up:r,fn:t=>{f({[e]:t}),n&&n(e,t,i[1]())}}))).reduce(((e,{keys:t,fn:r,up:n=!0})=>(t.forEach((t=>e[t]={fn:r,pressed:!1,up:n})),e)),{}),r=({key:e,code:r})=>{const n=t[e]||t[r];if(!n)return;const{fn:s,pressed:o,up:u}=n;n.pressed=!0,!u&&o||s(!0)},s=({key:e,code:r})=>{const n=t[e]||t[r];if(!n)return;const{fn:s,up:o}=n;n.pressed=!1,o&&s(!1)},o=c||window;return o.addEventListener("keydown",r,{passive:!0}),o.addEventListener("keyup",s,{passive:!0}),()=>{o.removeEventListener("keydown",r),o.removeEventListener("keyup",s)}}),[c,a]),s.createElement(u.Provider,{value:i,children:t})},exports.useKeyboardControls=function(e){const[t,r,n]=s.useContext(u);return e?n(e):[t,r]};

package/web/KeyboardControls.js

@@ -4,7 +4,7 @@ import { subscribeWithSelector } from 'zustand/middleware';
 
 // https://github.com/pmndrs/drei/pull/1550
 
-const create = zustand.default; // These are removed in Zustand v4
+const create = zustand.default || zustand; // These are removed in Zustand v4
 
 const context = /*@__PURE__*/React.createContext(null);
 function KeyboardControls({

package/web/Select.cjs.js

@@ -1 +1 @@
-"use strict";var e=require("@babel/runtime/helpers/extends"),t=require("react"),n=require("three"),r=require("three-stdlib"),o=require("@react-three/fiber"),i=require("zustand/shallow");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=l(t),c=l(n);const u=i.default,a=s.createContext([]);exports.Select=function({box:t,multiple:n,children:i,onChange:l,onChangePointerUp:d,border:f="1px solid #55aaff",backgroundColor:p="rgba(75, 160, 255, 0.1)",filter:h=(e=>e),...v}){const[b,m]=s.useState(!1),{setEvents:y,camera:x,raycaster:E,gl:g,controls:w,size:C,get:P}=o.useThree(),[j,O]=s.useState(!1),[k,q]=s.useReducer(((e,{object:t,shift:n})=>void 0===t?[]:Array.isArray(t)?t:n?e.includes(t)?e.filter((e=>e!==t)):[t,...e]:e[0]===t?[]:[t]),[]);s.useEffect((()=>{b?null==l||l(k):null==d||d(k)}),[k,b]);const L=s.useCallback((e=>{e.stopPropagation(),q({object:h([e.object])[0],shift:n&&e.shiftKey})}),[]),M=s.useCallback((e=>!j&&q({})),[j]),S=s.useRef(null);return s.useEffect((()=>{if(!t||!n)return;const e=new r.SelectionBox(x,S.current),o=document.createElement("div");o.style.pointerEvents="none",o.style.border=f,o.style.backgroundColor=p,o.style.position="fixed";const i=new c.Vector2,l=new c.Vector2,s=new c.Vector2,a=P().events.enabled,d=null==w?void 0:w.enabled;let v=!1;function b(e,t){const{offsetX:n,offsetY:r}=e,{width:o,height:i}=C;t.set(n/o*2-1,-r/i*2+1)}function E(t){t.shiftKey&&(!function(e){var t;w&&(w.enabled=!1),y({enabled:!1}),m(v=!0),null==(t=g.domElement.parentElement)||t.appendChild(o),o.style.left=`${e.clientX}px`,o.style.top=`${e.clientY}px`,o.style.width="0px",o.style.height="0px",i.x=e.clientX,i.y=e.clientY}(t),b(t,e.startPoint))}let j=[];function O(t){if(v){!function(e){s.x=Math.max(i.x,e.clientX),s.y=Math.max(i.y,e.clientY),l.x=Math.min(i.x,e.clientX),l.y=Math.min(i.y,e.clientY),o.style.left=`${l.x}px`,o.style.top=`${l.y}px`,o.style.width=s.x-l.x+"px",o.style.height=s.y-l.y+"px"}(t),b(t,e.endPoint);const n=e.select().sort((e=>e.uuid)).filter((e=>e.isMesh));u(n,j)||(j=n,q({object:h(n)}))}}function k(e){var t;v&&v&&(w&&(w.enabled=d),y({enabled:a}),m(v=!1),null==(t=o.parentElement)||t.removeChild(o))}return document.addEventListener("pointerdown",E,{passive:!0}),document.addEventListener("pointermove",O,{passive:!0,capture:!0}),document.addEventListener("pointerup",k,{passive:!0}),()=>{document.removeEventListener("pointerdown",E),document.removeEventListener("pointermove",O),document.removeEventListener("pointerup",k)}}),[C.width,C.height,E,x,w,g]),s.createElement("group",e({ref:S,onClick:L,onPointerOver:()=>O(!0),onPointerOut:()=>O(!1),onPointerMissed:M},v),s.createElement(a.Provider,{value:k},i))},exports.useSelect=function(){return s.useContext(a)};
+"use strict";var e=require("@babel/runtime/helpers/extends"),t=require("react"),n=require("three"),r=require("three-stdlib"),o=require("@react-three/fiber"),i=require("zustand/shallow");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=l(t),c=l(n);const u=i.default||i,a=s.createContext([]);exports.Select=function({box:t,multiple:n,children:i,onChange:l,onChangePointerUp:d,border:f="1px solid #55aaff",backgroundColor:p="rgba(75, 160, 255, 0.1)",filter:h=(e=>e),...v}){const[b,m]=s.useState(!1),{setEvents:y,camera:x,raycaster:E,gl:g,controls:w,size:C,get:P}=o.useThree(),[j,O]=s.useState(!1),[k,q]=s.useReducer(((e,{object:t,shift:n})=>void 0===t?[]:Array.isArray(t)?t:n?e.includes(t)?e.filter((e=>e!==t)):[t,...e]:e[0]===t?[]:[t]),[]);s.useEffect((()=>{b?null==l||l(k):null==d||d(k)}),[k,b]);const L=s.useCallback((e=>{e.stopPropagation(),q({object:h([e.object])[0],shift:n&&e.shiftKey})}),[]),M=s.useCallback((e=>!j&&q({})),[j]),S=s.useRef(null);return s.useEffect((()=>{if(!t||!n)return;const e=new r.SelectionBox(x,S.current),o=document.createElement("div");o.style.pointerEvents="none",o.style.border=f,o.style.backgroundColor=p,o.style.position="fixed";const i=new c.Vector2,l=new c.Vector2,s=new c.Vector2,a=P().events.enabled,d=null==w?void 0:w.enabled;let v=!1;function b(e,t){const{offsetX:n,offsetY:r}=e,{width:o,height:i}=C;t.set(n/o*2-1,-r/i*2+1)}function E(t){t.shiftKey&&(!function(e){var t;w&&(w.enabled=!1),y({enabled:!1}),m(v=!0),null==(t=g.domElement.parentElement)||t.appendChild(o),o.style.left=`${e.clientX}px`,o.style.top=`${e.clientY}px`,o.style.width="0px",o.style.height="0px",i.x=e.clientX,i.y=e.clientY}(t),b(t,e.startPoint))}let j=[];function O(t){if(v){!function(e){s.x=Math.max(i.x,e.clientX),s.y=Math.max(i.y,e.clientY),l.x=Math.min(i.x,e.clientX),l.y=Math.min(i.y,e.clientY),o.style.left=`${l.x}px`,o.style.top=`${l.y}px`,o.style.width=s.x-l.x+"px",o.style.height=s.y-l.y+"px"}(t),b(t,e.endPoint);const n=e.select().sort((e=>e.uuid)).filter((e=>e.isMesh));u(n,j)||(j=n,q({object:h(n)}))}}function k(e){var t;v&&v&&(w&&(w.enabled=d),y({enabled:a}),m(v=!1),null==(t=o.parentElement)||t.removeChild(o))}return document.addEventListener("pointerdown",E,{passive:!0}),document.addEventListener("pointermove",O,{passive:!0,capture:!0}),document.addEventListener("pointerup",k,{passive:!0}),()=>{document.removeEventListener("pointerdown",E),document.removeEventListener("pointermove",O),document.removeEventListener("pointerup",k)}}),[C.width,C.height,E,x,w,g]),s.createElement("group",e({ref:S,onClick:L,onPointerOver:()=>O(!0),onPointerOut:()=>O(!1),onPointerMissed:M},v),s.createElement(a.Provider,{value:k},i))},exports.useSelect=function(){return s.useContext(a)};

package/web/Select.js

@@ -7,7 +7,7 @@ import zustand from 'zustand/shallow';
 
 // https://github.com/pmndrs/drei/pull/1550
 
-const shallow = zustand.default;
+const shallow = zustand.default || zustand;
 const context = /*#__PURE__*/React.createContext([]);
 function Select({
   box,