@vidispine/vdt-materialui 23.1.0-pre.5 → 23.2.0-pre.1

package/dist/hooks/useSnackbarAlert.js

@@ -7,7 +7,7 @@ import { withStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
-var _excluded=["AlertProps"];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 styles=function styles(){return {};};var EmptyComponent=function EmptyComponent(){return function(){// eslint-disable-next-line react/jsx-no-useless-fragment
-return/*#__PURE__*/jsx(Fragment,{});};};function useSnackbarAlert(){var _useState=useState(EmptyComponent),_useState2=_slicedToArray(_useState,2),Alert$1=_useState2[0],setAlert=_useState2[1];var showAlert=useCallback(function(_ref){var severity=_ref.severity,message=_ref.message;setAlert(function(){return withStyles(styles)(function(_ref2){var AlertProps=_ref2.AlertProps,props=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(Snackbar,_objectSpread(_objectSpread({open:true,autoHideDuration:6000,onClose:function onClose(){return setAlert(EmptyComponent);}},props),{},{children:/*#__PURE__*/jsx(Alert,_objectSpread(_objectSpread({severity:severity},AlertProps),{},{children:message.toString?message.toString():message}))}));});});},[]);return [Alert$1,showAlert];}
+var _excluded=["AlertProps"];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 styles=function styles(){return {};};var EmptyComponent=function EmptyComponent(){return function(){return/*#__PURE__*/ (// eslint-disable-next-line react/jsx-no-useless-fragment
+jsx(Fragment,{}));};};function useSnackbarAlert(){var _useState=useState(EmptyComponent),_useState2=_slicedToArray(_useState,2),Alert$1=_useState2[0],setAlert=_useState2[1];var showAlert=useCallback(function(_ref){var severity=_ref.severity,message=_ref.message;setAlert(function(){return withStyles(styles)(function(_ref2){var AlertProps=_ref2.AlertProps,props=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(Snackbar,_objectSpread(_objectSpread({open:true,autoHideDuration:6000,onClose:function onClose(){return setAlert(EmptyComponent);}},props),{},{children:/*#__PURE__*/jsx(Alert,_objectSpread(_objectSpread({severity:severity},AlertProps),{},{children:message.toString?message.toString():message}))}));});});},[]);return [Alert$1,showAlert];}
 
 export { useSnackbarAlert as default };

package/dist/index.js

@@ -104,7 +104,18 @@ export { default as AddToCollectionDialog } from './collection/AddToCollectionDi
 export { default as RemoveFromCollectionDialog } from './collection/RemoveFromCollectionDialog/index.js';
 export { default as CollectionSearchPicker } from './collection/CollectionSearchPicker/index.js';
 export { default as CollectionContent } from './collection/CollectionContent/index.js';
-export { FILE, FolderListTree, FolderTree, JOIN_CHARACTER, LOAD_MORE, PREFIX, STORAGE, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, Storage, StorageList, StorageListTree, StorageTree } from './storage/StorageListTree.js';
+export { default as StorageListTree } from './storage/StorageListTree.js';
+export { default as StorageList } from './storage/components/StorageList.js';
+export { default as Storage } from './storage/components/Storage.js';
+export { default as StorageTree } from './storage/components/StorageTree.js';
+export { FolderListTree, default as FolderTree } from './storage/components/FolderTree.js';
+export { default as SelectedEntityWrapper } from './storage/components/SelectedEntityWrapper.js';
+export { default as SelectedStorageWrapper } from './storage/components/SelectedStorageWrapper.js';
+export { default as SelectedStorage } from './storage/components/SelectedStorage.js';
+export { default as SelectedFileWrapper } from './storage/components/SelectedFileWrapper.js';
+export { default as SelectedFile } from './storage/components/SelectedFile.js';
+export { default as FileTreeLabel } from './storage/components/FileTreeLabel.js';
+export { default as FolderTreeLabel } from './storage/components/FolderTreeLabel.js';
 export { default as SearchSuggestions } from './search/SearchSuggestions.js';
 export { default as SearchInputFieldSelect } from './search/SearchInputFieldSelect.js';
 export { default as SearchInput } from './search/SearchInput/index.js';

package/dist/item/player/ItemPlayer/ItemPlayer.js

@@ -10,16 +10,15 @@ import MenuItem from '@material-ui/core/MenuItem';
 import Select from '@material-ui/core/Select';
 import { withStyles } from '@material-ui/core/styles';
 import Skeleton from '@material-ui/lab/Skeleton';
-import { filterShapeSource, getShapeMediaType, getShapeDocumentType } from '@vidispine/vdt-js';
+import { filterShapeSource, getShapeMediaType } from '@vidispine/vdt-js';
 import ItemAudioPlayer, { ALLOWED_MIME_TYPES as ALLOWED_MIME_TYPES$3 } from '../ItemAudioPlayer.js';
-import ItemDocumentPlayer, { ALLOWED_MIME_TYPES as ALLOWED_MIME_TYPES$4 } from '../ItemDocumentPlayer.js';
 import ItemImagePlayer, { ALLOWED_MIME_TYPES as ALLOWED_MIME_TYPES$2 } from '../ItemImagePlayer.js';
 import ItemVideoPlayer, { ALLOWED_MIME_TYPES as ALLOWED_MIME_TYPES$1 } from '../ItemVideoPlayer.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["className","classes","itemId","videoEl","itemType","isLoading","subtitleGroup","subtitleField","sampleRate","allowedMimeTypes","additionalMimeTypes","LoadingPlayerComponent","NoPreviewPlayerComponent","ItemImagePlayerComponent","ItemAudioPlayerComponent","ItemVideoPlayerComponent","ItemBinaryPlayerComponent","ItemDocumentPlayerComponent","onReady","onCinema","onScreenshot","width","sourceTag","SourceSelectionComponent","videoPlayerProps","audioPlayerProps","shapeToLabel","ItemVideoPlayerProps","ItemBinaryPlayerProps","LoadingPlayerProps","NoPreviewPlayerProps"];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 ALLOWED_MIME_TYPES=[].concat(_toConsumableArray(ALLOWED_MIME_TYPES$1),_toConsumableArray(ALLOWED_MIME_TYPES$2),_toConsumableArray(ALLOWED_MIME_TYPES$3),_toConsumableArray(ALLOWED_MIME_TYPES$4));var IMAGE='IMAGE';var AUDIO='AUDIO';var VIDEO='VIDEO';var DOCUMENT='DOCUMENT';var BINARY='BINARY';var defaultShapeToLabel=function defaultShapeToLabel(shape){if(shape.height){if(shape.fieldOrder){return "".concat(shape.tag," (").concat(shape.height).concat(shape.fieldOrder[0],")");}return "".concat(shape.tag," (").concat(shape.height,"x").concat(shape.width,")");}if(shape.audioFormat){if(shape.containerFormat!==shape.audioFormat){return "".concat(shape.tag," (").concat(shape.audioFormat," - ").concat(shape.containerFormat,")");}return "".concat(shape.tag," (").concat(shape.audioFormat,")");}return shape.tag;};var getShapeDuration=function getShapeDuration(shape){var hmsToSeconds=function hmsToSeconds(hms){return hms.split(':').reduce(function(acc,seconds){return 60*acc+Number(seconds);});};if(shape.timeCode)return Math.floor(shape.timeCode.toSeconds());if(shape.duration)return hmsToSeconds(shape.duration);return undefined;};var SourceSelection=withStyles({},{name:'VdtSourceSelection'})(function(_ref){var currentValue=_ref.value,onChange=_ref.onChange,options=_ref.options,_ref$previewSourceTex=_ref.previewSourceText,previewSourceText=_ref$previewSourceTex===void 0?'Preview Source':_ref$previewSourceTex;var newValue=options.find(function(x){return x.label===currentValue.label;});return/*#__PURE__*/jsxs(FormControl,{variant:"standard",fullWidth:true,children:[/*#__PURE__*/jsx(InputLabel,{children:previewSourceText}),/*#__PURE__*/jsx(Select,{value:newValue,onChange:onChange,children:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,{value:option,children:option.label},option.src);})})]});});var LoadingPlayer=withStyles({},{name:'VdtLoadingPlayer'})(function(props){return/*#__PURE__*/jsx(Skeleton,_objectSpread({variant:"rect",width:"100%",height:520},props));});var NoPreviewPlayer=withStyles(function(theme){return {root:{backgroundColor:theme.palette.divider,width:'100%',height:520,display:'flex',justifyContent:'center',alignItems:'center'},label:_objectSpread({},theme.typography.button)};},{name:'VdtNoPreviewPlayer'})(function(_ref2){var className=_ref2.className,classes=_ref2.classes,_ref2$label=_ref2.label,label=_ref2$label===void 0?'No Previews':_ref2$label;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:/*#__PURE__*/jsx("div",{className:classes.label,children:label})});});var styles=function styles(){return {root:{}};};// TODO: Add propTypes to get better storybook controls
-function ItemPlayer(_ref3){var className=_ref3.className,_ref3$classes=_ref3.classes,classes=_ref3$classes===void 0?{}:_ref3$classes,itemId=_ref3.itemId,videoEl=_ref3.videoEl,itemType=_ref3.itemType,isLoading=_ref3.isLoading,_ref3$subtitleGroup=_ref3.subtitleGroup,subtitleGroup=_ref3$subtitleGroup===void 0?'stl_subtitle':_ref3$subtitleGroup,_ref3$subtitleField=_ref3.subtitleField,subtitleField=_ref3$subtitleField===void 0?'stl_text':_ref3$subtitleField,_ref3$sampleRate=_ref3.sampleRate,sampleRate=_ref3$sampleRate===void 0?'PAL':_ref3$sampleRate,_ref3$allowedMimeType=_ref3.allowedMimeTypes,allowedMimeTypes=_ref3$allowedMimeType===void 0?ALLOWED_MIME_TYPES:_ref3$allowedMimeType,_ref3$additionalMimeT=_ref3.additionalMimeTypes,additionalMimeTypes=_ref3$additionalMimeT===void 0?[]:_ref3$additionalMimeT,_ref3$LoadingPlayerCo=_ref3.LoadingPlayerComponent,LoadingPlayerComponent=_ref3$LoadingPlayerCo===void 0?LoadingPlayer:_ref3$LoadingPlayerCo,_ref3$NoPreviewPlayer=_ref3.NoPreviewPlayerComponent,NoPreviewPlayerComponent=_ref3$NoPreviewPlayer===void 0?NoPreviewPlayer:_ref3$NoPreviewPlayer,_ref3$ItemImagePlayer=_ref3.ItemImagePlayerComponent,ItemImagePlayerComponent=_ref3$ItemImagePlayer===void 0?ItemImagePlayer:_ref3$ItemImagePlayer,_ref3$ItemAudioPlayer=_ref3.ItemAudioPlayerComponent,ItemAudioPlayerComponent=_ref3$ItemAudioPlayer===void 0?ItemAudioPlayer:_ref3$ItemAudioPlayer,_ref3$ItemVideoPlayer=_ref3.ItemVideoPlayerComponent,ItemVideoPlayerComponent=_ref3$ItemVideoPlayer===void 0?ItemVideoPlayer:_ref3$ItemVideoPlayer,ItemBinaryPlayerComponent=_ref3.ItemBinaryPlayerComponent,_ref3$ItemDocumentPla=_ref3.ItemDocumentPlayerComponent,ItemDocumentPlayerComponent=_ref3$ItemDocumentPla===void 0?ItemDocumentPlayer:_ref3$ItemDocumentPla,onReady=_ref3.onReady,onCinema=_ref3.onCinema,onScreenshot=_ref3.onScreenshot,_ref3$width=_ref3.width,width=_ref3$width===void 0?'100%':_ref3$width,_ref3$sourceTag=_ref3.sourceTag,sourceTag=_ref3$sourceTag===void 0?'original':_ref3$sourceTag,_ref3$SourceSelection=_ref3.SourceSelectionComponent,SourceSelectionComponent=_ref3$SourceSelection===void 0?SourceSelection:_ref3$SourceSelection,_ref3$videoPlayerProp=_ref3.videoPlayerProps,videoPlayerProps=_ref3$videoPlayerProp===void 0?{}:_ref3$videoPlayerProp,_ref3$audioPlayerProp=_ref3.audioPlayerProps,audioPlayerProps=_ref3$audioPlayerProp===void 0?{}:_ref3$audioPlayerProp,_ref3$shapeToLabel=_ref3.shapeToLabel,shapeToLabel=_ref3$shapeToLabel===void 0?defaultShapeToLabel:_ref3$shapeToLabel,_ref3$ItemVideoPlayer2=_ref3.ItemVideoPlayerProps,ItemVideoPlayerProps=_ref3$ItemVideoPlayer2===void 0?{}:_ref3$ItemVideoPlayer2,_ref3$ItemBinaryPlaye=_ref3.ItemBinaryPlayerProps,ItemBinaryPlayerProps=_ref3$ItemBinaryPlaye===void 0?{}:_ref3$ItemBinaryPlaye,_ref3$LoadingPlayerPr=_ref3.LoadingPlayerProps,LoadingPlayerProps=_ref3$LoadingPlayerPr===void 0?{}:_ref3$LoadingPlayerPr,_ref3$NoPreviewPlayer2=_ref3.NoPreviewPlayerProps,NoPreviewPlayerProps=_ref3$NoPreviewPlayer2===void 0?{}:_ref3$NoPreviewPlayer2,props=_objectWithoutProperties(_ref3,_excluded);var _useState=useState(),_useState2=_slicedToArray(_useState,2),source=_useState2[0],setSource=_useState2[1];var previewSources=useMemo(function(){var filteredShapeSources=filterShapeSource(itemType,{allowedMimeTypes:[].concat(_toConsumableArray(allowedMimeTypes),_toConsumableArray(additionalMimeTypes))}).map(function(previewProps){return _objectSpread(_objectSpread({},previewProps),{},{label:shapeToLabel(previewProps.shape)});});return filteredShapeSources;},[itemType,allowedMimeTypes,additionalMimeTypes,shapeToLabel]);var mediaType=useMemo(function(){if(source){return getShapeMediaType(source.shape);}if(previewSources&&previewSources.length>0){return getShapeMediaType(previewSources[0].shape);}return undefined;},[source,previewSources]);var documentType=useMemo(function(){if(source){return getShapeDocumentType(source.shape);}if(previewSources&&previewSources.length>0){return getShapeDocumentType(previewSources[0].shape);}return undefined;},[source,previewSources]);var onChangeSource=function onChangeSource(_ref4){var newSource=_ref4.target.value;var newSrc=newSource.src,newShape=newSource.shape,newType=newSource.type;if(mediaType===VIDEO||mediaType===AUDIO){var player=videoEl&&videoEl.current&&videoEl.current.player&&videoEl.current.player.videojs;if(!player||player.currentSrc()===newSrc)return;var isPaused=player.paused();var currentTime=player.currentTime();var currentDuration=Math.floor(player.duration());var newDuration=getShapeDuration(newShape);if(player.preload==='none')player.preload='metadata';if(currentDuration<=newDuration+2&&currentDuration>=newDuration-2){player.addClass('vjs-has-started');player.bigPlayButton.hide();player.poster('');// TODO: Show poster image if existing
+var _excluded=["className","classes","itemId","videoEl","itemType","isLoading","subtitleGroup","subtitleField","sampleRate","allowedMimeTypes","additionalMimeTypes","LoadingPlayerComponent","NoPreviewPlayerComponent","ItemImagePlayerComponent","ItemAudioPlayerComponent","ItemVideoPlayerComponent","ItemBinaryPlayerComponent","onReady","onCinema","onScreenshot","width","sourceTag","SourceSelectionComponent","videoPlayerProps","audioPlayerProps","shapeToLabel","ItemVideoPlayerProps","ItemBinaryPlayerProps","LoadingPlayerProps","NoPreviewPlayerProps"];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 ALLOWED_MIME_TYPES=[].concat(_toConsumableArray(ALLOWED_MIME_TYPES$1),_toConsumableArray(ALLOWED_MIME_TYPES$2),_toConsumableArray(ALLOWED_MIME_TYPES$3));var IMAGE='IMAGE';var AUDIO='AUDIO';var VIDEO='VIDEO';var DOCUMENT='DOCUMENT';var BINARY='BINARY';var defaultShapeToLabel=function defaultShapeToLabel(shape){if(shape.height){if(shape.fieldOrder){return "".concat(shape.tag," (").concat(shape.height).concat(shape.fieldOrder[0],")");}return "".concat(shape.tag," (").concat(shape.height,"x").concat(shape.width,")");}if(shape.audioFormat){if(shape.containerFormat!==shape.audioFormat){return "".concat(shape.tag," (").concat(shape.audioFormat," - ").concat(shape.containerFormat,")");}return "".concat(shape.tag," (").concat(shape.audioFormat,")");}return shape.tag;};var getShapeDuration=function getShapeDuration(shape){var hmsToSeconds=function hmsToSeconds(hms){return hms.split(':').reduce(function(acc,seconds){return 60*acc+Number(seconds);});};if(shape.timeCode)return Math.floor(shape.timeCode.toSeconds());if(shape.duration)return hmsToSeconds(shape.duration);return undefined;};var SourceSelection=withStyles({},{name:'VdtSourceSelection'})(function(_ref){var currentValue=_ref.value,onChange=_ref.onChange,options=_ref.options,_ref$previewSourceTex=_ref.previewSourceText,previewSourceText=_ref$previewSourceTex===void 0?'Preview Source':_ref$previewSourceTex;var newValue=options.find(function(x){return x.label===currentValue.label;});return/*#__PURE__*/jsxs(FormControl,{variant:"standard",fullWidth:true,children:[/*#__PURE__*/jsx(InputLabel,{children:previewSourceText}),/*#__PURE__*/jsx(Select,{value:newValue,onChange:onChange,children:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,{value:option,children:option.label},option.src);})})]});});var LoadingPlayer=withStyles({},{name:'VdtLoadingPlayer'})(function(props){return/*#__PURE__*/jsx(Skeleton,_objectSpread({variant:"rect",width:"100%",height:520},props));});var NoPreviewPlayer=withStyles(function(theme){return {root:{backgroundColor:theme.palette.divider,width:'100%',height:520,display:'flex',justifyContent:'center',alignItems:'center'},label:_objectSpread({},theme.typography.button)};},{name:'VdtNoPreviewPlayer'})(function(_ref2){var className=_ref2.className,classes=_ref2.classes,_ref2$label=_ref2.label,label=_ref2$label===void 0?'No Previews':_ref2$label;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:/*#__PURE__*/jsx("div",{className:classes.label,children:label})});});var styles=function styles(){return {root:{}};};// TODO: Add propTypes to get better storybook controls
+function ItemPlayer(_ref3){var className=_ref3.className,_ref3$classes=_ref3.classes,classes=_ref3$classes===void 0?{}:_ref3$classes,itemId=_ref3.itemId,videoEl=_ref3.videoEl,itemType=_ref3.itemType,isLoading=_ref3.isLoading,_ref3$subtitleGroup=_ref3.subtitleGroup,subtitleGroup=_ref3$subtitleGroup===void 0?'stl_subtitle':_ref3$subtitleGroup,_ref3$subtitleField=_ref3.subtitleField,subtitleField=_ref3$subtitleField===void 0?'stl_text':_ref3$subtitleField,_ref3$sampleRate=_ref3.sampleRate,sampleRate=_ref3$sampleRate===void 0?'PAL':_ref3$sampleRate,_ref3$allowedMimeType=_ref3.allowedMimeTypes,allowedMimeTypes=_ref3$allowedMimeType===void 0?ALLOWED_MIME_TYPES:_ref3$allowedMimeType,_ref3$additionalMimeT=_ref3.additionalMimeTypes,additionalMimeTypes=_ref3$additionalMimeT===void 0?[]:_ref3$additionalMimeT,_ref3$LoadingPlayerCo=_ref3.LoadingPlayerComponent,LoadingPlayerComponent=_ref3$LoadingPlayerCo===void 0?LoadingPlayer:_ref3$LoadingPlayerCo,_ref3$NoPreviewPlayer=_ref3.NoPreviewPlayerComponent,NoPreviewPlayerComponent=_ref3$NoPreviewPlayer===void 0?NoPreviewPlayer:_ref3$NoPreviewPlayer,_ref3$ItemImagePlayer=_ref3.ItemImagePlayerComponent,ItemImagePlayerComponent=_ref3$ItemImagePlayer===void 0?ItemImagePlayer:_ref3$ItemImagePlayer,_ref3$ItemAudioPlayer=_ref3.ItemAudioPlayerComponent,ItemAudioPlayerComponent=_ref3$ItemAudioPlayer===void 0?ItemAudioPlayer:_ref3$ItemAudioPlayer,_ref3$ItemVideoPlayer=_ref3.ItemVideoPlayerComponent,ItemVideoPlayerComponent=_ref3$ItemVideoPlayer===void 0?ItemVideoPlayer:_ref3$ItemVideoPlayer,ItemBinaryPlayerComponent=_ref3.ItemBinaryPlayerComponent,onReady=_ref3.onReady,onCinema=_ref3.onCinema,onScreenshot=_ref3.onScreenshot,_ref3$width=_ref3.width,width=_ref3$width===void 0?'100%':_ref3$width,_ref3$sourceTag=_ref3.sourceTag,sourceTag=_ref3$sourceTag===void 0?'original':_ref3$sourceTag,_ref3$SourceSelection=_ref3.SourceSelectionComponent,SourceSelectionComponent=_ref3$SourceSelection===void 0?SourceSelection:_ref3$SourceSelection,_ref3$videoPlayerProp=_ref3.videoPlayerProps,videoPlayerProps=_ref3$videoPlayerProp===void 0?{}:_ref3$videoPlayerProp,_ref3$audioPlayerProp=_ref3.audioPlayerProps,audioPlayerProps=_ref3$audioPlayerProp===void 0?{}:_ref3$audioPlayerProp,_ref3$shapeToLabel=_ref3.shapeToLabel,shapeToLabel=_ref3$shapeToLabel===void 0?defaultShapeToLabel:_ref3$shapeToLabel,_ref3$ItemVideoPlayer2=_ref3.ItemVideoPlayerProps,ItemVideoPlayerProps=_ref3$ItemVideoPlayer2===void 0?{}:_ref3$ItemVideoPlayer2,_ref3$ItemBinaryPlaye=_ref3.ItemBinaryPlayerProps,ItemBinaryPlayerProps=_ref3$ItemBinaryPlaye===void 0?{}:_ref3$ItemBinaryPlaye,_ref3$LoadingPlayerPr=_ref3.LoadingPlayerProps,LoadingPlayerProps=_ref3$LoadingPlayerPr===void 0?{}:_ref3$LoadingPlayerPr,_ref3$NoPreviewPlayer2=_ref3.NoPreviewPlayerProps,NoPreviewPlayerProps=_ref3$NoPreviewPlayer2===void 0?{}:_ref3$NoPreviewPlayer2,props=_objectWithoutProperties(_ref3,_excluded);var _useState=useState(),_useState2=_slicedToArray(_useState,2),source=_useState2[0],setSource=_useState2[1];var previewSources=useMemo(function(){var filteredShapeSources=filterShapeSource(itemType,{allowedMimeTypes:[].concat(_toConsumableArray(allowedMimeTypes),_toConsumableArray(additionalMimeTypes))}).map(function(previewProps){return _objectSpread(_objectSpread({},previewProps),{},{label:shapeToLabel(previewProps.shape)});});return filteredShapeSources;},[itemType,allowedMimeTypes,additionalMimeTypes,shapeToLabel]);var mediaType=useMemo(function(){if(source){return getShapeMediaType(source.shape);}if(previewSources&&previewSources.length>0){return getShapeMediaType(previewSources[0].shape);}return undefined;},[source,previewSources]);var onChangeSource=function onChangeSource(_ref4){var newSource=_ref4.target.value;var newSrc=newSource.src,newShape=newSource.shape,newType=newSource.type;if(mediaType===VIDEO||mediaType===AUDIO){var player=videoEl&&videoEl.current&&videoEl.current.player&&videoEl.current.player.videojs;if(!player||player.currentSrc()===newSrc)return;var isPaused=player.paused();var currentTime=player.currentTime();var currentDuration=Math.floor(player.duration());var newDuration=getShapeDuration(newShape);if(player.preload==='none')player.preload='metadata';if(currentDuration<=newDuration+2&&currentDuration>=newDuration-2){player.addClass('vjs-has-started');player.bigPlayButton.hide();player.poster('');// TODO: Show poster image if existing
 player.one('loadedmetadata',function(){player.currentTime(currentTime);if(!isPaused)player.play();});}else {player.one('loadeddata',function(){player.bigPlayButton.show();});}player.pause();player.src({src:newSrc,type:newType.replace('x-','')});}setSource(newSource);};var hasNoPreview=isLoading||mediaType===undefined||previewSources.length===0;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className,'VdtItemPlayer-root'),children:hasNoPreview?/*#__PURE__*/ // eslint-disable-next-line react/jsx-no-useless-fragment
