onInput.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. var _excluded = ["event", "nextState", "props", "query", "refresh", "store"];
  2. function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
  3. function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
  4. function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  5. function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
  6. function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
  7. import { reshape } from './reshape';
  8. import { preResolve, resolve, postResolve } from './resolve';
  9. import { cancelable, createConcurrentSafePromise, getActiveItem } from './utils';
  10. var lastStalledId = null;
  11. var runConcurrentSafePromise = createConcurrentSafePromise();
  12. export function onInput(_ref) {
  13. var event = _ref.event,
  14. _ref$nextState = _ref.nextState,
  15. nextState = _ref$nextState === void 0 ? {} : _ref$nextState,
  16. props = _ref.props,
  17. query = _ref.query,
  18. refresh = _ref.refresh,
  19. store = _ref.store,
  20. setters = _objectWithoutProperties(_ref, _excluded);
  21. if (lastStalledId) {
  22. props.environment.clearTimeout(lastStalledId);
  23. }
  24. var setCollections = setters.setCollections,
  25. setIsOpen = setters.setIsOpen,
  26. setQuery = setters.setQuery,
  27. setActiveItemId = setters.setActiveItemId,
  28. setStatus = setters.setStatus;
  29. setQuery(query);
  30. setActiveItemId(props.defaultActiveItemId);
  31. if (!query && props.openOnFocus === false) {
  32. var _nextState$isOpen;
  33. var collections = store.getState().collections.map(function (collection) {
  34. return _objectSpread(_objectSpread({}, collection), {}, {
  35. items: []
  36. });
  37. });
  38. setStatus('idle');
  39. setCollections(collections);
  40. setIsOpen((_nextState$isOpen = nextState.isOpen) !== null && _nextState$isOpen !== void 0 ? _nextState$isOpen : props.shouldPanelOpen({
  41. state: store.getState()
  42. })); // We make sure to update the latest resolved value of the tracked
  43. // promises to keep late resolving promises from "cancelling" the state
  44. // updates performed in this code path.
  45. // We chain with a void promise to respect `onInput`'s expected return type.
  46. var _request = cancelable(runConcurrentSafePromise(collections).then(function () {
  47. return Promise.resolve();
  48. }));
  49. return store.pendingRequests.add(_request);
  50. }
  51. setStatus('loading');
  52. lastStalledId = props.environment.setTimeout(function () {
  53. setStatus('stalled');
  54. }, props.stallThreshold); // We track the entire promise chain triggered by `onInput` before mutating
  55. // the Autocomplete state to make sure that any state manipulation is based on
  56. // fresh data regardless of when promises individually resolve.
  57. // We don't track nested promises and only rely on the full chain resolution,
  58. // meaning we should only ever manipulate the state once this concurrent-safe
  59. // promise is resolved.
  60. var request = cancelable(runConcurrentSafePromise(props.getSources(_objectSpread({
  61. query: query,
  62. refresh: refresh,
  63. state: store.getState()
  64. }, setters)).then(function (sources) {
  65. return Promise.all(sources.map(function (source) {
  66. return Promise.resolve(source.getItems(_objectSpread({
  67. query: query,
  68. refresh: refresh,
  69. state: store.getState()
  70. }, setters))).then(function (itemsOrDescription) {
  71. return preResolve(itemsOrDescription, source.sourceId);
  72. });
  73. })).then(resolve).then(function (responses) {
  74. return postResolve(responses, sources);
  75. }).then(function (collections) {
  76. return reshape({
  77. collections: collections,
  78. props: props,
  79. state: store.getState()
  80. });
  81. });
  82. }))).then(function (collections) {
  83. var _nextState$isOpen2;
  84. // Parameters passed to `onInput` could be stale when the following code
  85. // executes, because `onInput` calls may not resolve in order.
  86. // If it becomes a problem we'll need to save the last passed parameters.
  87. // See: https://codesandbox.io/s/agitated-cookies-y290z
  88. setStatus('idle');
  89. setCollections(collections);
  90. var isPanelOpen = props.shouldPanelOpen({
  91. state: store.getState()
  92. });
  93. setIsOpen((_nextState$isOpen2 = nextState.isOpen) !== null && _nextState$isOpen2 !== void 0 ? _nextState$isOpen2 : props.openOnFocus && !query && isPanelOpen || isPanelOpen);
  94. var highlightedItem = getActiveItem(store.getState());
  95. if (store.getState().activeItemId !== null && highlightedItem) {
  96. var item = highlightedItem.item,
  97. itemInputValue = highlightedItem.itemInputValue,
  98. itemUrl = highlightedItem.itemUrl,
  99. source = highlightedItem.source;
  100. source.onActive(_objectSpread({
  101. event: event,
  102. item: item,
  103. itemInputValue: itemInputValue,
  104. itemUrl: itemUrl,
  105. refresh: refresh,
  106. source: source,
  107. state: store.getState()
  108. }, setters));
  109. }
  110. }).finally(function () {
  111. setStatus('idle');
  112. if (lastStalledId) {
  113. props.environment.clearTimeout(lastStalledId);
  114. }
  115. });
  116. return store.pendingRequests.add(request);
  117. }