@vidispine/vdt-react 23.1.0 → 23.2.0-pre.1

package/dist/hooks/useUploadFiles.js

@@ -3,11 +3,11 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useState, useEffect, useCallback } from 'react';
-import { vsimport, collection, ChunkedUpload } from '@vidispine/vdt-api';
+import { vsimport, collection, ChunkedTransferManager, ChunkedUpload } from '@vidispine/vdt-api';
 import { createMetadataType } from '@vidispine/vdt-js';
 import { uuidv4 } from '../utils.js';
 
-var _excluded=["onUploadFile","initialMetadata"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var DEFAULT_AUDIO_SHAPETAGS=['__mp3_160k'];var DEFAULT_VIDEO_SHAPETAGS=['__mp4'];var DEFAULT_IMAGE_SHAPETAGS=['__png'];var AUDIO_MIMETYPE_PREFIX='audio';var VIDEO_MIMETYPE_PREFIX='video';var IMAGE_MIMETYPE_PREFIX='image';var ADDITIONAL_VIDEO_MIMETYPES=['application/mxf'];var ADDITIONAL_IMAGE_MIMETYPES=[];var ADDITIONAL_AUDIO_MIMETYPES=[];var getDefaultShapeTags=function getDefaultShapeTags(file){if(!file||!file.type)return [];var mimeType=file.type.toLowerCase();if(mimeType.startsWith(AUDIO_MIMETYPE_PREFIX)||ADDITIONAL_AUDIO_MIMETYPES.includes(mimeType))return DEFAULT_AUDIO_SHAPETAGS;if(mimeType.startsWith(VIDEO_MIMETYPE_PREFIX)||ADDITIONAL_VIDEO_MIMETYPES.includes(mimeType))return DEFAULT_VIDEO_SHAPETAGS;if(mimeType.startsWith(IMAGE_MIMETYPE_PREFIX)||ADDITIONAL_IMAGE_MIMETYPES.includes(mimeType))return DEFAULT_IMAGE_SHAPETAGS;return [];};var chunkedUpload=function chunkedUpload(file){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return new Promise(function(resolve,reject){var uploadInstance=new ChunkedUpload(file,_objectSpread({onFail:function onFail(error){return reject(error);},onComplete:function onComplete(resp){return resolve(resp);}},props));uploadInstance.upload();});};var onUploadFile=function onUploadFile(_ref){var file=_ref.file,collectionId=_ref.collectionId,onProgress=_ref.onProgress,_ref$metadata=_ref.metadata,propsMetadata=_ref$metadata===void 0?{}:_ref$metadata,_ref$placeholderParam=_ref.placeholderParams,placeholderParams=_ref$placeholderParam===void 0?{}:_ref$placeholderParam,_ref$importParams=_ref.importParams,importParams=_ref$importParams===void 0?{}:_ref$importParams,_ref$chunkedUploadPro=_ref.chunkedUploadProps,chunkedUploadProps=_ref$chunkedUploadPro===void 0?{}:_ref$chunkedUploadPro,_ref$generateTransfer=_ref.generateTransferId,generateTransferId=_ref$generateTransfer===void 0?uuidv4:_ref$generateTransfer,_ref$getShapeTags=_ref.getShapeTags,getShapeTags=_ref$getShapeTags===void 0?getDefaultShapeTags:_ref$getShapeTags;return new Promise(function(resolve,reject){try{var itemId;onProgress({});var shapeTags=getShapeTags(file);var filename=file.name;var mimeType=file.type;var _mimeType$split=mimeType.split('/'),_mimeType$split2=_slicedToArray(_mimeType$split,1),mediaType=_mimeType$split2[0];var metadata=_objectSpread({originalFilename:filename,mimeType:mimeType,mediaType:mediaType},propsMetadata);var metadataDocument=createMetadataType(metadata);vsimport.createImportPlaceholder({metadataDocument:metadataDocument,queryParams:_objectSpread({container:1},placeholderParams)}).then(function(_ref2){var itemDocument=_ref2.data;itemId=itemDocument.id;if(!collectionId)return Promise.resolve();var collectionIds=Array.isArray(collectionId)?collectionId:[collectionId];return Promise.all(collectionIds.map(function(id){return collection.addCollectionEntity({collectionId:id,entityId:itemId});}));}).then(function(){var transferId=generateTransferId();var queryParams=_objectSpread({filename:filename,transferId:transferId,tag:shapeTags},importParams);return chunkedUpload(file,_objectSpread({api:{method:vsimport.createImportComponentRaw,props:{itemId:itemId,component:'container',queryParams:queryParams}},onProgress:onProgress},chunkedUploadProps));}).then(function(response){resolve(_objectSpread(_objectSpread({},response),{},{itemId:itemId,collectionId:collectionId}));})["catch"](function(error){return reject(error);});}catch(err){/* eslint-disable-next-line no-console */console.error(err);reject(err);}});};function useUploadFiles(_ref3){var _ref3$onUploadFile=_ref3.onUploadFile,handleUploadFile=_ref3$onUploadFile===void 0?onUploadFile:_ref3$onUploadFile,_ref3$initialMetadata=_ref3.initialMetadata,initialMetadata=_ref3$initialMetadata===void 0?{}:_ref3$initialMetadata,props=_objectWithoutProperties(_ref3,_excluded);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),files=_useState2[0],setFiles=_useState2[1];useEffect(function(){return function(){// Make sure to revoke the data uris to avoid memory leaks
+var _excluded=["onUploadFile","initialMetadata"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var DEFAULT_AUDIO_SHAPETAGS=['__mp3_160k'];var DEFAULT_VIDEO_SHAPETAGS=['__mp4'];var DEFAULT_IMAGE_SHAPETAGS=['__png'];var AUDIO_MIMETYPE_PREFIX='audio';var VIDEO_MIMETYPE_PREFIX='video';var IMAGE_MIMETYPE_PREFIX='image';var ADDITIONAL_VIDEO_MIMETYPES=['application/mxf'];var ADDITIONAL_IMAGE_MIMETYPES=[];var ADDITIONAL_AUDIO_MIMETYPES=[];var getDefaultShapeTags=function getDefaultShapeTags(file){if(!file||!file.type)return [];var mimeType=file.type.toLowerCase();if(mimeType.startsWith(AUDIO_MIMETYPE_PREFIX)||ADDITIONAL_AUDIO_MIMETYPES.includes(mimeType))return DEFAULT_AUDIO_SHAPETAGS;if(mimeType.startsWith(VIDEO_MIMETYPE_PREFIX)||ADDITIONAL_VIDEO_MIMETYPES.includes(mimeType))return DEFAULT_VIDEO_SHAPETAGS;if(mimeType.startsWith(IMAGE_MIMETYPE_PREFIX)||ADDITIONAL_IMAGE_MIMETYPES.includes(mimeType))return DEFAULT_IMAGE_SHAPETAGS;return [];};var chunkedUpload=function chunkedUpload(file){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return new Promise(function(resolve,reject){var uploadManager=new ChunkedTransferManager();var uploadInstance=new ChunkedUpload(file,_objectSpread({onFail:function onFail(error){return reject(error);},onComplete:function onComplete(resp){return resolve(resp);}},props));uploadManager.addChunkedUpload(uploadInstance);uploadManager.upload();});};var onUploadFile=function onUploadFile(_ref){var file=_ref.file,collectionId=_ref.collectionId,onProgress=_ref.onProgress,_ref$metadata=_ref.metadata,propsMetadata=_ref$metadata===void 0?{}:_ref$metadata,_ref$placeholderParam=_ref.placeholderParams,placeholderParams=_ref$placeholderParam===void 0?{}:_ref$placeholderParam,_ref$importParams=_ref.importParams,importParams=_ref$importParams===void 0?{}:_ref$importParams,_ref$chunkedUploadPro=_ref.chunkedUploadProps,chunkedUploadProps=_ref$chunkedUploadPro===void 0?{}:_ref$chunkedUploadPro,_ref$generateTransfer=_ref.generateTransferId,generateTransferId=_ref$generateTransfer===void 0?uuidv4:_ref$generateTransfer,_ref$getShapeTags=_ref.getShapeTags,getShapeTags=_ref$getShapeTags===void 0?getDefaultShapeTags:_ref$getShapeTags;return new Promise(function(resolve,reject){try{var itemId;onProgress({});var shapeTags=getShapeTags(file);var filename=file.name;var mimeType=file.type;var _mimeType$split=mimeType.split('/'),_mimeType$split2=_slicedToArray(_mimeType$split,1),mediaType=_mimeType$split2[0];var metadata=_objectSpread({originalFilename:filename,mimeType:mimeType,mediaType:mediaType},propsMetadata);var metadataDocument=createMetadataType(metadata);vsimport.createImportPlaceholder({metadataDocument:metadataDocument,queryParams:_objectSpread({container:1},placeholderParams)}).then(function(_ref2){var itemDocument=_ref2.data;itemId=itemDocument.id;if(!collectionId)return Promise.resolve();var collectionIds=Array.isArray(collectionId)?collectionId:[collectionId];return Promise.all(collectionIds.map(function(id){return collection.addCollectionEntity({collectionId:id,entityId:itemId});}));}).then(function(){var transferId=generateTransferId();var queryParams=_objectSpread({filename:filename,transferId:transferId,tag:shapeTags},importParams);return chunkedUpload(file,_objectSpread({api:{method:vsimport.createImportComponentRaw,props:{itemId:itemId,component:'container',queryParams:queryParams}},onProgress:onProgress},chunkedUploadProps));}).then(function(response){resolve(_objectSpread(_objectSpread({},response),{},{itemId:itemId,collectionId:collectionId}));})["catch"](function(error){return reject(error);});}catch(err){/* eslint-disable-next-line no-console */console.error(err);reject(err);}});};function useUploadFiles(_ref3){var _ref3$onUploadFile=_ref3.onUploadFile,handleUploadFile=_ref3$onUploadFile===void 0?onUploadFile:_ref3$onUploadFile,_ref3$initialMetadata=_ref3.initialMetadata,initialMetadata=_ref3$initialMetadata===void 0?{}:_ref3$initialMetadata,props=_objectWithoutProperties(_ref3,_excluded);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),files=_useState2[0],setFiles=_useState2[1];useEffect(function(){return function(){// Make sure to revoke the data uris to avoid memory leaks
 files.forEach(function(file){return URL.revokeObjectURL(file.preview);});};},[files]);var onAddFiles=useCallback(function(){var newFiles=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var newFilesObj=newFiles.map(function(file){return {file:file,metadata:_objectSpread({title:file.name},initialMetadata)};});setFiles(function(currentFiles){return newFilesObj.concat(currentFiles);});},[initialMetadata]);var onChangeFile=useCallback(function(idx){var changeFile=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};setFiles(function(currentFilesList){var currentFile=currentFilesList[idx];var newMetadata=changeFile.metadata,newProgress=changeFile.progress;var _currentFile$metadata=currentFile.metadata,currentMetadata=_currentFile$metadata===void 0?{}:_currentFile$metadata,_currentFile$progress=currentFile.progress,currentProgress=_currentFile$progress===void 0?{}:_currentFile$progress;var newFilesList=_toConsumableArray(currentFilesList);var newFile=_objectSpread({},currentFile);if(newMetadata)newFile.metadata=_objectSpread(_objectSpread({},currentMetadata),newMetadata);if(newProgress)newFile.progress=_objectSpread(_objectSpread({},currentProgress),newProgress);newFilesList[idx]=newFile;return newFilesList;});},[setFiles]);var onChangeProgress=useCallback(function(idx){return function(){var newProgress=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};onChangeFile(idx,{progress:newProgress});};},[onChangeFile]);var onChangeMetadata=useCallback(function(idx){return function(){var newMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};onChangeFile(idx,{metadata:newMetadata});};},[onChangeFile]);var onUpload=useCallback(function(uploadProps){return files.reduce(function(previousPromise,thisFile,idx){return previousPromise.then(function(res){if(thisFile.progress){return previousPromise;}return handleUploadFile(_objectSpread(_objectSpread({file:thisFile.file,onProgress:onChangeProgress(idx),metadata:thisFile.metadata},uploadProps),props)).then(function(currentResult){return [].concat(_toConsumableArray(res),[currentResult]);});});},Promise.resolve([]));},[files,handleUploadFile,onChangeProgress,props]);var onRemoveFile=useCallback(function(idx){return function(){setFiles(_toConsumableArray(files).filter(function(_,i){return i!==idx;}));};},[setFiles,files]);var onRemoveFiles=useCallback(function(idxs){return function(){setFiles(_toConsumableArray(files).filter(function(_,i){return !idxs.includes(i);}));};},[setFiles,files]);return {onAddFiles:onAddFiles,onChangeFile:onChangeFile,onChangeMetadata:onChangeMetadata,onUpload:onUpload,onRemoveFile:onRemoveFile,onRemoveFiles:onRemoveFiles,files:files,setFiles:setFiles};}
 
 export { useUploadFiles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-react",
-  "version": "23.1.0",
+  "version": "23.2.0-pre.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -21,12 +21,13 @@
   "scripts": {
     "build": "rimraf dist && rollup -c",
     "build:watch": "yarn build -w --environment DEVELOPMENT",
-    "lint": "eslint . --ext js,md,mdx"
+    "lint": "eslint . --max-warnings=0",
+    "format": "prettier . --check"
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@vidispine/vdt-api": "23.1.0",
-    "@vidispine/vdt-js": "23.1.0",
+    "@vidispine/vdt-api": "23.2.0-pre.1",
+    "@vidispine/vdt-js": "23.2.0-pre.1",
     "lodash.debounce": "^4.0.8",
     "lz-string": "^1.4.4",
     "react-cookie": "^4.1.1",
@@ -44,9 +45,10 @@
     "@rollup/plugin-babel": "5.3.1",
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-node-resolve": "13.3.0",
-    "@vidispine/eslint-config-react": "23.1.0",
-    "@vidispine/eslint-config-storybook": "23.1.0",
-    "@vidispine/prettier-config": "23.1.0",
+    "@vidispine/eslint-config-react": "23.2.0-pre.1",
+    "@vidispine/eslint-config-storybook": "23.2.0-pre.1",
+    "@vidispine/prettier-config": "23.2.0-pre.1",
+    "axios-mock-adapter": "1.21.2",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "eslint": "8.34.0",
     "prettier": "2.8.4",