-jsx(Fragment,{children:isLoading?/*#__PURE__*/jsx(LoadingPlayerComponent,_objectSpread({},LoadingPlayerProps)):/*#__PURE__*/jsx(NoPreviewPlayerComponent,_objectSpread({},NoPreviewPlayerProps))}):/*#__PURE__*/jsxs(Fragment,{children:[(mediaType===IMAGE||mediaType===AUDIO||mediaType===DOCUMENT)&&/*#__PURE__*/jsxs(Fragment,{children:[ItemImagePlayerComponent&&mediaType===IMAGE&&/*#__PURE__*/jsx(ItemImagePlayerComponent,_objectSpread({previewSource:source||previewSources[0],videoEl:videoEl},props)),ItemAudioPlayerComponent&&mediaType===AUDIO&&/*#__PURE__*/jsx(ItemAudioPlayerComponent,{videoEl:videoEl,onReady:onReady,width:width,sourceTag:sourceTag,previewSources:previewSources,audioPlayerProps:audioPlayerProps}),ItemDocumentPlayerComponent&&mediaType===DOCUMENT&&/*#__PURE__*/jsx(ItemDocumentPlayerComponent,{previewSource:source||previewSources[0].src,documentType:documentType}),SourceSelectionComponent&&previewSources.length>1&&/*#__PURE__*/jsx(SourceSelectionComponent,{options:previewSources,value:source||previewSources[0],onChange:onChangeSource})]}),ItemBinaryPlayerComponent&&mediaType===BINARY&&/*#__PURE__*/jsx(ItemBinaryPlayerComponent,_objectSpread({itemId:itemId,itemType:itemType,source:source||(previewSources===null||previewSources===void 0?void 0:previewSources[0]),sourceTag:sourceTag,previewSources:previewSources},ItemBinaryPlayerProps)),ItemVideoPlayerComponent&&mediaType===VIDEO&&/*#__PURE__*/jsx(ItemVideoPlayerComponent,_objectSpread({videoEl:videoEl,itemType:itemType,subtitleGroup:subtitleGroup,subtitleField:subtitleField,sampleRate:sampleRate,onReady:onReady,onCinema:onCinema,onScreenshot:onScreenshot,width:width,sourceTag:sourceTag,previewSources:previewSources,videoPlayerProps:videoPlayerProps},ItemVideoPlayerProps))]})});}
+jsx(Fragment,{children:isLoading?/*#__PURE__*/jsx(LoadingPlayerComponent,_objectSpread({},LoadingPlayerProps)):/*#__PURE__*/jsx(NoPreviewPlayerComponent,_objectSpread({},NoPreviewPlayerProps))}):/*#__PURE__*/jsxs(Fragment,{children:[(mediaType===IMAGE||mediaType===AUDIO||mediaType===DOCUMENT)&&/*#__PURE__*/jsxs(Fragment,{children:[ItemImagePlayerComponent&&mediaType===IMAGE&&/*#__PURE__*/jsx(ItemImagePlayerComponent,_objectSpread({previewSource:source||previewSources[0],videoEl:videoEl},props)),ItemAudioPlayerComponent&&mediaType===AUDIO&&/*#__PURE__*/jsx(ItemAudioPlayerComponent,{videoEl:videoEl,onReady:onReady,width:width,sourceTag:sourceTag,previewSources:previewSources,audioPlayerProps:audioPlayerProps}),SourceSelectionComponent&&previewSources.length>1&&/*#__PURE__*/jsx(SourceSelectionComponent,{options:previewSources,value:source||previewSources[0],onChange:onChangeSource})]}),ItemBinaryPlayerComponent&&mediaType===BINARY&&/*#__PURE__*/jsx(ItemBinaryPlayerComponent,_objectSpread({itemId:itemId,itemType:itemType,source:source||(previewSources===null||previewSources===void 0?void 0:previewSources[0]),sourceTag:sourceTag,previewSources:previewSources},ItemBinaryPlayerProps)),ItemVideoPlayerComponent&&mediaType===VIDEO&&/*#__PURE__*/jsx(ItemVideoPlayerComponent,_objectSpread({videoEl:videoEl,itemType:itemType,subtitleGroup:subtitleGroup,subtitleField:subtitleField,sampleRate:sampleRate,onReady:onReady,onCinema:onCinema,onScreenshot:onScreenshot,width:width,sourceTag:sourceTag,previewSources:previewSources,videoPlayerProps:videoPlayerProps},ItemVideoPlayerProps))]})});}
 
 export { ItemPlayer as default, styles };

