downshift 8.2.4-alpha.3 → 8.2.4

package/dist/downshift.cjs.js

@@ -1723,19 +1723,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   React.useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  React.useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 

package/dist/downshift.esm.js

@@ -1710,19 +1710,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 

package/dist/downshift.native.cjs.js

@@ -1619,19 +1619,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   React.useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  React.useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 

package/dist/downshift.nativeweb.cjs.js

@@ -1718,19 +1718,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   React.useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  React.useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 

package/dist/downshift.umd.js

@@ -1379,7 +1379,7 @@
 
   var reactIsExports = reactIs.exports;
 
-  const t=t=>"object"==typeof t&&null!=t&&1===t.nodeType,e=(t,e)=>(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t),n=(t,n)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const o=getComputedStyle(t,null);return e(o.overflowY,n)||e(o.overflowX,n)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return !1},o=(t,e,n,o,i,l,r,d)=>l<t&&r>e||l>t&&r<e?0:l<=t&&d<=n||r>=e&&d>=n?l-t-o:r>e&&d<n||l<t&&d>n?r-e+i:0,i=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},l=(e,l)=>{var r,d,s,h;if("undefined"==typeof document)return [];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=l,m="function"==typeof a?a:t=>t!==a;if(!t(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t(W)&&m(W);){if(W=i(W),W===p){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W);}const H=null!=(d=null==(r=window.visualViewport)?void 0:r.width)?d:innerWidth,b=null!=(h=null==(s=window.visualViewport)?void 0:s.height)?h:innerHeight,{scrollX:v,scrollY:y}=window,{height:E,width:M,top:x,right:I,bottom:C,left:R}=e.getBoundingClientRect();let T="start"===f||"nearest"===f?x:"end"===f?C:x+E/2,V="center"===u?R+M/2:"end"===u?I:R;const k=[];for(let t=0;t<w.length;t++){const e=w[t],{height:n,width:i,top:l,right:r,bottom:d,left:s}=e.getBoundingClientRect();if("if-needed"===c&&x>=0&&R>=0&&C<=b&&I<=H&&x>=l&&C<=d&&R>=s&&I<=r)return k;const h=getComputedStyle(e),a=parseInt(h.borderLeftWidth,10),g=parseInt(h.borderTopWidth,10),m=parseInt(h.borderRightWidth,10),W=parseInt(h.borderBottomWidth,10);let B=0,D=0;const L="offsetWidth"in e?e.offsetWidth-e.clientWidth-a-m:0,S="offsetHeight"in e?e.offsetHeight-e.clientHeight-g-W:0,X="offsetWidth"in e?0===e.offsetWidth?0:i/e.offsetWidth:0,Y="offsetHeight"in e?0===e.offsetHeight?0:n/e.offsetHeight:0;if(p===e)B="start"===f?T:"end"===f?T-b:"nearest"===f?o(y,y+b,b,g,W,y+T,y+T+E,E):T-b/2,D="start"===u?V:"center"===u?V-H/2:"end"===u?V-H:o(v,v+H,H,a,m,v+V,v+V+M,M),B=Math.max(0,B+y),D=Math.max(0,D+v);else {B="start"===f?T-l-g:"end"===f?T-d+W+S:"nearest"===f?o(l,d,n,g,W+S,T,T+E,E):T-(l+n/2)+S/2,D="start"===u?V-s-a:"center"===u?V-(s+i/2)+L/2:"end"===u?V-r+m+L:o(s,r,i,a,m+L,V,V+M,M);const{scrollLeft:t,scrollTop:h}=e;B=Math.max(0,Math.min(h+B/Y,e.scrollHeight-n/Y+S)),D=Math.max(0,Math.min(t+D/X,e.scrollWidth-i/X+L)),T+=h-B,V+=t-D;}k.push({el:e,top:B,left:D});}return k};
+  const t=t=>"object"==typeof t&&null!=t&&1===t.nodeType,e=(t,e)=>(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t),n=(t,n)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const o=getComputedStyle(t,null);return e(o.overflowY,n)||e(o.overflowX,n)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return !1},o=(t,e,n,o,l,r,i,s)=>r<t&&i>e||r>t&&i<e?0:r<=t&&s<=n||i>=e&&s>=n?r-t-o:i>e&&s<n||r<t&&s>n?i-e+l:0,l=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},r=(e,r)=>{var i,s,d,h;if("undefined"==typeof document)return [];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=r,p="function"==typeof a?a:t=>t!==a;if(!t(e))throw new TypeError("Invalid target");const m=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t(W)&&p(W);){if(W=l(W),W===m){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W);}const b=null!=(s=null==(i=window.visualViewport)?void 0:i.width)?s:innerWidth,H=null!=(h=null==(d=window.visualViewport)?void 0:d.height)?h:innerHeight,{scrollX:y,scrollY:M}=window,{height:v,width:E,top:x,right:C,bottom:I,left:R}=e.getBoundingClientRect(),{top:T,right:B,bottom:F,left:V}=(t=>{const e=window.getComputedStyle(t);return {top:parseFloat(e.scrollMarginTop)||0,right:parseFloat(e.scrollMarginRight)||0,bottom:parseFloat(e.scrollMarginBottom)||0,left:parseFloat(e.scrollMarginLeft)||0}})(e);let k="start"===f||"nearest"===f?x-T:"end"===f?I+F:x+v/2-T+F,D="center"===u?R+E/2-V+B:"end"===u?C+B:R-V;const L=[];for(let t=0;t<w.length;t++){const e=w[t],{height:n,width:l,top:r,right:i,bottom:s,left:d}=e.getBoundingClientRect();if("if-needed"===c&&x>=0&&R>=0&&I<=H&&C<=b&&x>=r&&I<=s&&R>=d&&C<=i)return L;const h=getComputedStyle(e),a=parseInt(h.borderLeftWidth,10),g=parseInt(h.borderTopWidth,10),p=parseInt(h.borderRightWidth,10),W=parseInt(h.borderBottomWidth,10);let T=0,B=0;const F="offsetWidth"in e?e.offsetWidth-e.clientWidth-a-p:0,V="offsetHeight"in e?e.offsetHeight-e.clientHeight-g-W:0,S="offsetWidth"in e?0===e.offsetWidth?0:l/e.offsetWidth:0,X="offsetHeight"in e?0===e.offsetHeight?0:n/e.offsetHeight:0;if(m===e)T="start"===f?k:"end"===f?k-H:"nearest"===f?o(M,M+H,H,g,W,M+k,M+k+v,v):k-H/2,B="start"===u?D:"center"===u?D-b/2:"end"===u?D-b:o(y,y+b,b,a,p,y+D,y+D+E,E),T=Math.max(0,T+M),B=Math.max(0,B+y);else {T="start"===f?k-r-g:"end"===f?k-s+W+V:"nearest"===f?o(r,s,n,g,W+V,k,k+v,v):k-(r+n/2)+V/2,B="start"===u?D-d-a:"center"===u?D-(d+l/2)+F/2:"end"===u?D-i+p+F:o(d,i,l,a,p+F,D,D+E,E);const{scrollLeft:t,scrollTop:h}=e;T=0===X?0:Math.max(0,Math.min(h+T/X,e.scrollHeight-n/X+V)),B=0===S?0:Math.max(0,Math.min(t+B/S,e.scrollWidth-l/S+F)),k+=h-T,D+=t-B;}L.push({el:e,top:T,left:B});}return L};
 
   var idCounter = 0;
 
@@ -1405,7 +1405,7 @@
     if (!node) {
       return;
     }
-    var actions = l(node, {
+    var actions = r(node, {
       boundary: menuNode,
       block: 'nearest',
       scrollMode: 'if-needed'
@@ -3076,19 +3076,12 @@
     }, [propsRef]);
     var action = actionRef.current;
     React.useEffect(function () {
-      console.log('effect');
       var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-      console.log('passed', prevStateRef.current, state);
       if (shouldCallOnChangeProps) {
         callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
       }
       prevStateRef.current = state;
     }, [state, action, isStateEqual]);
-    React.useEffect(function () {
-      if (props) {
-        prevStateRef.current = getState(prevStateRef.current, props);
-      }
-    }, [props]);
     return [state, dispatchWithProps];
   }