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

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { utils, search, vsimport, collection, ChunkedUpload, access, metadatafield, fieldgroup, item, library, user, group, job, metadata, noauth } from '@vidispine/vdt-api';
-import { createMetadataType, parseMetadataType, roles } from '@vidispine/vdt-js';
+import { createMetadataType, formatTimeCodeText, parseMetadataType, roles } from '@vidispine/vdt-js';
 import { decompressFromEncodedURIComponent, compressToEncodedURIComponent } from 'lz-string';
 import useDeepCompareEffect from 'use-deep-compare-effect';
 import debounce from 'lodash.debounce';
@@ -3192,6 +3192,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.useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3208,6 +3209,21 @@ function useHoverScrub() {
       showScrub = _React$useState6[0],
       setShowScrub = _React$useState6[1];
 
+  var _React$useState7 = React.useState([]),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      thumbnailTimeCodeArray = _React$useState8[0],
+      setThumbnailTimeCodeArray = _React$useState8[1];
+
+  var _React$useState9 = React.useState(0),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      thumbnailTimeCode = _React$useState10[0],
+      setThumbnailTimeCode = _React$useState10[1];
+
+  var _React$useState11 = React.useState(0),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      thumbnailWidth = _React$useState12[0],
+      setThumbnailWidth = _React$useState12[1];
+
   var getInnerLeft = useCallback(function (e) {
     var left = e.clientX - e.currentTarget.offsetLeft - customOffset;
 
@@ -3223,16 +3239,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.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 = 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);
       }
     };
@@ -3240,6 +3286,8 @@ function useHoverScrub() {
 
   return {
     thumbnailIndex: thumbnailIndex,
+    thumbnailTimeCode: thumbnailTimeCode,
+    thumbnailWidth: thumbnailWidth,
     showScrub: showScrub,
     scrubPosition: scrubPosition,
     handleShowScrub: handleShowScrub,
@@ -3247,12 +3295,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 ? item.searchItem : _ref$apiCall;
 
   var _React$useState = React.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3261,7 +3316,7 @@ function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
 
   var handleAutocompleteChange = React.useRef(debounce(setTextValue, debounceTime)).current;
 
-  var _useApi = useApi(item.searchItem),
+  var _useApi = useApi(apiCall),
       _useApi$data = _useApi.data;
 
   _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
@@ -3269,14 +3324,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
@@ -3298,6 +3353,39 @@ function useItemSearchAutocomplete(itemSearchDoc, queryParams, debounceTime) {
   };
 }
 
+function useGetFieldMetadataDataset() {
+  var _useApi = useApi(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,
@@ -4909,5 +4997,5 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
   }
 };
 
-export { Auth, AuthContext, AuthProvider, BinContext, BinProvider, ComposeProviders, DropArea, ErrorBoundary, GetCollectionContent as GetCollection, GetFieldGroup, GetItem, GetJobs, HasRole, ListEntityAccess, MetadataType, RolesProvider, SearchCollection, SearchItem, SearchItemCollection, SettingsProvider, VidispineApi, compose, handleAddEntity, handleMoveEntity, handleRemoveEntity, useAddMetadataFieldAttributes, useApi, useAuthContext, useAutocomplete, useCollectionAutoPlay, useEntityAccess, useGetCollection, useGetCollection$1 as useGetCollectionItem, useGetEntity, useGetItem, useGroup, useHoverScrub, useInterval, useItemSearchAutocomplete, useJobSearch, useListGroup, useListUser, useLocalStorage, useMouseDownPosition, useQueryInitialState, useRoles, useSavedSearch, useSearch, useSearchGroup, useSearchItem, useSearchUser, useSelected, useSettings, useSettingsActions, useTab, useThumbnailScrub, useUpdateEffect, useUpdateQueryState, useUploadFiles, useUser, withErrorBoundary };
+export { Auth, AuthContext, AuthProvider, BinContext, BinProvider, ComposeProviders, DropArea, ErrorBoundary, GetCollectionContent as GetCollection, GetFieldGroup, GetItem, GetJobs, HasRole, ListEntityAccess, MetadataType, RolesProvider, SearchCollection, SearchItem, SearchItemCollection, SettingsProvider, VidispineApi, compose, handleAddEntity, handleMoveEntity, handleRemoveEntity, useAddMetadataFieldAttributes, useApi, useAuthContext, useAutocomplete, useCollectionAutoPlay, useDocSearchAutocomplete, useEntityAccess, useGetCollection, useGetCollection$1 as useGetCollectionItem, useGetEntity, useGetFieldMetadataDataset, useGetItem, useGroup, useHoverScrub, useInterval, useJobSearch, useListGroup, useListUser, useLocalStorage, useMouseDownPosition, useQueryInitialState, useRoles, useSavedSearch, useSearch, useSearchGroup, useSearchItem, useSearchUser, useSelected, useSettings, useSettingsActions, useTab, useThumbnailScrub, useUpdateEffect, useUpdateQueryState, useUploadFiles, useUser, withErrorBoundary };
 //# sourceMappingURL=index.es.js.map