package/dist/search/SavedSearch/SavedSearchAccessList.js

@@ -6,6 +6,6 @@ import EntityAccessTable from '../../entity/EntityAccessTable.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded=["collectionId"],_excluded2=["getEntityAccessProps"];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;}function SavedSearchAccessList(_ref){var collectionId=_ref.collectionId,props=_objectWithoutProperties(_ref,_excluded);var getEntityAccessProps=props.getEntityAccessProps,EntityAccessTableProps=_objectWithoutProperties(props,_excluded2);var _useEntityAccess=useEntityAccess({entityId:collectionId,entityType:'collection'}),accessControlList=_useEntityAccess.accessControlList,onList=_useEntityAccess.onList,onRemove=_useEntityAccess.onRemove;useEffect(function(){onList(getEntityAccessProps);// eslint-disable-next-line react-hooks/exhaustive-deps
-},[collectionId]);var handleRemove=function handleRemove(removeProps){return onRemove(removeProps).then(onList);};return/*#__PURE__*/jsx(EntityAccessTable,_objectSpread({entityType:"collection",entityId:collectionId,accessControlList:accessControlList,onRemove:handleRemove},EntityAccessTableProps));}
+},[collectionId]);var handleRemove=function handleRemove(removeProps){return onRemove(removeProps).then(function(){return onList(getEntityAccessProps);});};return/*#__PURE__*/jsx(EntityAccessTable,_objectSpread({entityType:"collection",entityId:collectionId,accessControlList:accessControlList,onRemove:handleRemove},EntityAccessTableProps));}
 
 export { SavedSearchAccessList as default };

package/dist/storage/StorageListTree.js

