downshift 9.0.8 → 9.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "downshift",
-  "version": "9.0.8",
+  "version": "9.0.10",
   "description": "🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.",
   "main": "dist/downshift.cjs.js",
   "react-native": "dist/downshift.native.cjs.js",
@@ -47,6 +47,18 @@
     "preact",
     "flow-typed"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/downshift.esm.js",
+      "require": "./dist/downshift.cjs.js",
+      "types": "./typings/index.d.ts",
+      "default": "./dist/downshift.esm.js"
+    },
+    "./react-native": {
+      "require": "./dist/downshift.native.cjs.js",
+      "types": "./typings/index.d.ts"
+    }
+  },
   "keywords": [
     "enhanced input",
     "react",

package/preact/dist/downshift.cjs.js

@@ -1297,7 +1297,7 @@ var Downshift = /*#__PURE__*/function () {
     _proto.componentDidMount = function componentDidMount() {
       var _this4 = this;
       /* istanbul ignore if (react-native) */
-      if (process.env.NODE_ENV !== 'production' && !false && this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
+      if (process.env.NODE_ENV !== 'production' && true && this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
         validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);
       }
 
@@ -1368,10 +1368,10 @@ var Downshift = /*#__PURE__*/function () {
       }
     };
     _proto.shouldScroll = function shouldScroll(prevState, prevProps) {
-      var _ref10 = this.props.highlightedIndex === undefined ? this.getState() : this.props,
-        currentHighlightedIndex = _ref10.highlightedIndex;
-      var _ref11 = prevProps.highlightedIndex === undefined ? prevState : prevProps,
-        prevHighlightedIndex = _ref11.highlightedIndex;
+      var _ref0 = this.props.highlightedIndex === undefined ? this.getState() : this.props,
+        currentHighlightedIndex = _ref0.highlightedIndex;
+      var _ref1 = prevProps.highlightedIndex === undefined ? prevState : prevProps,
+        prevHighlightedIndex = _ref1.highlightedIndex;
       var scrollWhenOpen = currentHighlightedIndex && this.getState().isOpen && !prevState.isOpen;
       var scrollWhenNavigating = currentHighlightedIndex !== prevHighlightedIndex;
       return scrollWhenOpen || scrollWhenNavigating;
@@ -1485,16 +1485,15 @@ var Downshift = /*#__PURE__*/function () {
   Downshift.stateChangeTypes = stateChangeTypes$3;
   return Downshift;
 }();
-var Downshift$1 = Downshift;
-function validateGetMenuPropsCalledCorrectly(node, _ref12) {
-  var refKey = _ref12.refKey;
+function validateGetMenuPropsCalledCorrectly(node, _ref10) {
+  var refKey = _ref10.refKey;
   if (!node) {
     // eslint-disable-next-line no-console
     console.error("downshift: The ref prop \"" + refKey + "\" from getMenuProps was not applied correctly on your menu element.");
   }
 }
-function validateGetRootPropsCalledCorrectly(element, _ref13) {
-  var refKey = _ref13.refKey;
+function validateGetRootPropsCalledCorrectly(element, _ref11) {
+  var refKey = _ref11.refKey;
   var refKeySpecified = refKey !== 'ref';
   var isComposite = !isDOMElement(element);
   if (isComposite && !refKeySpecified && !reactIs.isForwardRef(element)) {
@@ -3834,7 +3833,7 @@ function useMultipleSelection(userProps) {
   };
 }
 
-exports.default = Downshift$1;
+exports.default = Downshift;
 exports.resetIdCounter = resetIdCounter;
 exports.useCombobox = useCombobox;
 exports.useMultipleSelection = useMultipleSelection;

package/preact/dist/downshift.esm.js

@@ -1293,7 +1293,7 @@ var Downshift = /*#__PURE__*/function () {
     _proto.componentDidMount = function componentDidMount() {
       var _this4 = this;
       /* istanbul ignore if (react-native) */
-      if (process.env.NODE_ENV !== 'production' && !false && this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
+      if (process.env.NODE_ENV !== 'production' && true && this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
         validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);
       }
 
@@ -1364,10 +1364,10 @@ var Downshift = /*#__PURE__*/function () {
       }
     };
     _proto.shouldScroll = function shouldScroll(prevState, prevProps) {
-      var _ref10 = this.props.highlightedIndex === undefined ? this.getState() : this.props,
-        currentHighlightedIndex = _ref10.highlightedIndex;
-      var _ref11 = prevProps.highlightedIndex === undefined ? prevState : prevProps,
-        prevHighlightedIndex = _ref11.highlightedIndex;
+      var _ref0 = this.props.highlightedIndex === undefined ? this.getState() : this.props,
+        currentHighlightedIndex = _ref0.highlightedIndex;
+      var _ref1 = prevProps.highlightedIndex === undefined ? prevState : prevProps,
+        prevHighlightedIndex = _ref1.highlightedIndex;
       var scrollWhenOpen = currentHighlightedIndex && this.getState().isOpen && !prevState.isOpen;
       var scrollWhenNavigating = currentHighlightedIndex !== prevHighlightedIndex;
       return scrollWhenOpen || scrollWhenNavigating;
@@ -1481,16 +1481,15 @@ var Downshift = /*#__PURE__*/function () {
   Downshift.stateChangeTypes = stateChangeTypes$3;
   return Downshift;
 }();
-var Downshift$1 = Downshift;
-function validateGetMenuPropsCalledCorrectly(node, _ref12) {
-  var refKey = _ref12.refKey;
+function validateGetMenuPropsCalledCorrectly(node, _ref10) {
+  var refKey = _ref10.refKey;
   if (!node) {
     // eslint-disable-next-line no-console
     console.error("downshift: The ref prop \"" + refKey + "\" from getMenuProps was not applied correctly on your menu element.");
   }
 }
-function validateGetRootPropsCalledCorrectly(element, _ref13) {
-  var refKey = _ref13.refKey;
+function validateGetRootPropsCalledCorrectly(element, _ref11) {
+  var refKey = _ref11.refKey;
   var refKeySpecified = refKey !== 'ref';
   var isComposite = !isDOMElement(element);
   if (isComposite && !refKeySpecified && !isForwardRef(element)) {
@@ -3830,4 +3829,4 @@ function useMultipleSelection(userProps) {
   };
 }
 
-export { Downshift$1 as default, resetIdCounter, useCombobox, useMultipleSelection, useSelect };
+export { Downshift as default, resetIdCounter, useCombobox, useMultipleSelection, useSelect };

package/preact/dist/downshift.umd.js

@@ -8,7 +8,7 @@
     if (null == r) return {};
     var t = {};
     for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (e.includes(n)) continue;
+      if (-1 !== e.indexOf(n)) continue;
       t[n] = r[n];
     }
     return t;
@@ -271,7 +271,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,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};
+  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  false},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{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,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=x-T,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:l,width:r,top:i,right:s,bottom:d,left:h}=e.getBoundingClientRect();if(x>=0&&R>=0&&I<=H&&C<=b&&(e===m&&!n(e)||x>=i&&I<=d&&R>=h&&C<=s))return L;const a=getComputedStyle(e),g=parseInt(a.borderLeftWidth,10),p=parseInt(a.borderTopWidth,10),W=parseInt(a.borderRightWidth,10),T=parseInt(a.borderBottomWidth,10);let B=0,F=0;const V="offsetWidth"in e?e.offsetWidth-e.clientWidth-g-W:0,S="offsetHeight"in e?e.offsetHeight-e.clientHeight-p-T:0,X="offsetWidth"in e?0===e.offsetWidth?0:r/e.offsetWidth:0,Y="offsetHeight"in e?0===e.offsetHeight?0:l/e.offsetHeight:0;if(m===e)B=o(M,M+H,H,p,T,M+k,M+k+v,v),F="start"===u?D:"center"===u?D-b/2:"end"===u?D-b:o(y,y+b,b,g,W,y+D,y+D+E,E),B=Math.max(0,B+M),F=Math.max(0,F+y);else {B=o(i,d,l,p,T+S,k,k+v,v),F="start"===u?D-h-g:"center"===u?D-(h+r/2)+V/2:"end"===u?D-s+W+V:o(h,s,r,g,W+V,D,D+E,E);const{scrollLeft:t,scrollTop:n}=e;B=0===Y?0:Math.max(0,Math.min(n+B/Y,e.scrollHeight-l/Y+S)),F=0===X?0:Math.max(0,Math.min(t+F/X,e.scrollWidth-r/X+V)),k+=n-B,D+=t-F;}L.push({el:e,top:B,left:F});}return L};
 
   var idCounter = 0;
 
@@ -298,10 +298,7 @@
       return;
     }
     var actions = r(node, {
-      boundary: menuNode,
-      block: 'nearest',
-      scrollMode: 'if-needed'
-    });
+      boundary: menuNode});
     actions.forEach(function (_ref) {
       var el = _ref.el,
         top = _ref.top,
@@ -1626,10 +1623,10 @@
         }
       };
       _proto.shouldScroll = function shouldScroll(prevState, prevProps) {
-        var _ref10 = this.props.highlightedIndex === undefined ? this.getState() : this.props,
-          currentHighlightedIndex = _ref10.highlightedIndex;
-        var _ref11 = prevProps.highlightedIndex === undefined ? prevState : prevProps,
-          prevHighlightedIndex = _ref11.highlightedIndex;
+        var _ref0 = this.props.highlightedIndex === undefined ? this.getState() : this.props,
+          currentHighlightedIndex = _ref0.highlightedIndex;
+        var _ref1 = prevProps.highlightedIndex === undefined ? prevState : prevProps,
+          prevHighlightedIndex = _ref1.highlightedIndex;
         var scrollWhenOpen = currentHighlightedIndex && this.getState().isOpen && !prevState.isOpen;
         var scrollWhenNavigating = currentHighlightedIndex !== prevHighlightedIndex;
         return scrollWhenOpen || scrollWhenNavigating;
@@ -1740,16 +1737,15 @@
     Downshift.stateChangeTypes = stateChangeTypes$3;
     return Downshift;
   }();
-  var Downshift$1 = Downshift;
-  function validateGetMenuPropsCalledCorrectly(node, _ref12) {
-    var refKey = _ref12.refKey;
+  function validateGetMenuPropsCalledCorrectly(node, _ref10) {
+    var refKey = _ref10.refKey;
     if (!node) {
       // eslint-disable-next-line no-console
       console.error("downshift: The ref prop \"" + refKey + "\" from getMenuProps was not applied correctly on your menu element.");
     }
   }
-  function validateGetRootPropsCalledCorrectly(element, _ref13) {
-    var refKey = _ref13.refKey;
+  function validateGetRootPropsCalledCorrectly(element, _ref11) {
+    var refKey = _ref11.refKey;
     var refKeySpecified = refKey !== 'ref';
     var isComposite = !isDOMElement(element);
     if (isComposite && !refKeySpecified && !reactIsExports.isForwardRef(element)) {
@@ -2418,7 +2414,7 @@
   OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
   PERFORMANCE OF THIS SOFTWARE.
   ***************************************************************************** */
-  /* global Reflect, Promise, SuppressedError, Symbol */
+  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
   var __assign = function() {
@@ -4122,7 +4118,7 @@
     };
   }
 
-  exports.default = Downshift$1;
+  exports.default = Downshift;
   exports.resetIdCounter = resetIdCounter;
   exports.useCombobox = useCombobox;
   exports.useMultipleSelection = useMultipleSelection;