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

package/dist/index.js

@@ -3199,6 +3199,7 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
 function useHoverScrub() {
   var srcList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var customOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var durationSeconds = arguments.length > 2 ? arguments[2] : undefined;
 
   var _React$useState = React__default.useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3215,6 +3216,21 @@ function useHoverScrub() {
       showScrub = _React$useState6[0],
       setShowScrub = _React$useState6[1];
 
+  var _React$useState7 = React__default.useState([]),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      thumbnailTimeCodeArray = _React$useState8[0],
+      setThumbnailTimeCodeArray = _React$useState8[1];
+
+  var _React$useState9 = React__default.useState(0),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      thumbnailTimeCode = _React$useState10[0],
+      setThumbnailTimeCode = _React$useState10[1];
+
+  var _React$useState11 = React__default.useState(0),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      thumbnailWidth = _React$useState12[0],
+      setThumbnailWidth = _React$useState12[1];
+
   var getInnerLeft = React.useCallback(function (e) {
     var left = e.clientX - e.currentTarget.offsetLeft - customOffset;
 
@@ -3230,16 +3246,46 @@ function useHoverScrub() {
   }, [customOffset]);
 
   var onMouseMove = function onMouseMove(e) {
-    if (srcList.length > 1) {
-      var innerLeft = getInnerLeft(e);
-      setScrubPosition(innerLeft - 1);
-      setThumbnailIndex(Math.floor(innerLeft / e.currentTarget.offsetWidth * srcList.length));
+    var innerLeft = getInnerLeft(e);
+    setScrubPosition(innerLeft - 1);
+    setThumbnailWidth(e.currentTarget.offsetWidth);
+    var pxToSec = e.currentTarget.offsetWidth / +durationSeconds;
+    var pxAsTimeCode = innerLeft / pxToSec;
+    setThumbnailTimeCode(pxAsTimeCode);
+
+    for (var index = 0; index < thumbnailTimeCodeArray.length; index += 1) {
+      var timeCode = thumbnailTimeCodeArray[index];
+      var nextTimeCode = thumbnailTimeCodeArray[index + 1] || thumbnailTimeCodeArray[thumbnailTimeCodeArray.length - 1];
+
+      if (timeCode <= pxAsTimeCode && nextTimeCode >= pxAsTimeCode) {
+        setThumbnailIndex(index);
+      }
     }
   };
 
+  React__default.useEffect(function () {
+    var timeCodes = [];
+
+    for (var index = 0; index < srcList.length; index += 1) {
+      var uri = srcList[index];
+
+      if (uri && typeof uri === 'string') {
+        try {
+          var timeCodeFromURI = uri.split('version')[1].split('/')[1].split('?')[0];
+          var timecodeText = vdtJs.formatTimeCodeText(timeCodeFromURI);
+          timeCodes.push(timecodeText.toSeconds().toFixed(0));
+        } catch (error) {
+          return;
+        }
+      }
+    }
+
+    setThumbnailTimeCodeArray(timeCodes);
+  }, [srcList]);
+
   var handleShowScrub = function handleShowScrub(value) {
     return function () {
-      if (srcList.length > 1) {
+      if (durationSeconds > 0) {
         setShowScrub(value);
       }
     };
@@ -3247,6 +3293,8 @@ function useHoverScrub() {
 
   return {
     thumbnailIndex: thumbnailIndex,
+    thumbnailTimeCode: thumbnailTimeCode,
+    thumbnailWidth: thumbnailWidth,
     showScrub: showScrub,
     scrubPosition: scrubPosition,
     handleShowScrub: handleShowScrub,
@@ -3254,12 +3302,19 @@ function useHoverScrub() {
   };
 }
 
-function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
-  var suggestionSettings = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+function useDocSearchAutocomplete(_ref) {
+  var searchDoc = _ref.searchDoc,
+      queryParams = _ref.queryParams,
+      debounceTime = _ref.debounceTime,
+      _ref$suggestionSettin = _ref.suggestionSettings,
+      suggestionSettings = _ref$suggestionSettin === void 0 ? {
     maximumSuggestions: 10,
     accuracy: 1
-  };
-  var triggerLength = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  } : _ref$suggestionSettin,
+      _ref$triggerLength = _ref.triggerLength,
+      triggerLength = _ref$triggerLength === void 0 ? 1 : _ref$triggerLength,
+      _ref$apiCall = _ref.apiCall,
+      apiCall = _ref$apiCall === void 0 ? vdtApi.item.searchItem : _ref$apiCall;
 
   var _React$useState = React__default.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3268,7 +3323,7 @@ function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
 
   var handleAutocompleteChange = React__default.useRef(debounce(setTextValue, debounceTime)).current;
 
-  var _useApi = useApi(vdtApi.item.searchItem),
+  var _useApi = useApi(apiCall),
       _useApi$data = _useApi.data;
 
   _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
@@ -3276,14 +3331,14 @@ function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
       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;
+  var _ref2 = autocomplete[0] || {},
+      _ref2$suggestion = _ref2.suggestion,
+      suggestion = _ref2$suggestion === void 0 ? [] : _ref2$suggestion;
 
   useDeepCompareEffect(function () {
-    if (itemSearchDoc && textValue && textValue.length >= triggerLength) {
+    if (searchDoc && textValue && textValue.length >= triggerLength) {
       request({
-        body: _objectSpread2(_objectSpread2({}, itemSearchDoc), {}, {
+        body: _objectSpread2(_objectSpread2({}, searchDoc), {}, {
           suggestion: suggestionSettings,
           autocomplete: [{
             text: textValue
@@ -3305,6 +3360,39 @@ function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
   };
 }
 
+function useGetFieldMetadataDataset() {
+  var _useApi = useApi(vdtApi.metadatafield.getMetadataFieldAllowedValues),
+      request = _useApi.request,
+      _useApi$data = _useApi.data;
+
+  _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
+  var _useApi$data$value = _useApi$data.value,
+      constraintValueListType = _useApi$data$value === void 0 ? [] : _useApi$data$value,
+      isLoading = _useApi.isLoading;
+
+  var getMetadataDataset = function getMetadataDataset(datasetField, parentValue, parentField) {
+    var metadataFieldValueConstraintListDocument = {
+      constraint: parentValue ? [{
+        field: parentField,
+        value: parentValue
+      }] : []
+    };
+
+    if (datasetField) {
+      request({
+        fieldName: datasetField,
+        metadataFieldValueConstraintListDocument: metadataFieldValueConstraintListDocument
+      });
+    }
+  };
+
+  return {
+    getMetadataDataset: getMetadataDataset,
+    dataset: constraintValueListType,
+    isLoading: isLoading
+  };
+}
+
 function MetadataType(_ref) {
   var itemType = _ref.itemType,
       collectionType = _ref.collectionType,
@@ -4946,15 +5034,16 @@ exports.useApi = useApi;
 exports.useAuthContext = useAuthContext;
 exports.useAutocomplete = useAutocomplete;
 exports.useCollectionAutoPlay = useCollectionAutoPlay;
+exports.useDocSearchAutocomplete = useDocSearchAutocomplete;
 exports.useEntityAccess = useEntityAccess;
 exports.useGetCollection = useGetCollection;
 exports.useGetCollectionItem = useGetCollection$1;
 exports.useGetEntity = useGetEntity;
+exports.useGetFieldMetadataDataset = useGetFieldMetadataDataset;
 exports.useGetItem = useGetItem;
 exports.useGroup = useGroup;
 exports.useHoverScrub = useHoverScrub;
 exports.useInterval = useInterval;
-exports.useItemSearchAutocomplete = useItemSearchAutocomplete;
 exports.useJobSearch = useJobSearch;
 exports.useListGroup = useListGroup;
 exports.useListUser = useListUser;