@@ -1,21 +1,12 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, useEffect, useMemo, useCallback } from 'react';
-import Box from '@material-ui/core/Box';
 import { withStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import FolderIcon from '@material-ui/icons/FolderOpen';
-import TreeItem from '@material-ui/lab/TreeItem';
 import TreeView from '@material-ui/lab/TreeView';
-import { file, storage } from '@vidispine/vdt-api';
-import MediaBadge from '../media/MediaBadge.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import StorageList from './components/StorageList.js';
+import useTreeView from './hooks/useTreeView.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["entityId","SelectedFileComponent"],_excluded2=["entityId","SelectedStorageComponent"],_excluded3=["selected","SelectedEntities"],_excluded4=["file"],_excluded5=["file"];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 STORAGE='STORAGE';var FILE='FILE';var PREFIX='PREFIX';var LOAD_MORE='LOAD_MORE';var JOIN_CHARACTER='_';var SelectedFile=withStyles({},{name:'VdtSelectedFile'})(function(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtSelectedFile':_ref$className,styles=_ref.styles,fileId=_ref.fileId,fileType=_ref.fileType,_ref$SelectedFileActi=_ref.SelectedFileActionsComponent,SelectedFileActionsComponent=_ref$SelectedFileActi===void 0?null:_ref$SelectedFileActi,_ref$SelectedFileActi2=_ref.SelectedFileActionsProps,SelectedFileActionsProps=_ref$SelectedFileActi2===void 0?{}:_ref$SelectedFileActi2,_ref$fileText=_ref.fileText,fileText=_ref$fileText===void 0?'File':_ref$fileText;var path=fileType.path;var fileName=path.split('/').pop();var fileExtension=fileName.split('.').length>1?fileName.split('.').pop():undefined;return/*#__PURE__*/jsxs("div",{className:className,style:styles,children:[/*#__PURE__*/jsx(Typography,{variant:"h4",children:fileName}),/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:fileExtension?'space-between':'flex-start',alignItems:"center",children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:"".concat(fileText," \u2022 ").concat(fileId)}),fileExtension&&/*#__PURE__*/jsx(MediaBadge,{children:fileExtension})]}),SelectedFileActionsComponent&&/*#__PURE__*/jsx(SelectedFileActionsComponent,_objectSpread({fileId:fileId,fileType:fileType},SelectedFileActionsProps))]});});function SelectedFileWrapper(_ref2){var entityId=_ref2.entityId,_ref2$SelectedFileCom=_ref2.SelectedFileComponent,SelectedFileComponent=_ref2$SelectedFileCom===void 0?SelectedFile:_ref2$SelectedFileCom,props=_objectWithoutProperties(_ref2,_excluded);var _useState=useState(),_useState2=_slicedToArray(_useState,2),fileType=_useState2[0],setFileType=_useState2[1];var onGetFile=function onGetFile(){file.getFile({fileId:entityId,matrixParams:{includeItem:true}}).then(function(_ref3){var data=_ref3.data;return setFileType(data);});};useEffect(onGetFile,[entityId]);return fileType?/*#__PURE__*/jsx(SelectedFileComponent,_objectSpread({fileType:fileType,fileId:fileType.id},props)):null;}var SelectedStorage=withStyles({},{name:'VdtSelectedStorage'})(function(_ref4){var _ref4$className=_ref4.className,className=_ref4$className===void 0?'VdtSelectedStorage':_ref4$className,styles=_ref4.styles,storageId=_ref4.storageId,storageType=_ref4.storageType,_ref4$SelectedStorage=_ref4.SelectedStorageActionsComponent,SelectedStorageActionsComponent=_ref4$SelectedStorage===void 0?null:_ref4$SelectedStorage,_ref4$SelectedStorage2=_ref4.SelectedStorageActionsProps,SelectedStorageActionsProps=_ref4$SelectedStorage2===void 0?{}:_ref4$SelectedStorage2,_ref4$storageText=_ref4.storageText,storageText=_ref4$storageText===void 0?'Storage':_ref4$storageText;var _useMemo=useMemo(function(){var _storageType$method=storageType.method,methodList=_storageType$method===void 0?[]:_storageType$method;var _methodList=_slicedToArray(methodList,1),defaultMethod=_methodList[0];if(defaultMethod&&defaultMethod.uri){var uriString=defaultMethod.uri;var uri=new URL(uriString);var pathname=uri.pathname;var protocol=uri.protocol;var folder=pathname.split('@').pop();if(folder.endsWith('/'))folder=folder.slice(0,-1);if(protocol.endsWith(':'))protocol=protocol.slice(0,-1);return [protocol,folder];}return [];},[storageType]),_useMemo2=_slicedToArray(_useMemo,2),methodType=_useMemo2[0],path=_useMemo2[1];return/*#__PURE__*/jsxs("div",{className:className,style:styles,children:[/*#__PURE__*/jsx(Typography,{variant:"h4",children:path||''}),/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:"".concat(storageText," \u2022 ").concat(storageId)}),/*#__PURE__*/jsx(MediaBadge,{children:methodType})]}),SelectedStorageActionsComponent&&/*#__PURE__*/jsx(SelectedStorageActionsComponent,_objectSpread({storageId:storageId,storageType:storageType},SelectedStorageActionsProps))]});});function SelectedStorageWrapper(_ref5){var entityId=_ref5.entityId,_ref5$SelectedStorage=_ref5.SelectedStorageComponent,SelectedStorageComponent=_ref5$SelectedStorage===void 0?SelectedStorage:_ref5$SelectedStorage,props=_objectWithoutProperties(_ref5,_excluded2);var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),storageType=_useState4[0],setStorageType=_useState4[1];var onGetStorage=function onGetStorage(){storage.getStorage({storageId:entityId}).then(function(_ref6){var data=_ref6.data;return setStorageType(data);});};useEffect(onGetStorage,[entityId]);return storageType?/*#__PURE__*/jsx(SelectedStorageComponent,_objectSpread({storageType:storageType,storageId:storageType.id},props)):null;}function SelectedEntityWrapper(_ref7){var _ref8;var _ref7$selected=_ref7.selected,selected=_ref7$selected===void 0?'':_ref7$selected,_ref7$SelectedEntitie=_ref7.SelectedEntities,SelectedEntities=_ref7$SelectedEntitie===void 0?(_ref8={},_defineProperty(_ref8,STORAGE,SelectedStorageWrapper),_defineProperty(_ref8,FILE,SelectedFileWrapper),_ref8):_ref7$SelectedEntitie,props=_objectWithoutProperties(_ref7,_excluded3);var _selected$split=selected.split(JOIN_CHARACTER),_selected$split2=_slicedToArray(_selected$split,2),entity=_selected$split2[0],entityId=_selected$split2[1];var SelectedEntity=SelectedEntities[entity];return SelectedEntity?/*#__PURE__*/jsx(SelectedEntity,_objectSpread({entityId:entityId},props)):null;}function FileTree(_ref9){var _ref9$className=_ref9.className,className=_ref9$className===void 0?'VdtFile':_ref9$className,styles=_ref9.styles,fileType=_ref9.fileType,storageId=_ref9.storageId;var fileId=fileType.id,path=fileType.path;var label=path.split('/').pop();return/*#__PURE__*/jsx(TreeItem,{nodeId:[FILE,fileId,storageId].join(JOIN_CHARACTER),label:label,className:className,styles:styles});}function FolderTree(_ref10){var _ref10$className=_ref10.className,className=_ref10$className===void 0?'VdtFolderTree':_ref10$className,styles=_ref10.styles,path=_ref10.path,storageId=_ref10.storageId,fileListType=_ref10.fileListType,onListFilesMore=_ref10.onListFilesMore,_ref10$FolderComponen=_ref10.FolderComponent,FolderComponent=_ref10$FolderComponen===void 0?FolderListTree:_ref10$FolderComponen,_ref10$FolderProps=_ref10.FolderProps,FolderProps=_ref10$FolderProps===void 0?{}:_ref10$FolderProps,_ref10$FileComponent=_ref10.FileComponent,FileComponent=_ref10$FileComponent===void 0?FileTree:_ref10$FileComponent,_ref10$FileProps=_ref10.FileProps,FileProps=_ref10$FileProps===void 0?{}:_ref10$FileProps,_ref10$LoadMoreProps=_ref10.LoadMoreProps,LoadMoreProps=_ref10$LoadMoreProps===void 0?{}:_ref10$LoadMoreProps;var label=path.slice(0,-1).split('/').pop();var _fileListType$prefixe=fileListType.prefixes;_fileListType$prefixe=_fileListType$prefixe===void 0?{}:_fileListType$prefixe;var _fileListType$prefixe2=_fileListType$prefixe.prefix,prefix=_fileListType$prefixe2===void 0?[]:_fileListType$prefixe2,_fileListType$file=fileListType.file,fileList=_fileListType$file===void 0?[]:_fileListType$file,hits=fileListType.hits;var labelComponent=/*#__PURE__*/jsxs(Box,{display:"flex",alignItems:"flex-end",style:{fontWeight:'inherit',color:'inherit'},children:[/*#__PURE__*/jsx(FolderIcon,{color:"inherit"}),/*#__PURE__*/jsx(Typography,{variant:"body1",style:{fontWeight:'inherit'},children:label})]});return/*#__PURE__*/jsxs(TreeItem,{nodeId:[PREFIX,path,storageId].join(JOIN_CHARACTER),label:labelComponent,className:className,styles:styles,children:[prefix.map(function(subPath){return/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:subPath,storageId:storageId},FolderProps),subPath);}),fileList.map(function(fileType){return/*#__PURE__*/jsx(FileComponent,_objectSpread({fileId:fileType.id,fileType:fileType,storageId:storageId},FileProps),fileType.id);}),hits!==undefined&&hits>fileList.length&&/*#__PURE__*/jsx(TreeItem,_objectSpread({className:"loadMore",nodeId:"".concat(LOAD_MORE,"_").concat(path,"_").concat(storageId),label:"Load More",onClick:onListFilesMore},LoadMoreProps))]});}function FolderListTree(_ref11){var path=_ref11.path,storageId=_ref11.storageId,_ref11$FolderTreeComp=_ref11.FolderTreeComponent,FolderTreeComponent=_ref11$FolderTreeComp===void 0?FolderTree:_ref11$FolderTreeComp,_ref11$FolderTreeProp=_ref11.FolderTreeProps,FolderTreeProps=_ref11$FolderTreeProp===void 0?{}:_ref11$FolderTreeProp;var _useState5=useState([]),_useState6=_slicedToArray(_useState5,2),fileListType=_useState6[0],setFileListType=_useState6[1];useEffect(function(){file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:path,recursive:false},matrixParams:{first:0,number:10}}).then(function(_ref12){var data=_ref12.data;return setFileListType(data);});},[path,storageId]);var onListFilesMore=useCallback(function(){var _fileListType$file2=fileListType.file,fileList=_fileListType$file2===void 0?[]:_fileListType$file2,hits=fileListType.hits;var first=fileList.length;if(first===hits)return;file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:path,recursive:false},matrixParams:{first:first,number:10}}).then(function(_ref13){var _ref13$data=_ref13.data;_ref13$data=_ref13$data===void 0?{}:_ref13$data;var _ref13$data$file=_ref13$data.file,newFileList=_ref13$data$file===void 0?[]:_ref13$data$file,newFileProps=_objectWithoutProperties(_ref13$data,_excluded4);var newFileType=_objectSpread(_objectSpread({},newFileProps),{},{file:[].concat(_toConsumableArray(fileList),_toConsumableArray(newFileList))});setFileListType(newFileType);});},[fileListType,path,storageId]);return/*#__PURE__*/jsx(FolderTreeComponent,_objectSpread({path:path,storageId:storageId,fileListType:fileListType,onListFilesMore:onListFilesMore},FolderTreeProps));}var StorageTree=withStyles({},{name:'VdtStorageTree'})(function(_ref14){var _ref14$className=_ref14.className,className=_ref14$className===void 0?'VdtStorageTree':_ref14$className,styles=_ref14.styles,storageType=_ref14.storageType,storageId=_ref14.storageId,fileListType=_ref14.fileListType,onListFilesMore=_ref14.onListFilesMore,_ref14$FolderComponen=_ref14.FolderComponent,FolderComponent=_ref14$FolderComponen===void 0?FolderListTree:_ref14$FolderComponen,_ref14$FolderProps=_ref14.FolderProps,FolderProps=_ref14$FolderProps===void 0?{}:_ref14$FolderProps,_ref14$FileComponent=_ref14.FileComponent,FileComponent=_ref14$FileComponent===void 0?FileTree:_ref14$FileComponent,_ref14$FileProps=_ref14.FileProps,FileProps=_ref14$FileProps===void 0?{}:_ref14$FileProps,_ref14$LoadMoreProps=_ref14.LoadMoreProps,LoadMoreProps=_ref14$LoadMoreProps===void 0?{}:_ref14$LoadMoreProps,_ref14$storageText=_ref14.storageText,storageText=_ref14$storageText===void 0?'Storage':_ref14$storageText,_ref14$loadMoreText=_ref14.loadMoreText,loadMoreText=_ref14$loadMoreText===void 0?'Load more':_ref14$loadMoreText;var label=useMemo(function(){var _storageType$method2=storageType.method,methodList=_storageType$method2===void 0?[]:_storageType$method2;var _methodList2=_slicedToArray(methodList,1),defaultMethod=_methodList2[0];if(defaultMethod&&defaultMethod.uri){var uriString=defaultMethod.uri;var uri=new URL(uriString);var pathname=uri.pathname;var protocol=uri.protocol;var folder=pathname.split('@').pop();if(folder.endsWith('/'))folder=folder.slice(0,-1);if(protocol.endsWith(':'))protocol=protocol.slice(0,-1);return "".concat(protocol," ").concat(folder);}return "".concat(storageText," ").concat(storageId);// eslint-disable-next-line react-hooks/exhaustive-deps
-},[storageType,storageId]);var _fileListType$prefixe3=fileListType.prefixes;_fileListType$prefixe3=_fileListType$prefixe3===void 0?{}:_fileListType$prefixe3;var _fileListType$prefixe4=_fileListType$prefixe3.prefix,prefix=_fileListType$prefixe4===void 0?[]:_fileListType$prefixe4,_fileListType$file3=fileListType.file,fileList=_fileListType$file3===void 0?[]:_fileListType$file3,hits=fileListType.hits;return/*#__PURE__*/jsxs(TreeItem,{nodeId:[STORAGE,storageId].join(JOIN_CHARACTER),label:label,className:className,styles:styles,children:[prefix.map(function(path){return/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:path,storageId:storageId},FolderProps),path);}),fileList.map(function(fileType){return/*#__PURE__*/jsx(FileComponent,_objectSpread({fileId:fileType.id,fileType:fileType,storageId:storageId},FileProps),fileType.id);}),hits!==undefined&&hits>fileList.length&&/*#__PURE__*/jsx(TreeItem,_objectSpread({className:"loadMore",nodeId:[LOAD_MORE,storageId].join(JOIN_CHARACTER),label:loadMoreText,onClick:onListFilesMore},LoadMoreProps))]});});function Storage(_ref15){var storageId=_ref15.storageId,storageType=_ref15.storageType,_ref15$StorageTreeCom=_ref15.StorageTreeComponent,StorageTreeComponent=_ref15$StorageTreeCom===void 0?StorageTree:_ref15$StorageTreeCom,_ref15$StorageTreePro=_ref15.StorageTreeProps,StorageTreeProps=_ref15$StorageTreePro===void 0?{}:_ref15$StorageTreePro;var _useState7=useState({}),_useState8=_slicedToArray(_useState7,2),fileListType=_useState8[0],setFileListType=_useState8[1];useEffect(function(){file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:'/',recursive:false},matrixParams:{first:0,number:10}}).then(function(_ref16){var data=_ref16.data;return setFileListType(data);});},[storageId]);var onListFilesMore=useCallback(function(){var _fileListType$file4=fileListType.file,fileList=_fileListType$file4===void 0?[]:_fileListType$file4,hits=fileListType.hits;var first=fileList.length;if(first===hits)return;file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:'/',recursive:false},matrixParams:{first:first,number:10}}).then(function(_ref17){var _ref17$data=_ref17.data;_ref17$data=_ref17$data===void 0?{}:_ref17$data;var _ref17$data$file=_ref17$data.file,newFileList=_ref17$data$file===void 0?[]:_ref17$data$file,newFileProps=_objectWithoutProperties(_ref17$data,_excluded5);var newFileType=_objectSpread(_objectSpread({},newFileProps),{},{file:[].concat(_toConsumableArray(fileList),_toConsumableArray(newFileList))});setFileListType(newFileType);});},[fileListType,storageId]);return/*#__PURE__*/jsx(StorageTreeComponent,_objectSpread({onListFilesMore:onListFilesMore,fileListType:fileListType,storageId:storageId,storageType:storageType},StorageTreeProps));}function StorageList(_ref18){var _ref18$StorageCompone=_ref18.StorageComponent,StorageComponent=_ref18$StorageCompone===void 0?Storage:_ref18$StorageCompone,_ref18$StorageProps=_ref18.StorageProps,StorageProps=_ref18$StorageProps===void 0?{}:_ref18$StorageProps;var _useState9=useState({}),_useState10=_slicedToArray(_useState9,2),storageListType=_useState10[0],setStorageListType=_useState10[1];var onListStorages=function onListStorages(){storage.listStorage().then(function(_ref19){var data=_ref19.data;return setStorageListType(data);});};useEffect(onListStorages,[]);var _storageListType$stor=storageListType.storage,storageList=_storageListType$stor===void 0?[]:_storageListType$stor;if(storageList.length===0)return null;return storageList.map(function(storageType){return/*#__PURE__*/jsx(StorageComponent,_objectSpread({storageId:storageType.id,storageType:storageType},StorageProps),storageType.id);});}function StorageListTree(_ref20){var _ref20$className=_ref20.className,className=_ref20$className===void 0?'VdtStorageListTree':_ref20$className,styles=_ref20.styles,_ref20$StorageListCom=_ref20.StorageListComponent,StorageListComponent=_ref20$StorageListCom===void 0?StorageList:_ref20$StorageListCom,_ref20$StorageListPro=_ref20.StorageListProps,StorageListProps=_ref20$StorageListPro===void 0?{}:_ref20$StorageListPro,selected=_ref20.selected,_ref20$onChange=_ref20.onChange,onChange=_ref20$onChange===void 0?function(){return null;}:_ref20$onChange;var _useState11=useState([]),_useState12=_slicedToArray(_useState11,2),expanded=_useState12[0],setExpanded=_useState12[1];var onNodeSelect=function onNodeSelect(event,nodeIds){if(typeof nodeIds==='string'){if(nodeIds.startsWith(PREFIX)||nodeIds.startsWith(LOAD_MORE))return;}onChange(nodeIds);};var onNodeToggle=function onNodeToggle(event,nodeIds){setExpanded(nodeIds);};return/*#__PURE__*/jsx(TreeView,{className:className,defaultCollapseIcon:/*#__PURE__*/jsx(ExpandMoreIcon,{}),defaultExpandIcon:/*#__PURE__*/jsx(ChevronRightIcon,{}),onNodeSelect:onNodeSelect,onNodeToggle:onNodeToggle,selected:selected,expanded:expanded,styles:styles,children:/*#__PURE__*/jsx(StorageListComponent,_objectSpread({},StorageListProps))});}
+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 styles={};function StorageListTree(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtStorageListTree':_ref$className,propStyles=_ref.styles,_ref$StorageListCompo=_ref.StorageListComponent,StorageListComponent=_ref$StorageListCompo===void 0?StorageList:_ref$StorageListCompo,_ref$StorageListProps=_ref.StorageListProps,StorageListProps=_ref$StorageListProps===void 0?{}:_ref$StorageListProps,selected=_ref.selected,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?function(){return null;}:_ref$onChange,initialExpanded=_ref.expanded;var _useTreeView=useTreeView({onChange:onChange,initialExpanded:initialExpanded}),onNodeSelect=_useTreeView.onNodeSelect,onNodeToggle=_useTreeView.onNodeToggle,expanded=_useTreeView.expanded;return/*#__PURE__*/jsx(TreeView,{className:className,defaultCollapseIcon:/*#__PURE__*/jsx(ExpandMoreIcon,{}),defaultExpandIcon:/*#__PURE__*/jsx(ChevronRightIcon,{}),onNodeSelect:onNodeSelect,onNodeToggle:onNodeToggle,selected:selected,expanded:expanded,styles:propStyles,children:/*#__PURE__*/jsx(StorageListComponent,_objectSpread({},StorageListProps))});}var StorageListTree$1 = withStyles(styles,{name:'VdtStorageListTree'})(StorageListTree);
 
-export { FILE, FolderListTree, FolderTree, JOIN_CHARACTER, LOAD_MORE, PREFIX, STORAGE, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, Storage, StorageList, StorageListTree, StorageTree };
+export { StorageListTree$1 as default };

package/dist/storage/components/FileTree.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import TreeItem from '@material-ui/lab/TreeItem';
+import { FILE, JOIN_CHARACTER } from '../const.js';
+import FileTreeLabel from './FileTreeLabel.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 styles={};function FileTree(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtFile':_ref$className,propStyles=_ref.styles,fileType=_ref.fileType,storageId=_ref.storageId,_ref$LabelComponent=_ref.LabelComponent,LabelComponent=_ref$LabelComponent===void 0?FileTreeLabel:_ref$LabelComponent,_ref$LabelProps=_ref.LabelProps,LabelProps=_ref$LabelProps===void 0?{}:_ref$LabelProps;var fileId=fileType.id;return/*#__PURE__*/jsx(TreeItem,{nodeId:[FILE,fileId,storageId].join(JOIN_CHARACTER),label:/*#__PURE__*/jsx(LabelComponent,_objectSpread({fileType:fileType},LabelProps)),className:className,styles:propStyles});}var FileTree$1 = withStyles(styles,{name:'VdtFileTree'})(FileTree);
+
+export { FileTree$1 as default };

