@react-stately/combobox 3.0.3 → 3.0.4-nightly.3113

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 (3) hide show
  1. package/dist/main.js +26 -26
  2. package/dist/module.js +26 -26
  3. package/package.json +7 -7
package/dist/main.js CHANGED
@@ -1,7 +1,7 @@
1
- var $hOkSz$reactstatelylist = require("@react-stately/list");
2
- var $hOkSz$reactstatelyutils = require("@react-stately/utils");
3
- var $hOkSz$react = require("react");
4
- var $hOkSz$reactstatelymenu = require("@react-stately/menu");
1
+ var $5XAuq$reactstatelylist = require("@react-stately/list");
2
+ var $5XAuq$reactstatelyutils = require("@react-stately/utils");
3
+ var $5XAuq$react = require("react");
4
+ var $5XAuq$reactstatelymenu = require("@react-stately/menu");
5
5
 
6
6
  function $parcel$exportWildcard(dest, source) {
7
7
  Object.keys(source).forEach(function(key) {
@@ -22,20 +22,20 @@ function $parcel$exportWildcard(dest, source) {
22
22
  function $parcel$export(e, n, v, s) {
23
23
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
24
24
  }
25
- var $070ab292b931a07c$exports = {};
25
+ var $e563f9c9469ad14c$exports = {};
26
26
 
27
- $parcel$export($070ab292b931a07c$exports, "useComboBoxState", () => $070ab292b931a07c$export$b453a3bfd4a5fa9e);
27
+ $parcel$export($e563f9c9469ad14c$exports, "useComboBoxState", () => $e563f9c9469ad14c$export$b453a3bfd4a5fa9e);
28
28
 
29
29
 
30
30
 
31
31
 
32
- function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
32
+ function $e563f9c9469ad14c$export$b453a3bfd4a5fa9e(props) {
33
33
  var ref4;
34
34
  let { defaultFilter: defaultFilter , menuTrigger: menuTrigger = 'input' , allowsEmptyCollection: allowsEmptyCollection = false , allowsCustomValue: allowsCustomValue , shouldCloseOnBlur: shouldCloseOnBlur = true } = props;
35
- let [showAllItems, setShowAllItems] = $hOkSz$react.useState(false);
36
- let [isFocused1, setFocusedState] = $hOkSz$react.useState(false);
35
+ let [showAllItems, setShowAllItems] = $5XAuq$react.useState(false);
36
+ let [isFocused1, setFocusedState] = $5XAuq$react.useState(false);
37
37
  var _defaultInputValue;
38
- let [inputValue, setInputValue] = $hOkSz$reactstatelyutils.useControlledState(props.inputValue, (_defaultInputValue = props.defaultInputValue) !== null && _defaultInputValue !== void 0 ? _defaultInputValue : '', props.onInputChange);
38
+ let [inputValue, setInputValue] = $5XAuq$reactstatelyutils.useControlledState(props.inputValue, (_defaultInputValue = props.defaultInputValue) !== null && _defaultInputValue !== void 0 ? _defaultInputValue : '', props.onInputChange);
39
39
  let onSelectionChange = (key)=>{
40
40
  if (props.onSelectionChange) props.onSelectionChange(key);
41
41
  // If key is the same, reset the inputValue and close the menu
@@ -46,15 +46,15 @@ function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
46
46
  }
47
47
  };
48
48
  var _items;
49
- let { collection: collection , selectionManager: selectionManager , selectedKey: selectedKey , setSelectedKey: setSelectedKey , selectedItem: selectedItem , disabledKeys: disabledKeys } = $hOkSz$reactstatelylist.useSingleSelectListState({
49
+ let { collection: collection , selectionManager: selectionManager , selectedKey: selectedKey , setSelectedKey: setSelectedKey , selectedItem: selectedItem , disabledKeys: disabledKeys } = $5XAuq$reactstatelylist.useSingleSelectListState({
50
50
  ...props,
51
51
  onSelectionChange: onSelectionChange,
52
52
  items: (_items = props.items) !== null && _items !== void 0 ? _items : props.defaultItems
53
53
  });
54
54
  // Preserve original collection so we can show all items on demand
55
55
  let originalCollection = collection;
56
- let filteredCollection = $hOkSz$react.useMemo(()=>// No default filter if items are controlled.
57
- props.items != null || !defaultFilter ? collection : $070ab292b931a07c$var$filterCollection(collection, inputValue, defaultFilter)
56
+ let filteredCollection = $5XAuq$react.useMemo(()=>// No default filter if items are controlled.
57
+ props.items != null || !defaultFilter ? collection : $e563f9c9469ad14c$var$filterCollection(collection, inputValue, defaultFilter)
58
58
  , [
59
59
  collection,
60
60
  inputValue,
@@ -62,11 +62,11 @@ function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
62
62
  props.items
63
63
  ]);
64
64
  // Track what action is attempting to open the menu
65
- let menuOpenTrigger = $hOkSz$react.useRef('focus');
65
+ let menuOpenTrigger = $5XAuq$react.useRef('focus');
66
66
  let onOpenChange = (open)=>{
67
67
  if (props.onOpenChange) props.onOpenChange(open, open ? menuOpenTrigger.current : undefined);
68
68
  };
69
- let triggerState = $hOkSz$reactstatelymenu.useMenuTriggerState({
69
+ let triggerState = $5XAuq$reactstatelymenu.useMenuTriggerState({
70
70
  ...props,
71
71
  onOpenChange: onOpenChange,
72
72
  isOpen: undefined,
@@ -94,7 +94,7 @@ function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
94
94
  if (!triggerState.isOpen) menuOpenTrigger.current = trigger;
95
95
  triggerState.toggle(focusStrategy);
96
96
  };
97
- let lastValue = $hOkSz$react.useRef(inputValue);
97
+ let lastValue = $5XAuq$react.useRef(inputValue);
98
98
  let resetInputValue = ()=>{
99
99
  var ref;
100
100
  var ref3;
@@ -102,14 +102,14 @@ function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
102
102
  lastValue.current = itemText;
103
103
  setInputValue(itemText);
104
104
  };
105
- let isInitialRender = $hOkSz$react.useRef(true);
105
+ let isInitialRender = $5XAuq$react.useRef(true);
106
106
  var _selectedKey, ref1;
107
- let lastSelectedKey = $hOkSz$react.useRef((ref1 = (_selectedKey = props.selectedKey) !== null && _selectedKey !== void 0 ? _selectedKey : props.defaultSelectedKey) !== null && ref1 !== void 0 ? ref1 : null);
107
+ let lastSelectedKey = $5XAuq$react.useRef((ref1 = (_selectedKey = props.selectedKey) !== null && _selectedKey !== void 0 ? _selectedKey : props.defaultSelectedKey) !== null && ref1 !== void 0 ? ref1 : null);
108
108
  var ref2;
109
- let lastSelectedKeyText = $hOkSz$react.useRef((ref2 = (ref4 = collection.getItem(selectedKey)) === null || ref4 === void 0 ? void 0 : ref4.textValue) !== null && ref2 !== void 0 ? ref2 : '');
109
+ let lastSelectedKeyText = $5XAuq$react.useRef((ref2 = (ref4 = collection.getItem(selectedKey)) === null || ref4 === void 0 ? void 0 : ref4.textValue) !== null && ref2 !== void 0 ? ref2 : '');
110
110
  // intentional omit dependency array, want this to happen on every render
111
111
  // eslint-disable-next-line react-hooks/exhaustive-deps
112
- $hOkSz$react.useEffect(()=>{
112
+ $5XAuq$react.useEffect(()=>{
113
113
  var ref;
114
114
  // Open and close menu automatically when the input value changes if the input is focused,
115
115
  // and there are items in the collection or allowEmptyCollection is true.
@@ -150,7 +150,7 @@ function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
150
150
  lastSelectedKey.current = selectedKey;
151
151
  lastSelectedKeyText.current = selectedItemText;
152
152
  });
153
- $hOkSz$react.useEffect(()=>{
153
+ $5XAuq$react.useEffect(()=>{
154
154
  // Reset focused key when the menu closes
155
155
  if (!triggerState.isOpen) selectionManager.setFocusedKey(null);
156
156
  }, [
@@ -223,14 +223,14 @@ function $070ab292b931a07c$export$b453a3bfd4a5fa9e(props) {
223
223
  revert: revert
224
224
  };
225
225
  }
226
- function $070ab292b931a07c$var$filterCollection(collection, inputValue, filter) {
227
- return new $hOkSz$reactstatelylist.ListCollection($070ab292b931a07c$var$filterNodes(collection, inputValue, filter));
226
+ function $e563f9c9469ad14c$var$filterCollection(collection, inputValue, filter) {
227
+ return new $5XAuq$reactstatelylist.ListCollection($e563f9c9469ad14c$var$filterNodes(collection, inputValue, filter));
228
228
  }
229
- function $070ab292b931a07c$var$filterNodes(nodes, inputValue, filter) {
229
+ function $e563f9c9469ad14c$var$filterNodes(nodes, inputValue, filter) {
230
230
  let filteredNode = [];
231
231
  for (let node of nodes){
232
232
  if (node.type === 'section' && node.hasChildNodes) {
233
- let filtered = $070ab292b931a07c$var$filterNodes(node.childNodes, inputValue, filter);
233
+ let filtered = $e563f9c9469ad14c$var$filterNodes(node.childNodes, inputValue, filter);
234
234
  if ([
235
235
  ...filtered
236
236
  ].length > 0) filteredNode.push({
@@ -245,7 +245,7 @@ function $070ab292b931a07c$var$filterNodes(nodes, inputValue, filter) {
245
245
  }
246
246
 
247
247
 
248
- $parcel$exportWildcard(module.exports, $070ab292b931a07c$exports);
248
+ $parcel$exportWildcard(module.exports, $e563f9c9469ad14c$exports);
249
249
 
250
250
 
251
251
  //# sourceMappingURL=main.js.map
package/dist/module.js CHANGED
@@ -1,25 +1,25 @@
1
- import {useSingleSelectListState as $aQJSW$useSingleSelectListState, ListCollection as $aQJSW$ListCollection} from "@react-stately/list";
2
- import {useControlledState as $aQJSW$useControlledState} from "@react-stately/utils";
3
- import {useState as $aQJSW$useState, useMemo as $aQJSW$useMemo, useRef as $aQJSW$useRef, useEffect as $aQJSW$useEffect} from "react";
4
- import {useMenuTriggerState as $aQJSW$useMenuTriggerState} from "@react-stately/menu";
1
+ import {useSingleSelectListState as $k6Ppu$useSingleSelectListState, ListCollection as $k6Ppu$ListCollection} from "@react-stately/list";
2
+ import {useControlledState as $k6Ppu$useControlledState} from "@react-stately/utils";
3
+ import {useState as $k6Ppu$useState, useMemo as $k6Ppu$useMemo, useRef as $k6Ppu$useRef, useEffect as $k6Ppu$useEffect} from "react";
4
+ import {useMenuTriggerState as $k6Ppu$useMenuTriggerState} from "@react-stately/menu";
5
5
 
6
6
  function $parcel$export(e, n, v, s) {
7
7
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
8
8
  }
9
- var $4937bf6dc1a4d5aa$exports = {};
9
+ var $a9e7382a7d111cb5$exports = {};
10
10
 
11
- $parcel$export($4937bf6dc1a4d5aa$exports, "useComboBoxState", () => $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e);
11
+ $parcel$export($a9e7382a7d111cb5$exports, "useComboBoxState", () => $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e);
12
12
 
13
13
 
14
14
 
15
15
 
16
- function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
16
+ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
17
17
  var ref4;
18
18
  let { defaultFilter: defaultFilter , menuTrigger: menuTrigger = 'input' , allowsEmptyCollection: allowsEmptyCollection = false , allowsCustomValue: allowsCustomValue , shouldCloseOnBlur: shouldCloseOnBlur = true } = props;
19
- let [showAllItems, setShowAllItems] = $aQJSW$useState(false);
20
- let [isFocused1, setFocusedState] = $aQJSW$useState(false);
19
+ let [showAllItems, setShowAllItems] = $k6Ppu$useState(false);
20
+ let [isFocused1, setFocusedState] = $k6Ppu$useState(false);
21
21
  var _defaultInputValue;
22
- let [inputValue, setInputValue] = $aQJSW$useControlledState(props.inputValue, (_defaultInputValue = props.defaultInputValue) !== null && _defaultInputValue !== void 0 ? _defaultInputValue : '', props.onInputChange);
22
+ let [inputValue, setInputValue] = $k6Ppu$useControlledState(props.inputValue, (_defaultInputValue = props.defaultInputValue) !== null && _defaultInputValue !== void 0 ? _defaultInputValue : '', props.onInputChange);
23
23
  let onSelectionChange = (key)=>{
24
24
  if (props.onSelectionChange) props.onSelectionChange(key);
25
25
  // If key is the same, reset the inputValue and close the menu
@@ -30,15 +30,15 @@ function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
30
30
  }
31
31
  };
32
32
  var _items;
33
- let { collection: collection , selectionManager: selectionManager , selectedKey: selectedKey , setSelectedKey: setSelectedKey , selectedItem: selectedItem , disabledKeys: disabledKeys } = $aQJSW$useSingleSelectListState({
33
+ let { collection: collection , selectionManager: selectionManager , selectedKey: selectedKey , setSelectedKey: setSelectedKey , selectedItem: selectedItem , disabledKeys: disabledKeys } = $k6Ppu$useSingleSelectListState({
34
34
  ...props,
35
35
  onSelectionChange: onSelectionChange,
36
36
  items: (_items = props.items) !== null && _items !== void 0 ? _items : props.defaultItems
37
37
  });
38
38
  // Preserve original collection so we can show all items on demand
39
39
  let originalCollection = collection;
40
- let filteredCollection = $aQJSW$useMemo(()=>// No default filter if items are controlled.
41
- props.items != null || !defaultFilter ? collection : $4937bf6dc1a4d5aa$var$filterCollection(collection, inputValue, defaultFilter)
40
+ let filteredCollection = $k6Ppu$useMemo(()=>// No default filter if items are controlled.
41
+ props.items != null || !defaultFilter ? collection : $a9e7382a7d111cb5$var$filterCollection(collection, inputValue, defaultFilter)
42
42
  , [
43
43
  collection,
44
44
  inputValue,
@@ -46,11 +46,11 @@ function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
46
46
  props.items
47
47
  ]);
48
48
  // Track what action is attempting to open the menu
49
- let menuOpenTrigger = $aQJSW$useRef('focus');
49
+ let menuOpenTrigger = $k6Ppu$useRef('focus');
50
50
  let onOpenChange = (open)=>{
51
51
  if (props.onOpenChange) props.onOpenChange(open, open ? menuOpenTrigger.current : undefined);
52
52
  };
53
- let triggerState = $aQJSW$useMenuTriggerState({
53
+ let triggerState = $k6Ppu$useMenuTriggerState({
54
54
  ...props,
55
55
  onOpenChange: onOpenChange,
56
56
  isOpen: undefined,
@@ -78,7 +78,7 @@ function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
78
78
  if (!triggerState.isOpen) menuOpenTrigger.current = trigger;
79
79
  triggerState.toggle(focusStrategy);
80
80
  };
81
- let lastValue = $aQJSW$useRef(inputValue);
81
+ let lastValue = $k6Ppu$useRef(inputValue);
82
82
  let resetInputValue = ()=>{
83
83
  var ref;
84
84
  var ref3;
@@ -86,14 +86,14 @@ function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
86
86
  lastValue.current = itemText;
87
87
  setInputValue(itemText);
88
88
  };
89
- let isInitialRender = $aQJSW$useRef(true);
89
+ let isInitialRender = $k6Ppu$useRef(true);
90
90
  var _selectedKey, ref1;
91
- let lastSelectedKey = $aQJSW$useRef((ref1 = (_selectedKey = props.selectedKey) !== null && _selectedKey !== void 0 ? _selectedKey : props.defaultSelectedKey) !== null && ref1 !== void 0 ? ref1 : null);
91
+ let lastSelectedKey = $k6Ppu$useRef((ref1 = (_selectedKey = props.selectedKey) !== null && _selectedKey !== void 0 ? _selectedKey : props.defaultSelectedKey) !== null && ref1 !== void 0 ? ref1 : null);
92
92
  var ref2;
93
- let lastSelectedKeyText = $aQJSW$useRef((ref2 = (ref4 = collection.getItem(selectedKey)) === null || ref4 === void 0 ? void 0 : ref4.textValue) !== null && ref2 !== void 0 ? ref2 : '');
93
+ let lastSelectedKeyText = $k6Ppu$useRef((ref2 = (ref4 = collection.getItem(selectedKey)) === null || ref4 === void 0 ? void 0 : ref4.textValue) !== null && ref2 !== void 0 ? ref2 : '');
94
94
  // intentional omit dependency array, want this to happen on every render
95
95
  // eslint-disable-next-line react-hooks/exhaustive-deps
96
- $aQJSW$useEffect(()=>{
96
+ $k6Ppu$useEffect(()=>{
97
97
  var ref;
98
98
  // Open and close menu automatically when the input value changes if the input is focused,
99
99
  // and there are items in the collection or allowEmptyCollection is true.
@@ -134,7 +134,7 @@ function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
134
134
  lastSelectedKey.current = selectedKey;
135
135
  lastSelectedKeyText.current = selectedItemText;
136
136
  });
137
- $aQJSW$useEffect(()=>{
137
+ $k6Ppu$useEffect(()=>{
138
138
  // Reset focused key when the menu closes
139
139
  if (!triggerState.isOpen) selectionManager.setFocusedKey(null);
140
140
  }, [
@@ -207,14 +207,14 @@ function $4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e(props) {
207
207
  revert: revert
208
208
  };
209
209
  }
210
- function $4937bf6dc1a4d5aa$var$filterCollection(collection, inputValue, filter) {
211
- return new $aQJSW$ListCollection($4937bf6dc1a4d5aa$var$filterNodes(collection, inputValue, filter));
210
+ function $a9e7382a7d111cb5$var$filterCollection(collection, inputValue, filter) {
211
+ return new $k6Ppu$ListCollection($a9e7382a7d111cb5$var$filterNodes(collection, inputValue, filter));
212
212
  }
213
- function $4937bf6dc1a4d5aa$var$filterNodes(nodes, inputValue, filter) {
213
+ function $a9e7382a7d111cb5$var$filterNodes(nodes, inputValue, filter) {
214
214
  let filteredNode = [];
215
215
  for (let node of nodes){
216
216
  if (node.type === 'section' && node.hasChildNodes) {
217
- let filtered = $4937bf6dc1a4d5aa$var$filterNodes(node.childNodes, inputValue, filter);
217
+ let filtered = $a9e7382a7d111cb5$var$filterNodes(node.childNodes, inputValue, filter);
218
218
  if ([
219
219
  ...filtered
220
220
  ].length > 0) filteredNode.push({
@@ -231,5 +231,5 @@ function $4937bf6dc1a4d5aa$var$filterNodes(nodes, inputValue, filter) {
231
231
 
232
232
 
233
233
 
234
- export {$4937bf6dc1a4d5aa$export$b453a3bfd4a5fa9e as useComboBoxState};
234
+ export {$a9e7382a7d111cb5$export$b453a3bfd4a5fa9e as useComboBoxState};
235
235
  //# sourceMappingURL=module.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-stately/combobox",
3
- "version": "3.0.3",
3
+ "version": "3.0.4-nightly.3113+404d41859",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -18,12 +18,12 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@babel/runtime": "^7.6.2",
21
- "@react-stately/list": "^3.4.3",
22
- "@react-stately/menu": "^3.2.5",
23
- "@react-stately/select": "^3.1.5",
24
- "@react-stately/utils": "^3.4.1",
25
- "@react-types/combobox": "^3.2.3",
26
- "@react-types/shared": "^3.11.1"
21
+ "@react-stately/list": "3.4.4-nightly.3113+404d41859",
22
+ "@react-stately/menu": "3.2.6-nightly.3113+404d41859",
23
+ "@react-stately/select": "3.1.6-nightly.3113+404d41859",
24
+ "@react-stately/utils": "3.0.0-nightly.1417+404d41859",
25
+ "@react-types/combobox": "3.2.4-nightly.3113+404d41859",
26
+ "@react-types/shared": "3.0.0-nightly.1417+404d41859"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": "^16.8.0 || ^17.0.0-rc.1"