downshift 9.0.11 → 9.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/downshift.cjs.js +24 -20
  2. package/dist/downshift.esm.js +25 -21
  3. package/dist/downshift.native.cjs.js +24 -20
  4. package/dist/downshift.nativeweb.cjs.js +24 -20
  5. package/dist/downshift.umd.js +24 -20
  6. package/dist/downshift.umd.js.map +1 -1
  7. package/dist/downshift.umd.min.js +1 -1
  8. package/dist/downshift.umd.min.js.map +1 -1
  9. package/package.json +1 -1
  10. package/preact/dist/downshift.cjs.js +24 -20
  11. package/preact/dist/downshift.esm.js +25 -21
  12. package/preact/dist/downshift.umd.js +24 -20
  13. package/preact/dist/downshift.umd.js.map +1 -1
  14. package/preact/dist/downshift.umd.min.js +1 -1
  15. package/preact/dist/downshift.umd.min.js.map +1 -1
package/dist/downshift.cjs.js CHANGED
@@ -1616,16 +1616,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1616
1616
  if (!id) {
1617
1617
  id = reactId;
1618
1618
  }
1619
- var elementIdsRef = React.useRef({
1620
- labelId: labelId || id + "-label",
1621
- menuId: menuId || id + "-menu",
1622
- getItemId: getItemId || function (index) {
1623
- return id + "-item-" + index;
1624
- },
1625
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1626
- inputId: inputId || id + "-input"
1627
- });
1628
- return elementIdsRef.current;
1619
+ var elementIds = React.useMemo(function () {
1620
+ return {
1621
+ labelId: labelId || id + "-label",
1622
+ menuId: menuId || id + "-menu",
1623
+ getItemId: getItemId || function (index) {
1624
+ return id + "-item-" + index;
1625
+ },
1626
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1627
+ inputId: inputId || id + "-input"
1628
+ };
1629
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1630
+ return elementIds;
1629
1631
  } : function useElementIds(_ref2) {
1630
1632
  var _ref2$id = _ref2.id,
1631
1633
  id = _ref2$id === void 0 ? "downshift-" + generateId() : _ref2$id,
@@ -1634,16 +1636,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1634
1636
  getItemId = _ref2.getItemId,
1635
1637
  toggleButtonId = _ref2.toggleButtonId,
1636
1638
  inputId = _ref2.inputId;
1637
- var elementIdsRef = React.useRef({
1638
- labelId: labelId || id + "-label",
1639
- menuId: menuId || id + "-menu",
1640
- getItemId: getItemId || function (index) {
1641
- return id + "-item-" + index;
1642
- },
1643
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1644
- inputId: inputId || id + "-input"
1645
- });
1646
- return elementIdsRef.current;
1639
+ var elementIds = React.useMemo(function () {
1640
+ return {
1641
+ labelId: labelId || id + "-label",
1642
+ menuId: menuId || id + "-menu",
1643
+ getItemId: getItemId || function (index) {
1644
+ return id + "-item-" + index;
1645
+ },
1646
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1647
+ inputId: inputId || id + "-input"
1648
+ };
1649
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1650
+ return elementIds;
1647
1651
  };
1648
1652
  function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
1649
1653
  var item, index;
package/dist/downshift.esm.js CHANGED
@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWith
2
2
  import _extends from '@babel/runtime/helpers/esm/extends';
3
3
  import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
4
4
  import PropTypes from 'prop-types';
5
- import React, { cloneElement, Component, useRef, useEffect, useLayoutEffect, useCallback, useReducer, useMemo } from 'react';
5
+ import React, { cloneElement, Component, useMemo, useRef, useEffect, useLayoutEffect, useCallback, useReducer } from 'react';
6
6
  import { isForwardRef } from 'react-is';
7
7
  import { compute } from 'compute-scroll-into-view';
8
8
  import { __assign } from 'tslib';
@@ -1612,16 +1612,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1612
1612
  if (!id) {
1613
1613
  id = reactId;
1614
1614
  }
1615
- var elementIdsRef = useRef({
1616
- labelId: labelId || id + "-label",
1617
- menuId: menuId || id + "-menu",
1618
- getItemId: getItemId || function (index) {
1619
- return id + "-item-" + index;
1620
- },
1621
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1622
- inputId: inputId || id + "-input"
1623
- });
1624
- return elementIdsRef.current;
1615
+ var elementIds = useMemo(function () {
1616
+ return {
1617
+ labelId: labelId || id + "-label",
1618
+ menuId: menuId || id + "-menu",
1619
+ getItemId: getItemId || function (index) {
1620
+ return id + "-item-" + index;
1621
+ },
1622
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1623
+ inputId: inputId || id + "-input"
1624
+ };
1625
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1626
+ return elementIds;
1625
1627
  } : function useElementIds(_ref2) {
1626
1628
  var _ref2$id = _ref2.id,
1627
1629
  id = _ref2$id === void 0 ? "downshift-" + generateId() : _ref2$id,
@@ -1630,16 +1632,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1630
1632
  getItemId = _ref2.getItemId,
1631
1633
  toggleButtonId = _ref2.toggleButtonId,
1632
1634
  inputId = _ref2.inputId;
1633
- var elementIdsRef = useRef({
1634
- labelId: labelId || id + "-label",
1635
- menuId: menuId || id + "-menu",
1636
- getItemId: getItemId || function (index) {
1637
- return id + "-item-" + index;
1638
- },
1639
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1640
- inputId: inputId || id + "-input"
1641
- });
1642
- return elementIdsRef.current;
1635
+ var elementIds = useMemo(function () {
1636
+ return {
1637
+ labelId: labelId || id + "-label",
1638
+ menuId: menuId || id + "-menu",
1639
+ getItemId: getItemId || function (index) {
1640
+ return id + "-item-" + index;
1641
+ },
1642
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1643
+ inputId: inputId || id + "-input"
1644
+ };
1645
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1646
+ return elementIds;
1643
1647
  };
1644
1648
  function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
1645
1649
  var item, index;
package/dist/downshift.native.cjs.js CHANGED
@@ -1506,16 +1506,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1506
1506
  if (!id) {
1507
1507
  id = reactId;
1508
1508
  }
1509
- var elementIdsRef = React.useRef({
1510
- labelId: labelId || id + "-label",
1511
- menuId: menuId || id + "-menu",
1512
- getItemId: getItemId || function (index) {
1513
- return id + "-item-" + index;
1514
- },
1515
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1516
- inputId: inputId || id + "-input"
1517
- });
1518
- return elementIdsRef.current;
1509
+ var elementIds = React.useMemo(function () {
1510
+ return {
1511
+ labelId: labelId || id + "-label",
1512
+ menuId: menuId || id + "-menu",
1513
+ getItemId: getItemId || function (index) {
1514
+ return id + "-item-" + index;
1515
+ },
1516
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1517
+ inputId: inputId || id + "-input"
1518
+ };
1519
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1520
+ return elementIds;
1519
1521
  } : function useElementIds(_ref2) {
1520
1522
  var _ref2$id = _ref2.id,
1521
1523
  id = _ref2$id === void 0 ? "downshift-" + generateId() : _ref2$id,
@@ -1524,16 +1526,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1524
1526
  getItemId = _ref2.getItemId,
1525
1527
  toggleButtonId = _ref2.toggleButtonId,
1526
1528
  inputId = _ref2.inputId;
1527
- var elementIdsRef = React.useRef({
1528
- labelId: labelId || id + "-label",
1529
- menuId: menuId || id + "-menu",
1530
- getItemId: getItemId || function (index) {
1531
- return id + "-item-" + index;
1532
- },
1533
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1534
- inputId: inputId || id + "-input"
1535
- });
1536
- return elementIdsRef.current;
1529
+ var elementIds = React.useMemo(function () {
1530
+ return {
1531
+ labelId: labelId || id + "-label",
1532
+ menuId: menuId || id + "-menu",
1533
+ getItemId: getItemId || function (index) {
1534
+ return id + "-item-" + index;
1535
+ },
1536
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1537
+ inputId: inputId || id + "-input"
1538
+ };
1539
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1540
+ return elementIds;
1537
1541
  };
1538
1542
  function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
1539
1543
  var item, index;
package/dist/downshift.nativeweb.cjs.js CHANGED
@@ -1614,16 +1614,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1614
1614
  if (!id) {
1615
1615
  id = reactId;
1616
1616
  }
1617
- var elementIdsRef = React.useRef({
1618
- labelId: labelId || id + "-label",
1619
- menuId: menuId || id + "-menu",
1620
- getItemId: getItemId || function (index) {
1621
- return id + "-item-" + index;
1622
- },
1623
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1624
- inputId: inputId || id + "-input"
1625
- });
1626
- return elementIdsRef.current;
1617
+ var elementIds = React.useMemo(function () {
1618
+ return {
1619
+ labelId: labelId || id + "-label",
1620
+ menuId: menuId || id + "-menu",
1621
+ getItemId: getItemId || function (index) {
1622
+ return id + "-item-" + index;
1623
+ },
1624
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1625
+ inputId: inputId || id + "-input"
1626
+ };
1627
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1628
+ return elementIds;
1627
1629
  } : function useElementIds(_ref2) {
1628
1630
  var _ref2$id = _ref2.id,
1629
1631
  id = _ref2$id === void 0 ? "downshift-" + generateId() : _ref2$id,
@@ -1632,16 +1634,18 @@ var useElementIds = 'useId' in React // Avoid conditional useId call
1632
1634
  getItemId = _ref2.getItemId,
1633
1635
  toggleButtonId = _ref2.toggleButtonId,
1634
1636
  inputId = _ref2.inputId;
1635
- var elementIdsRef = React.useRef({
1636
- labelId: labelId || id + "-label",
1637
- menuId: menuId || id + "-menu",
1638
- getItemId: getItemId || function (index) {
1639
- return id + "-item-" + index;
1640
- },
1641
- toggleButtonId: toggleButtonId || id + "-toggle-button",
1642
- inputId: inputId || id + "-input"
1643
- });
1644
- return elementIdsRef.current;
1637
+ var elementIds = React.useMemo(function () {
1638
+ return {
1639
+ labelId: labelId || id + "-label",
1640
+ menuId: menuId || id + "-menu",
1641
+ getItemId: getItemId || function (index) {
1642
+ return id + "-item-" + index;
1643
+ },
1644
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
1645
+ inputId: inputId || id + "-input"
1646
+ };
1647
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
1648
+ return elementIds;
1645
1649
  };
1646
1650
  function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
1647
1651
  var item, index;
package/dist/downshift.umd.js CHANGED
@@ -2953,16 +2953,18 @@
2953
2953
  if (!id) {
2954
2954
  id = reactId;
2955
2955
  }
2956
- var elementIdsRef = React.useRef({
2957
- labelId: labelId || id + "-label",
2958
- menuId: menuId || id + "-menu",
2959
- getItemId: getItemId || function (index) {
2960
- return id + "-item-" + index;
2961
- },
2962
- toggleButtonId: toggleButtonId || id + "-toggle-button",
2963
- inputId: inputId || id + "-input"
2964
- });
2965
- return elementIdsRef.current;
2956
+ var elementIds = React.useMemo(function () {
2957
+ return {
2958
+ labelId: labelId || id + "-label",
2959
+ menuId: menuId || id + "-menu",
2960
+ getItemId: getItemId || function (index) {
2961
+ return id + "-item-" + index;
2962
+ },
2963
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
2964
+ inputId: inputId || id + "-input"
2965
+ };
2966
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
2967
+ return elementIds;
2966
2968
  } : function useElementIds(_ref2) {
2967
2969
  var _ref2$id = _ref2.id,
2968
2970
  id = _ref2$id === void 0 ? "downshift-" + generateId() : _ref2$id,
@@ -2971,16 +2973,18 @@
2971
2973
  getItemId = _ref2.getItemId,
2972
2974
  toggleButtonId = _ref2.toggleButtonId,
2973
2975
  inputId = _ref2.inputId;
2974
- var elementIdsRef = React.useRef({
2975
- labelId: labelId || id + "-label",
2976
- menuId: menuId || id + "-menu",
2977
- getItemId: getItemId || function (index) {
2978
- return id + "-item-" + index;
2979
- },
2980
- toggleButtonId: toggleButtonId || id + "-toggle-button",
2981
- inputId: inputId || id + "-input"
2982
- });
2983
- return elementIdsRef.current;
2976
+ var elementIds = React.useMemo(function () {
2977
+ return {
2978
+ labelId: labelId || id + "-label",
2979
+ menuId: menuId || id + "-menu",
2980
+ getItemId: getItemId || function (index) {
2981
+ return id + "-item-" + index;
2982
+ },
2983
+ toggleButtonId: toggleButtonId || id + "-toggle-button",
2984
+ inputId: inputId || id + "-input"
2985
+ };
2986
+ }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
2987
+ return elementIds;
2984
2988
  };
2985
2989
  function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
2986
2990
  var item, index;