package/dist/storage/components/FileTreeLabel.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import FileIcon from '@material-ui/icons/InsertDriveFileOutlined';
+import { parseFileType } from '@vidispine/vdt-js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 styles=function styles(theme){return {label:{fontWeight:'inherit',color:'inherit'},labelRoot:{display:'flex',alignItems:'center'},labelIcon:{marginRight:theme.spacing(1)},labelText:{fontWeight:'inherit',flexGrow:1}};};function FileTreeLabel(_ref){var classes=_ref.classes,_ref$LabelIcon=_ref.LabelIcon,LabelIcon=_ref$LabelIcon===void 0?FileIcon:_ref$LabelIcon,fileType=_ref.fileType,_ref$TypographyCaptio=_ref.TypographyCaptionProps,TypographyCaptionProps=_ref$TypographyCaptio===void 0?{}:_ref$TypographyCaptio,_ref$TypographyBodyPr=_ref.TypographyBodyProps,TypographyBodyProps=_ref$TypographyBodyPr===void 0?{}:_ref$TypographyBodyPr,_ref$LabelIconProps=_ref.LabelIconProps,LabelIconProps=_ref$LabelIconProps===void 0?{}:_ref$LabelIconProps;var _parseFileType=parseFileType(fileType),fileSize=_parseFileType.fileSize,fileName=_parseFileType.fileName;return/*#__PURE__*/jsxs("div",{className:classes.labelRoot,children:[/*#__PURE__*/jsx(LabelIcon,_objectSpread({color:"inherit",className:classes.labelIcon},LabelIconProps)),/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({variant:"body2",className:classes.labelText},TypographyBodyProps),{},{children:fileName})),/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({variant:"caption"},TypographyCaptionProps),{},{children:fileSize}))]});}var FileTreeLabel$1 = withStyles(styles,{name:'VdtFolderTreeLabel'})(FileTreeLabel);
+
+export { FileTreeLabel$1 as default };

