@vidispine/vdt-react 0.15.0-pre.20 → 0.15.0-pre.21

package/dist/index.js

@@ -10,6 +10,7 @@ var vdtApi = require('@vidispine/vdt-api');
 var vdtJs = require('@vidispine/vdt-js');
 var lzString = require('lz-string');
 var useDeepCompareEffect = _interopDefault(require('use-deep-compare-effect'));
+var debounce = _interopDefault(require('lodash.debounce'));
 var reactCookie = require('react-cookie');
 
 function _typeof(obj) {
@@ -3253,6 +3254,57 @@ function useHoverScrub() {
   };
 }
 
+function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
+  var suggestionSettings = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+    maximumSuggestions: 10,
+    accuracy: 1
+  };
+  var triggerLength = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+
+  var _React$useState = React__default.useState(''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      textValue = _React$useState2[0],
+      setTextValue = _React$useState2[1];
+
+  var handleAutocompleteChange = React__default.useRef(debounce(setTextValue, debounceTime)).current;
+
+  var _useApi = useApi(vdtApi.item.searchItem),
+      _useApi$data = _useApi.data;
+
+  _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
+  var _useApi$data$autocomp = _useApi$data.autocomplete,
+      autocomplete = _useApi$data$autocomp === void 0 ? [] : _useApi$data$autocomp,
+      request = _useApi.request;
+
+  var _ref = autocomplete[0] || {},
+      _ref$suggestion = _ref.suggestion,
+      suggestion = _ref$suggestion === void 0 ? [] : _ref$suggestion;
+
+  useDeepCompareEffect(function () {
+    if (itemSearchDoc && textValue && textValue.length >= triggerLength) {
+      request({
+        body: _objectSpread2(_objectSpread2({}, itemSearchDoc), {}, {
+          suggestion: suggestionSettings,
+          autocomplete: [{
+            text: textValue
+          }],
+          text: [{
+            value: textValue
+          }]
+        }),
+        queryParams: _objectSpread2({
+          count: false,
+          number: 0
+        }, queryParams)
+      });
+    }
+  }, [request, textValue, queryParams, triggerLength]);
+  return {
+    suggestion: suggestion,
+    handleAutocompleteChange: handleAutocompleteChange
+  };
+}
+
 function MetadataType(_ref) {
   var itemType = _ref.itemType,
       collectionType = _ref.collectionType,
@@ -4902,6 +4954,7 @@ exports.useGetItem = useGetItem;
 exports.useGroup = useGroup;
 exports.useHoverScrub = useHoverScrub;
 exports.useInterval = useInterval;
+exports.useItemSearchAutocomplete = useItemSearchAutocomplete;
 exports.useJobSearch = useJobSearch;
 exports.useListGroup = useListGroup;
 exports.useListUser = useListUser;