package/dist/storage/components/FolderTree.js

@@ -0,0 +1,13 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import TreeItem from '@material-ui/lab/TreeItem';
+import { PREFIX, JOIN_CHARACTER, LOAD_MORE } from '../const.js';
+import useFileList from '../hooks/useFileList.js';
+import FileTree from './FileTree.js';
+import FolderTreeLabel from './FolderTreeLabel.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 styles={};function FolderTree(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtFolderTree':_ref$className,propStyles=_ref.styles,path=_ref.path,storageId=_ref.storageId,fileListType=_ref.fileListType,onListFilesMore=_ref.onListFilesMore,_ref$FolderComponent=_ref.FolderComponent,FolderComponent=_ref$FolderComponent===void 0?FolderListTree:_ref$FolderComponent,_ref$FolderProps=_ref.FolderProps,FolderProps=_ref$FolderProps===void 0?{}:_ref$FolderProps,_ref$FileComponent=_ref.FileComponent,FileComponent=_ref$FileComponent===void 0?FileTree:_ref$FileComponent,_ref$FileProps=_ref.FileProps,FileProps=_ref$FileProps===void 0?{}:_ref$FileProps,_ref$LoadMoreProps=_ref.LoadMoreProps,LoadMoreProps=_ref$LoadMoreProps===void 0?{}:_ref$LoadMoreProps,_ref$LabelComponent=_ref.LabelComponent,LabelComponent=_ref$LabelComponent===void 0?FolderTreeLabel:_ref$LabelComponent;var label=path.replace(/\/$/,'').split('/').pop();var _fileListType$prefixe=fileListType.prefixes;_fileListType$prefixe=_fileListType$prefixe===void 0?{}:_fileListType$prefixe;var _fileListType$prefixe2=_fileListType$prefixe.prefix,prefix=_fileListType$prefixe2===void 0?[]:_fileListType$prefixe2,_fileListType$file=fileListType.file,fileList=_fileListType$file===void 0?[]:_fileListType$file,hits=fileListType.hits;return/*#__PURE__*/jsxs(TreeItem,{nodeId:[PREFIX,path,storageId].join(JOIN_CHARACTER),label:/*#__PURE__*/jsx(LabelComponent,{label:label}),className:className,styles:propStyles,children:[prefix.map(function(subPath){return/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:subPath,storageId:storageId},FolderProps),subPath);}),fileList.map(function(fileType){return/*#__PURE__*/jsx(FileComponent,_objectSpread({fileId:fileType.id,fileType:fileType,storageId:storageId},FileProps),fileType.id);}),hits!==undefined&&hits>fileList.length&&/*#__PURE__*/jsx(TreeItem,_objectSpread({className:"loadMore",nodeId:"".concat(LOAD_MORE,"_").concat(path,"_").concat(storageId),label:"Load More",onClick:onListFilesMore},LoadMoreProps))]});}// In same file as FolderTree to avoid circular dependency import
+var FolderListTree=withStyles({},{name:'VdtFolderListTree'})(function(_ref2){var path=_ref2.path,storageId=_ref2.storageId,_ref2$FolderTreeCompo=_ref2.FolderTreeComponent,FolderTreeComponent=_ref2$FolderTreeCompo===void 0?FolderTree:_ref2$FolderTreeCompo,_ref2$FolderTreeProps=_ref2.FolderTreeProps,FolderTreeProps=_ref2$FolderTreeProps===void 0?{}:_ref2$FolderTreeProps;var _useFileList=useFileList({storageId:storageId,path:path}),fileListType=_useFileList.fileListType,onListFilesMore=_useFileList.onListFilesMore;return/*#__PURE__*/jsx(FolderTreeComponent,_objectSpread({path:path,storageId:storageId,fileListType:fileListType,onListFilesMore:onListFilesMore},FolderTreeProps));});var FolderTree$1 = withStyles(styles,{name:'VdtFolderTree'})(FolderTree);
+
+export { FolderListTree, FolderTree$1 as default };

package/dist/storage/components/FolderTreeLabel.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import FolderIcon from '@material-ui/icons/FolderOpenOutlined';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 styles=function styles(theme){return {label:{fontWeight:'inherit',color:'inherit'},labelRoot:{display:'flex',alignItems:'center'},labelIcon:{marginRight:theme.spacing(1)},labelText:{fontWeight:'inherit',flexGrow:1}};};function FolderTreeLabel(_ref){var classes=_ref.classes,label=_ref.label,_ref$LabelIcon=_ref.LabelIcon,LabelIcon=_ref$LabelIcon===void 0?FolderIcon:_ref$LabelIcon,_ref$TypographyBodyPr=_ref.TypographyBodyProps,TypographyBodyProps=_ref$TypographyBodyPr===void 0?{}:_ref$TypographyBodyPr,_ref$LabelIconProps=_ref.LabelIconProps,LabelIconProps=_ref$LabelIconProps===void 0?{}:_ref$LabelIconProps;return/*#__PURE__*/jsxs("div",{className:classes.labelRoot,children:[/*#__PURE__*/jsx(LabelIcon,_objectSpread({color:"inherit",className:classes.labelIcon},LabelIconProps)),/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({variant:"body2",className:classes.labelText},TypographyBodyProps),{},{children:label}))]});}var FolderTreeLabel$1 = withStyles(styles,{name:'VdtFolderTreeLabel'})(FolderTreeLabel);
+
+export { FolderTreeLabel$1 as default };

package/dist/storage/components/SelectedEntityWrapper.js

@@ -0,0 +1,12 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { withStyles } from '@material-ui/core/styles';
+import { STORAGE, FILE, JOIN_CHARACTER } from '../const.js';
+import SelectedFileWrapper from './SelectedFileWrapper.js';
+import SelectedStorageWrapper from './SelectedStorageWrapper.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["selected","SelectedEntities"];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 styles={};function SelectedEntityWrapper(_ref){var _ref2;var _ref$selected=_ref.selected,selected=_ref$selected===void 0?'':_ref$selected,_ref$SelectedEntities=_ref.SelectedEntities,SelectedEntities=_ref$SelectedEntities===void 0?(_ref2={},_defineProperty(_ref2,STORAGE,SelectedStorageWrapper),_defineProperty(_ref2,FILE,SelectedFileWrapper),_ref2):_ref$SelectedEntities,props=_objectWithoutProperties(_ref,_excluded);var _selected$split=selected.split(JOIN_CHARACTER),_selected$split2=_slicedToArray(_selected$split,2),entity=_selected$split2[0],entityId=_selected$split2[1];var SelectedEntity=SelectedEntities[entity];return SelectedEntity?/*#__PURE__*/jsx(SelectedEntity,_objectSpread({entityId:entityId},props)):null;}var SelectedEntityWrapper$1 = withStyles(styles,{name:'VdtSelectedEntityWrapper'})(SelectedEntityWrapper);
+
+export { SelectedEntityWrapper$1 as default };

package/dist/storage/components/SelectedFile.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Box from '@material-ui/core/Box';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import MediaBadge from '../../media/MediaBadge.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 styles={};function SelectedFile(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtSelectedFile':_ref$className,propStyles=_ref.styles,fileId=_ref.fileId,fileType=_ref.fileType,_ref$SelectedFileActi=_ref.SelectedFileActionsComponent,SelectedFileActionsComponent=_ref$SelectedFileActi===void 0?null:_ref$SelectedFileActi,_ref$SelectedFileActi2=_ref.SelectedFileActionsProps,SelectedFileActionsProps=_ref$SelectedFileActi2===void 0?{}:_ref$SelectedFileActi2,_ref$fileText=_ref.fileText,fileText=_ref$fileText===void 0?'File':_ref$fileText;var path=fileType.path;var fileName=path.split('/').pop();var fileExtension=fileName.split('.').length>1?fileName.split('.').pop():undefined;return/*#__PURE__*/jsxs("div",{className:className,style:propStyles,children:[/*#__PURE__*/jsx(Typography,{variant:"h4",children:fileName}),/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:fileExtension?'space-between':'flex-start',alignItems:"center",children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:"".concat(fileText," \u2022 ").concat(fileId)}),fileExtension&&/*#__PURE__*/jsx(MediaBadge,{children:fileExtension})]}),SelectedFileActionsComponent&&/*#__PURE__*/jsx(SelectedFileActionsComponent,_objectSpread({fileId:fileId,fileType:fileType},SelectedFileActionsProps))]});}var SelectedFile$1 = withStyles(styles,{name:'VdtSelectedFile'})(SelectedFile);
+
+export { SelectedFile$1 as default };

package/dist/storage/components/SelectedFileWrapper.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { withStyles } from '@material-ui/core/styles';
+import useSelectedFile from '../hooks/useSelectedFile.js';
+import SelectedFile from './SelectedFile.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["entityId","SelectedFileComponent"];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 styles={};function SelectedFileWrapper(_ref){var entityId=_ref.entityId,_ref$SelectedFileComp=_ref.SelectedFileComponent,SelectedFileComponent=_ref$SelectedFileComp===void 0?SelectedFile:_ref$SelectedFileComp,props=_objectWithoutProperties(_ref,_excluded);var _useSelectedFile=useSelectedFile({entityId:entityId}),fileType=_useSelectedFile.fileType;return fileType?/*#__PURE__*/jsx(SelectedFileComponent,_objectSpread({fileType:fileType,fileId:fileType.id},props)):null;}var SelectedFileWrapper$1 = withStyles(styles,{name:'VdtSelectedFileWrapper'})(SelectedFileWrapper);
+
+export { SelectedFileWrapper$1 as default };

package/dist/storage/components/SelectedStorage.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo } from 'react';
+import Box from '@material-ui/core/Box';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import MediaBadge from '../../media/MediaBadge.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 styles={};function SelectedStorage(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtSelectedStorage':_ref$className,propStyles=_ref.styles,storageId=_ref.storageId,storageType=_ref.storageType,_ref$SelectedStorageA=_ref.SelectedStorageActionsComponent,SelectedStorageActionsComponent=_ref$SelectedStorageA===void 0?null:_ref$SelectedStorageA,_ref$SelectedStorageA2=_ref.SelectedStorageActionsProps,SelectedStorageActionsProps=_ref$SelectedStorageA2===void 0?{}:_ref$SelectedStorageA2,_ref$storageText=_ref.storageText,storageText=_ref$storageText===void 0?'Storage':_ref$storageText;var _useMemo=useMemo(function(){var _storageType$method=storageType.method,methodList=_storageType$method===void 0?[]:_storageType$method;var _methodList=_slicedToArray(methodList,1),defaultMethod=_methodList[0];if(defaultMethod&&defaultMethod.uri){var uriString=defaultMethod.uri;var uri=new URL(uriString);var pathname=uri.pathname;var protocol=uri.protocol;var folder=pathname.split('@').pop();if(folder.endsWith('/'))folder=folder.slice(0,-1);if(protocol.endsWith(':'))protocol=protocol.slice(0,-1);return [protocol,folder];}return [];},[storageType]),_useMemo2=_slicedToArray(_useMemo,2),methodType=_useMemo2[0],path=_useMemo2[1];return/*#__PURE__*/jsxs("div",{className:className,style:propStyles,children:[/*#__PURE__*/jsx(Typography,{variant:"h4",children:path||''}),/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:"".concat(storageText," \u2022 ").concat(storageId)}),/*#__PURE__*/jsx(MediaBadge,{children:methodType})]}),SelectedStorageActionsComponent&&/*#__PURE__*/jsx(SelectedStorageActionsComponent,_objectSpread({storageId:storageId,storageType:storageType},SelectedStorageActionsProps))]});}var SelectedStorage$1 = withStyles(styles,{name:'VdtSelectedStorage'})(SelectedStorage);
+
+export { SelectedStorage$1 as default };

package/dist/storage/components/SelectedStorageWrapper.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { withStyles } from '@material-ui/core/styles';
+import useSelectedStorage from '../hooks/useSelectedStorage.js';
+import SelectedStorage from './SelectedStorage.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["entityId","SelectedStorageComponent"];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 styles={};function SelectedStorageWrapper(_ref){var entityId=_ref.entityId,_ref$SelectedStorageC=_ref.SelectedStorageComponent,SelectedStorageComponent=_ref$SelectedStorageC===void 0?SelectedStorage:_ref$SelectedStorageC,props=_objectWithoutProperties(_ref,_excluded);var _useSelectedStorage=useSelectedStorage({entityId:entityId}),storageType=_useSelectedStorage.storageType;return storageType?/*#__PURE__*/jsx(SelectedStorageComponent,_objectSpread({storageType:storageType,storageId:storageType.id},props)):null;}var SelectedStorageWrapper$1 = withStyles(styles,{name:'VdtSelectedStorageWrapper'})(SelectedStorageWrapper);
+
+export { SelectedStorageWrapper$1 as default };

package/dist/storage/components/Storage.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import useFileList from '../hooks/useFileList.js';
+import StorageTree from './StorageTree.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 styles={};function Storage(_ref){var storageId=_ref.storageId,storageType=_ref.storageType,_ref$StorageTreeCompo=_ref.StorageTreeComponent,StorageTreeComponent=_ref$StorageTreeCompo===void 0?StorageTree:_ref$StorageTreeCompo,_ref$StorageTreeProps=_ref.StorageTreeProps,StorageTreeProps=_ref$StorageTreeProps===void 0?{}:_ref$StorageTreeProps;var _useFileList=useFileList({storageId:storageId}),onListFilesMore=_useFileList.onListFilesMore,fileListType=_useFileList.fileListType;return/*#__PURE__*/jsx(StorageTreeComponent,_objectSpread({onListFilesMore:onListFilesMore,fileListType:fileListType,storageId:storageId,storageType:storageType},StorageTreeProps));}var Storage$1 = withStyles(styles,{name:'VdtStorage'})(Storage);
+
+export { Storage$1 as default };

package/dist/storage/components/StorageList.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import useStorageList from '../hooks/useStorageList.js';
+import Storage from './Storage.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 styles={};function StorageList(_ref){var _ref$StorageComponent=_ref.StorageComponent,StorageComponent=_ref$StorageComponent===void 0?Storage:_ref$StorageComponent,_ref$StorageProps=_ref.StorageProps,StorageProps=_ref$StorageProps===void 0?{}:_ref$StorageProps;var _useStorageList=useStorageList(),storageListType=_useStorageList.storageListType;var _storageListType$stor=storageListType.storage,storageList=_storageListType$stor===void 0?[]:_storageListType$stor;if(storageList.length===0)return null;return storageList.map(function(storageType){return/*#__PURE__*/jsx(StorageComponent,_objectSpread({storageId:storageType.id,storageType:storageType},StorageProps),storageType.id);});}var StorageList$1 = withStyles(styles,{name:'VdtStorageList'})(StorageList);
+
+export { StorageList$1 as default };

package/dist/storage/components/StorageTree.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import TreeItem from '@material-ui/lab/TreeItem';
+import { STORAGE, JOIN_CHARACTER, LOAD_MORE } from '../const.js';
+import FileTree from './FileTree.js';
+import { FolderListTree } from './FolderTree.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 styles={};function StorageTree(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtStorageTree':_ref$className,propStyles=_ref.styles,storageType=_ref.storageType,storageId=_ref.storageId,fileListType=_ref.fileListType,onListFilesMore=_ref.onListFilesMore,_ref$FolderComponent=_ref.FolderComponent,FolderComponent=_ref$FolderComponent===void 0?FolderListTree:_ref$FolderComponent,_ref$FolderProps=_ref.FolderProps,FolderProps=_ref$FolderProps===void 0?{}:_ref$FolderProps,_ref$FileComponent=_ref.FileComponent,FileComponent=_ref$FileComponent===void 0?FileTree:_ref$FileComponent,_ref$FileProps=_ref.FileProps,FileProps=_ref$FileProps===void 0?{}:_ref$FileProps,_ref$LoadMoreProps=_ref.LoadMoreProps,LoadMoreProps=_ref$LoadMoreProps===void 0?{}:_ref$LoadMoreProps,_ref$storageText=_ref.storageText,storageText=_ref$storageText===void 0?'Storage':_ref$storageText,_ref$loadMoreText=_ref.loadMoreText,loadMoreText=_ref$loadMoreText===void 0?'Load more':_ref$loadMoreText;var label=useMemo(function(){var _storageType$method=storageType.method,methodList=_storageType$method===void 0?[]:_storageType$method;var _methodList=_slicedToArray(methodList,1),defaultMethod=_methodList[0];if(defaultMethod&&defaultMethod.uri){var uriString=defaultMethod.uri;var uri=new URL(uriString);var pathname=uri.pathname;var protocol=uri.protocol;var folder=pathname.split('@').pop();if(folder.endsWith('/'))folder=folder.slice(0,-1);if(protocol.endsWith(':'))protocol=protocol.slice(0,-1);return "".concat(protocol," ").concat(folder);}return "".concat(storageText," ").concat(storageId);// eslint-disable-next-line react-hooks/exhaustive-deps
+},[storageType,storageId]);var _fileListType$prefixe=fileListType.prefixes;_fileListType$prefixe=_fileListType$prefixe===void 0?{}:_fileListType$prefixe;var _fileListType$prefixe2=_fileListType$prefixe.prefix,prefix=_fileListType$prefixe2===void 0?[]:_fileListType$prefixe2,_fileListType$file=fileListType.file,fileList=_fileListType$file===void 0?[]:_fileListType$file,hits=fileListType.hits;return/*#__PURE__*/jsxs(TreeItem,{nodeId:[STORAGE,storageId].join(JOIN_CHARACTER),label:label,className:className,styles:propStyles,children:[prefix.map(function(path){return/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:path,storageId:storageId},FolderProps),path);}),fileList.map(function(fileType){return/*#__PURE__*/jsx(FileComponent,_objectSpread({fileId:fileType.id,fileType:fileType,storageId:storageId},FileProps),fileType.id);}),hits!==undefined&&hits>fileList.length&&/*#__PURE__*/jsx(TreeItem,_objectSpread({className:"loadMore",nodeId:[LOAD_MORE,storageId].join(JOIN_CHARACTER),label:loadMoreText,onClick:onListFilesMore},LoadMoreProps))]});}var StorageTree$1 = withStyles(styles,{name:'VdtStorageTree'})(StorageTree);
+
+export { StorageTree$1 as default };

package/dist/storage/const.js

@@ -0,0 +1,3 @@
+var STORAGE='STORAGE';var FILE='FILE';var PREFIX='PREFIX';var LOAD_MORE='LOAD_MORE';var JOIN_CHARACTER='_';
+
+export { FILE, JOIN_CHARACTER, LOAD_MORE, PREFIX, STORAGE };

package/dist/storage/hooks/useFileList.js

@@ -0,0 +1,10 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect, useCallback } from 'react';
+import { file } from '@vidispine/vdt-api';
+
+var _excluded=["file"];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 useFileList=function useFileList(_ref){var storageId=_ref.storageId,_ref$path=_ref.path,path=_ref$path===void 0?'/':_ref$path,_ref$number=_ref.number,number=_ref$number===void 0?10:_ref$number;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),fileListType=_useState2[0],setFileListType=_useState2[1];var _fileListType$file=fileListType.file,fileList=_fileListType$file===void 0?[]:_fileListType$file,hits=fileListType.hits;var first=fileList.length;useEffect(function(){file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:path,recursive:false,first:0,number:number}}).then(function(_ref2){var data=_ref2.data;return setFileListType(data);});},[path,storageId,number]);var onListFilesMore=useCallback(function(){if(first===hits)return;file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:path,recursive:false,first:first,number:number}}).then(function(_ref3){var _ref3$data=_ref3.data;_ref3$data=_ref3$data===void 0?{}:_ref3$data;var _ref3$data$file=_ref3$data.file,newFileList=_ref3$data$file===void 0?[]:_ref3$data$file,newFileProps=_objectWithoutProperties(_ref3$data,_excluded);setFileListType(function(_ref4){var _ref4$file=_ref4.file,prevFileList=_ref4$file===void 0?[]:_ref4$file;return _objectSpread(_objectSpread({},newFileProps),{},{file:[].concat(_toConsumableArray(prevFileList),_toConsumableArray(newFileList))});});});},[first,hits,path,storageId,number]);return {onListFilesMore:onListFilesMore,fileListType:fileListType};};var useFileList$1 = useFileList;
+
+export { useFileList$1 as default };

package/dist/storage/hooks/useSelectedFile.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { file } from '@vidispine/vdt-api';
+
+var useSelectedFile=function useSelectedFile(_ref){var entityId=_ref.entityId;var _useState=useState(),_useState2=_slicedToArray(_useState,2),fileType=_useState2[0],setFileType=_useState2[1];var onGetFile=function onGetFile(){file.getFile({fileId:entityId,queryParams:{includeItem:true}}).then(function(_ref2){var data=_ref2.data;return setFileType(data);});};useEffect(onGetFile,[entityId]);return {fileType:fileType};};var useSelectedFile$1 = useSelectedFile;
+
+export { useSelectedFile$1 as default };

package/dist/storage/hooks/useSelectedStorage.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { storage } from '@vidispine/vdt-api';
+
+var useSelectedStorage=function useSelectedStorage(_ref){var entityId=_ref.entityId;var _useState=useState(),_useState2=_slicedToArray(_useState,2),storageType=_useState2[0],setStorageType=_useState2[1];var onGetStorage=function onGetStorage(){storage.getStorage({storageId:entityId}).then(function(_ref2){var data=_ref2.data;return setStorageType(data);});};useEffect(onGetStorage,[entityId]);return {storageType:storageType};};var useSelectedStorage$1 = useSelectedStorage;
+
+export { useSelectedStorage$1 as default };

package/dist/storage/hooks/useStorageList.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { storage } from '@vidispine/vdt-api';
+
+var useStorageList=function useStorageList(){var _useState=useState({}),_useState2=_slicedToArray(_useState,2),storageListType=_useState2[0],setStorageListType=_useState2[1];var onListStorages=function onListStorages(){storage.listStorage().then(function(_ref){var data=_ref.data;return setStorageListType(data);});};useEffect(onListStorages,[]);return {storageListType:storageListType};};var useStorageList$1 = useStorageList;
+
+export { useStorageList$1 as default };

package/dist/storage/hooks/useTreeView.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback } from 'react';
+import { PREFIX, LOAD_MORE } from '../const.js';
+
+var useTreeView=function useTreeView(_ref){var onChange=_ref.onChange,_ref$initialExpanded=_ref.initialExpanded,initialExpanded=_ref$initialExpanded===void 0?[]:_ref$initialExpanded;var _useState=useState(initialExpanded),_useState2=_slicedToArray(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1];var onNodeSelect=useCallback(function(event,nodeIds){if(typeof nodeIds==='string'){if(nodeIds.startsWith(PREFIX)||nodeIds.startsWith(LOAD_MORE))return;}if(onChange)onChange(nodeIds);},[onChange]);var onNodeToggle=useCallback(function(event,nodeIds){setExpanded(nodeIds);},[]);return {onNodeToggle:onNodeToggle,onNodeSelect:onNodeSelect,expanded:expanded};};var useTreeView$1 = useTreeView;
+
+export { useTreeView$1 as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "23.1.0-pre.5",
+  "version": "23.2.0-pre.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -22,18 +22,19 @@
     "build": "rimraf dist && rollup -c",
     "build:watch": "yarn build -w --environment DEVELOPMENT",
     "new:component": "hygen new component",
-    "lint": "eslint . --ext js,md,mdx"
+    "lint": "eslint . --max-warnings=0",
+    "format": "prettier . --check"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.1",
-    "@vidispine/vdt-api": "23.1.0-pre.5",
-    "@vidispine/vdt-js": "23.1.0-pre.5",
-    "@vidispine/vdt-react": "23.1.0-pre.5",
-    "@vidispine/vdt-videojs-react": "23.1.0-pre.5",
+    "@babel/runtime": "^7.21.0",
+    "@vidispine/vdt-api": "23.2.0-pre.1",
+    "@vidispine/vdt-js": "23.2.0-pre.1",
+    "@vidispine/vdt-react": "23.2.0-pre.1",
+    "@vidispine/vdt-videojs-react": "23.2.0-pre.1",
     "clsx": "^1.2.1",
-    "core-js": "^3.26.1",
-    "filesize": "^10.0.5",
-    "final-form": "^4.20.7",
+    "core-js": "^3.28.0",
+    "filesize": "^10.0.6",
+    "final-form": "^4.20.9",
     "lodash.clonedeep": "^4.5.0",
     "lodash.constant": "^3.0.0",
     "lodash.debounce": "^4.0.8",
@@ -43,15 +44,12 @@
     "lodash.update": "^4.10.2",
     "lodash.updatewith": "^4.10.2",
     "moment": "^2.29.4",
-    "pdfjs-dist": "2.9.359",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
     "react-dropzone": "^11.7.1",
     "react-final-form": "^6.5.9",
-    "react-pdf": "^5.7.2",
-    "react-select": "^5.6.1",
-    "react-sizeme": "^3.0.2",
+    "react-select": "^5.7.0",
     "typeface-exo-2": "^1.1.13",
     "typeface-roboto": "^1.1.13"
   },
@@ -63,31 +61,31 @@
     "react-dom": "^17.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.20.2",
-    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/core": "7.21.0",
+    "@babel/plugin-transform-runtime": "7.21.0",
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@rollup/plugin-babel": "5.3.1",
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-node-resolve": "13.3.0",
     "@svgr/rollup": "6.5.1",
-    "@vidispine/eslint-config-mdx": "23.1.0-pre.5",
-    "@vidispine/eslint-config-react": "23.1.0-pre.5",
-    "@vidispine/eslint-config-storybook": "23.1.0-pre.5",
-    "@vidispine/prettier-config": "23.1.0-pre.5",
-    "@vidispine/proptypes": "23.1.0-pre.5",
+    "@vidispine/eslint-config-mdx": "23.2.0-pre.1",
+    "@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",
+    "@vidispine/proptypes": "23.2.0-pre.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "0.21.4",
     "axios-mock-adapter": "1.21.2",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "enzyme": "3.11.0",
-    "eslint": "8.28.0",
+    "eslint": "8.34.0",
     "faker": "5.5.3",
     "hygen": "6.2.11",
     "lodash.sample": "4.2.1",
     "lodash.times": "4.3.2",
     "moment-duration-format": "2.3.2",
-    "prettier": "2.8.0",
+    "prettier": "2.8.4",
     "prop-types": "15.8.1",
     "rimraf": "3.0.2",
     "rollup": "2.79.1"

package/dist/item/player/ItemDocumentPlayer.js

@@ -1,11 +0,0 @@
-import ItemPdfViewer from './ItemDocumentViewers/ItemPdfViewer.js';
-import { jsx } from 'react/jsx-runtime';
-
-var ALLOWED_MIME_TYPES=['application/pdf','text/plain','text/csv','text/html','application/msword','application/json','application/xml'];var PDF='PDF';// TO-DO: add new document viewers
-// const TEXT = 'TEXT';
-// const MSWORD = 'MSWORD';
-// const JSON = 'JSON';
-// const XML = 'XML';
-function ItemDocumentPlayer(_ref){var previewSource=_ref.previewSource,classes=_ref.classes,_ref$ItemPdfViewerCom=_ref.ItemPdfViewerComponent,ItemPdfViewerComponent=_ref$ItemPdfViewerCom===void 0?ItemPdfViewer:_ref$ItemPdfViewerCom,documentType=_ref.documentType;return documentType===PDF?/*#__PURE__*/jsx(ItemPdfViewerComponent,{previewSource:previewSource,classes:classes}):/*#__PURE__*/jsx("h3",{children:"The current document format is not supported yet"});}
-
-export { ALLOWED_MIME_TYPES, ItemDocumentPlayer as default };

package/dist/item/player/ItemDocumentViewers/ItemPdfViewer.js

@@ -1,12 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
-import { pdfjs, Document, Page } from 'react-pdf';
-import { SizeMe } from 'react-sizeme';
-import { withStyles } from '@material-ui/core/styles';
-import Pagination from '@material-ui/lab/Pagination';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var styles=function styles(){return {root:{width:'100%',display:'block'},pagination:{marginTop:20},page:{width:'100%',height:'100%'}};};function ItemPdfViewer(_ref){var previewSource=_ref.previewSource,classes=_ref.classes;var _useState=useState(1),_useState2=_slicedToArray(_useState,2),numPages=_useState2[0],setNumPages=_useState2[1];var _useState3=useState(1),_useState4=_slicedToArray(_useState3,2),page=_useState4[0],setPage=_useState4[1];var handleChange=function handleChange(event,value){setPage(value);};useEffect(function(){pdfjs.GlobalWorkerOptions.workerSrc=pdfjsWorker;},[]);return/*#__PURE__*/jsx(SizeMe,{children:function children(_ref2){var size=_ref2.size;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Document,{file:previewSource,options:{cMapUrl:'cmaps/',cMapPacked:true},onLoadSuccess:function onLoadSuccess(pdf){setNumPages(pdf.numPages);},children:/*#__PURE__*/jsx(Page,{className:classes.page,pageNumber:page,width:size.width})}),/*#__PURE__*/jsx(Pagination,{showFirstButton:true,showLastButton:true,className:classes.pagination,count:numPages,page:page,onChange:handleChange,boundaryCount:2})]});}});}var ItemPdfViewer$1 = withStyles(styles,{name:'VdtItemPdfViewer'})(ItemPdfViewer);
-
-export { ItemPdfViewer$1 as default };