@vidispine/vdt-materialui 22.4.0 → 23.1.0-pre.2

package/dist/item/ItemPosterTab.js

@@ -0,0 +1,8 @@
+import { useRef, useEffect } from 'react';
+import { useGetItem } from '@vidispine/vdt-react';
+import ItemPoster from './ItemPoster.js';
+import { jsx } from 'react/jsx-runtime';
+
+var queryParams={content:'poster,thumbnail','noauth-url':true,url:'false'};function ItemPosterTab(_ref){var itemId=_ref.itemId,hidden=_ref.hidden;var _useGetItem=useGetItem({itemId:itemId,queryParams:queryParams}),itemType=_useGetItem.itemType,onRefresh=_useGetItem.onRefresh;var hiddenRef=useRef(hidden);useEffect(function(){if(hidden===false&&hidden!==hiddenRef.current){onRefresh();}hiddenRef.current=hidden;},[hidden,onRefresh]);return/*#__PURE__*/jsx(ItemPoster,{itemId:itemId,itemType:itemType});}
+
+export { ItemPosterTab as default };

package/dist/item/ItemRelationRemoveDialog.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import { item } from '@vidispine/vdt-api';
+import ConfirmationDialog from '../ConfirmationDialog.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;}function ItemRelationRemoveDialog(_ref){var open=_ref.open,onClose=_ref.onClose,onSuccess=_ref.onSuccess,relationId=_ref.relationId,onError=_ref.onError,onConfirm=_ref.onConfirm,ConfirmationDialogProps=_ref.ConfirmationDialogProps,titleText=_ref.titleText,confirmText=_ref.confirmText,rejectText=_ref.rejectText;var handleConfirm=function handleConfirm(){return onConfirm({relationId:relationId}).then(onSuccess)["catch"](onError);};return/*#__PURE__*/jsx(ConfirmationDialog,_objectSpread({open:open,onReject:onClose,titleText:titleText,confirmText:confirmText,rejectText:rejectText,onConfirm:handleConfirm},ConfirmationDialogProps));}ItemRelationRemoveDialog.defaultProps={open:false,onClose:undefined,onSuccess:undefined,// eslint-disable-next-line no-console
+onError:function onError(_ref2){var message=_ref2.message,error=_ref2.error;return console.error("".concat(message,"\n").concat(error));},onConfirm:function onConfirm(_ref3){var relationId=_ref3.relationId;return item.removeRelation({relationId:relationId});},ConfirmationDialogProps:{},titleText:'Remove relation?',confirmText:'Remove',rejectText:'Cancel'};var ItemRelationRemoveDialog$1 = withStyles({},{name:'VdtItemRelationRemoveDialog'})(ItemRelationRemoveDialog);
+
+export { ItemRelationRemoveDialog$1 as default };

package/dist/item/ItemRelationsTab.js

@@ -0,0 +1,31 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import _update from 'lodash.update';
+import Button from '@material-ui/core/Button';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import { withStyles } from '@material-ui/core/styles';
+import AddIcon from '@material-ui/icons/Add';
+import ForwardIcon from '@material-ui/icons/Forward';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';
+import { item } from '@vidispine/vdt-api';
+import { useApi } from '@vidispine/vdt-react';
+import useMenu from '../hooks/useMenu.js';
+import AddRelationDialog from './AddRelationDialog.js';
+import ItemList from './ItemList/index.js';
+import ItemRelationRemoveDialog from './ItemRelationRemoveDialog.js';
+import { jsxs, jsx, Fragment } 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={root:{},actions:{display:'flex',justifyContent:'flex-end'},button:{}};function ActionComponent(_ref){var itemId=_ref.itemId,itemType=_ref.itemType,_ref$itemRelationList=_ref.itemRelationListType,itemRelationListType=_ref$itemRelationList===void 0?{}:_ref$itemRelationList,_ref$removeText=_ref.removeText,removeText=_ref$removeText===void 0?'Remove Relation':_ref$removeText,onItemClick=_ref.onClick,_ref$goToText=_ref.goToText,goToText=_ref$goToText===void 0?'Go To Item':_ref$goToText,onRefresh=_ref.onRefresh,onRemove=_ref.onRemove,_ref$MenuIcon=_ref.MenuIcon,MenuIcon=_ref$MenuIcon===void 0?MoreVertIcon:_ref$MenuIcon;var _useMenu=useMenu(),anchorEl=_useMenu.anchorEl,onOpen=_useMenu.onOpen,onClose=_useMenu.onClose,isOpen=_useMenu.isOpen,onClickMenu=_useMenu.onClick;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),openDialog=_useState2[0],setOpenDialog=_useState2[1];var onCloseDialog=function onCloseDialog(){return setOpenDialog(false);};var _itemRelationListType=itemRelationListType.relation,relationList=_itemRelationListType===void 0?[]:_itemRelationListType;var _ref2=relationList.find(function(_ref3){var _ref3$direction=_ref3.direction;_ref3$direction=_ref3$direction===void 0?{}:_ref3$direction;var source=_ref3$direction.source,target=_ref3$direction.target;return (source===itemType.id||target===itemType.id)&&(source===itemId||target===itemId);})||{},relationId=_ref2.id;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:onOpen,children:/*#__PURE__*/jsx(MenuIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,open:isOpen,keepMounted:true,onClose:onClose,getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(e){return onItemClick(e,{id:itemType.id});}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ForwardIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:goToText})]}),/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(){return setOpenDialog(true);}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(RemoveCircleOutlineIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:removeText})]})]}),/*#__PURE__*/jsx(ItemRelationRemoveDialog,{itemId:itemType.id,relationId:relationId,open:openDialog,onClose:onCloseDialog,onSuccess:function onSuccess(){onCloseDialog();if(onRemove)onRemove();onRefresh();}})]});}function ItemRelationsTab(_ref4){var className=_ref4.className,classes=_ref4.classes,itemId=_ref4.itemId,initialItemSearchDocument=_ref4.itemSearchDocument,queryParams=_ref4.queryParams,onError=_ref4.onError,ItemListComponent=_ref4.ItemListComponent,ItemListProps=_ref4.ItemListProps,onAdd=_ref4.onAdd,onRemove=_ref4.onRemove,addText=_ref4.addText,direction=_ref4.direction;var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),openDialog=_useState4[0],setOpenDialog=_useState4[1];var _useApi=useApi(item.listItemRelation),_useApi$data=_useApi.data,itemRelationListType=_useApi$data===void 0?{}:_useApi$data,listItemRelation=_useApi.request;var _useApi2=useApi(item.searchItem),itemListType=_useApi2.data,searchItem=_useApi2.request,reset=_useApi2.reset;var onRefresh=function onRefresh(){return listItemRelation({itemId:itemId,queryParams:{direction:direction}})["catch"](function(e){return onError(e.message);});};useEffect(function(){onRefresh();// eslint-disable-next-line react-hooks/exhaustive-deps
+},[itemId,direction]);useEffect(function(){var _itemRelationListType2=itemRelationListType.relation,relationList=_itemRelationListType2===void 0?[]:_itemRelationListType2;if(relationList.length===0){if(itemListType&&itemListType.hits>0)reset();return;}var relationsField={name:'itemId',value:relationList.map(function(_ref5){var _ref5$direction=_ref5.direction,source=_ref5$direction.source,target=_ref5$direction.target;return {value:source===itemId?target:source};})};var itemSearchDocument=_update(initialItemSearchDocument,'field',function(){var field=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return [].concat(_toConsumableArray(field.filter(function(f){return f.name!=='itemId';})),[relationsField]);});searchItem({itemSearchDocument:itemSearchDocument,queryParams:queryParams})["catch"](function(e){return onError(e.message);});// eslint-disable-next-line react-hooks/exhaustive-deps
+},[itemRelationListType]);var _ItemListProps$ItemLi=ItemListProps.ItemListItemProps,ItemListItemProps=_ItemListProps$ItemLi===void 0?{}:_ItemListProps$ItemLi;var onClick=ItemListItemProps.onClick,_ItemListItemProps$Ac=ItemListItemProps.ActionProps,ActionProps=_ItemListItemProps$Ac===void 0?{}:_ItemListItemProps$Ac;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtItemRelationsTab-root',className),children:[/*#__PURE__*/jsx("div",{className:classes.actions,children:/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",className:classes.button,startIcon:/*#__PURE__*/jsx(AddIcon,{}),onClick:function onClick(){setOpenDialog(true);},children:addText})}),/*#__PURE__*/jsx(ItemListComponent,_objectSpread(_objectSpread({itemListType:itemListType},ItemListProps),{},{ItemListItemProps:_objectSpread({ActionProps:_objectSpread({itemId:itemId,onClick:onClick,onRefresh:onRefresh,itemRelationListType:itemRelationListType,onRemove:onRemove},ActionProps),ActionComponent:ActionComponent},ItemListItemProps)})),/*#__PURE__*/jsx(AddRelationDialog,{itemId:itemId,open:openDialog,setOpenDialog:setOpenDialog,onSuccess:onAdd,onRefresh:onRefresh})]});}ItemRelationsTab.defaultProps={className:undefined,itemSearchDocument:{},queryParams:{content:'metadata',field:'title'},// eslint-disable-next-line no-console
+onError:function onError(_ref6){var message=_ref6.message;return console.error(message);},ItemListComponent:ItemList,ItemListProps:{},onRemove:function onRemove(){},onAdd:function onAdd(){},addText:'Add new relation',direction:'A'};var ItemRelationsTab$1 = withStyles(styles,{name:'VdtItemRelationsTab'})(ItemRelationsTab);
+
+export { ItemRelationsTab, ItemRelationsTab$1 as default };

package/dist/item/ItemRow.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo } from 'react';
+import Box from '@material-ui/core/Box';
+import Hidden from '@material-ui/core/Hidden';
+import TableCell from '@material-ui/core/TableCell';
+import TableRow from '@material-ui/core/TableRow';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import MediaCardCheckbox from '../media/MediaCardCheckbox.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["options","metadataToProps","parseMetadataOpts","selected","onCheck","onClick","TableRowProps"];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 metadataToProps=function metadataToProps(_ref){var itemType=_ref.itemType,parseMetadataOpts=_ref.parseMetadataOpts,options=_ref.options;var _itemType$metadata=itemType.metadata,metadata=_itemType$metadata===void 0?{}:_itemType$metadata;var parsedMetadata=parseMetadataType(metadata,parseMetadataOpts);return options.map(function(_ref2){var value=_ref2.value;var parsedValue=parsedMetadata[value];return parsedValue;});};function ItemRow(_ref3){var _ref3$options=_ref3.options,options=_ref3$options===void 0?[]:_ref3$options,_ref3$metadataToProps=_ref3.metadataToProps,handleMetadataToProps=_ref3$metadataToProps===void 0?metadataToProps:_ref3$metadataToProps,_ref3$parseMetadataOp=_ref3.parseMetadataOpts,parseMetadataOpts=_ref3$parseMetadataOp===void 0?{joinValue:', ',flat:true}:_ref3$parseMetadataOp,selected=_ref3.selected,onCheck=_ref3.onCheck,onClick=_ref3.onClick,_ref3$TableRowProps=_ref3.TableRowProps,TableRowProps=_ref3$TableRowProps===void 0?{}:_ref3$TableRowProps,innerProps=_objectWithoutProperties(_ref3,_excluded);var itemType=innerProps.itemType;var rowValues=useMemo(function(){return handleMetadataToProps({itemType:itemType,parseMetadataOpts:parseMetadataOpts,options:options});},// eslint-disable-next-line react-hooks/exhaustive-deps
+[itemType,options,metadataToProps]);var handleChecked=function handleChecked(event){if(onCheck)onCheck(event,!selected,innerProps);};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:selected,onClick:onClick,style:{cursor:'pointer'}},TableRowProps),{},{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:/*#__PURE__*/jsx(MediaCardCheckbox,{checked:selected,handleChecked:handleChecked})}),rowValues.map(function(cellValue,index){return/*#__PURE__*/jsx(Hidden,{only:options[index].hide,children:/*#__PURE__*/jsx(TableCell,{children:options[index].valueComponent?/*#__PURE__*/jsx(Box,{component:options[index].valueComponent,value:cellValue,innerProps:innerProps}):cellValue})},options[index].key||options[index].value||options[index].label);})]}));}
+
+export { ItemRow as default };

package/dist/item/ItemSearchPicker.js

@@ -0,0 +1,15 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState, useEffect } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import { useSearch, SearchItem } from '@vidispine/vdt-react';
+import SearchPagination from '../search/Pagination.js';
+import SearchInput from '../search/SearchInput/index.js';
+import ItemTable from './ItemTable.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;}function PaginationWrapper(props){var _props$itemListType$h=props.itemListType.hits,count=_props$itemListType$h===void 0?0:_props$itemListType$h;return/*#__PURE__*/jsx(SearchPagination,_objectSpread({count:count},props));}function SearchInputWrapper(props){var isLoading=props.isLoading;return/*#__PURE__*/jsx(SearchInput,_objectSpread({submitting:isLoading},props));}var initialSearchState={queryParams:{field:['itemId','title','__user'],content:'metadata'}};function ItemSearchPicker(_ref){var onChange=_ref.onChange,_ref$onCheck=_ref.onCheck,onCheck=_ref$onCheck===void 0?function(){}:_ref$onCheck,_ref$ItemTableCompone=_ref.ItemTableComponent,ItemTableComponent=_ref$ItemTableCompone===void 0?ItemTable:_ref$ItemTableCompone,_ref$ItemTableProps=_ref.ItemTableProps,ItemTableProps=_ref$ItemTableProps===void 0?{}:_ref$ItemTableProps,_ref$searchProps=_ref.searchProps,searchProps=_ref$searchProps===void 0?useSearch(initialSearchState):_ref$searchProps,_ref$idLabelText=_ref.idLabelText,idLabelText=_ref$idLabelText===void 0?'Id':_ref$idLabelText,_ref$titleLabelText=_ref.titleLabelText,titleLabelText=_ref$titleLabelText===void 0?'Title':_ref$titleLabelText,_ref$ownerLabelText=_ref.ownerLabelText,ownerLabelText=_ref$ownerLabelText===void 0?'Owner':_ref$ownerLabelText,_ref$searchPlaceholde=_ref.searchPlaceholder,searchPlaceholder=_ref$searchPlaceholde===void 0?'Search item':_ref$searchPlaceholde,_ref$SearchInputProps=_ref.SearchInputProps,SearchInputProps=_ref$SearchInputProps===void 0?{}:_ref$SearchInputProps,_ref$PaginationProps=_ref.PaginationProps,PaginationProps=_ref$PaginationProps===void 0?{}:_ref$PaginationProps,_ref$SearchItemProps=_ref.SearchItemProps,SearchItemProps=_ref$SearchItemProps===void 0?{}:_ref$SearchItemProps;var state=searchProps.state,setSearchText=searchProps.setSearchText,onChangeRowsPerPage=searchProps.onChangeRowsPerPage,onChangePage=searchProps.onChangePage;var matrixParams=state.matrixParams,queryParams=state.queryParams,itemSearchDocument=state.itemSearchDocument,page=state.page,rowsPerPage=state.rowsPerPage;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),checked=_useState2[0],setChecked=_useState2[1];var check=function check(collectionId){if(checked.includes(collectionId)){setChecked(function(curr){return curr.filter(function(c){return c!==collectionId;});});}else {setChecked(function(curr){return [].concat(_toConsumableArray(curr),[collectionId]);});}};// eslint-disable-next-line react-hooks/exhaustive-deps
+useEffect(function(){return onChange&&onChange(checked);},[checked]);var handleRowClick=function handleRowClick(_ref2){var id=_ref2.id;return check(id);};return/*#__PURE__*/jsxs(SearchItem,_objectSpread(_objectSpread({itemSearchDocument:itemSearchDocument,matrixParams:matrixParams,queryParams:queryParams},SearchItemProps),{},{children:[/*#__PURE__*/jsx(SearchInputWrapper,_objectSpread({onSubmit:function onSubmit(text){return setSearchText("*".concat(text,"*"));},searchPlaceholder:searchPlaceholder},SearchInputProps)),/*#__PURE__*/jsx(ItemTableComponent,_objectSpread({onRowClick:handleRowClick,onCheck:onCheck,selected:checked,options:[{label:titleLabelText,value:'title'},{label:idLabelText,value:'itemId'},{label:ownerLabelText,value:'__user'}]},ItemTableProps)),/*#__PURE__*/jsx(PaginationWrapper,_objectSpread({onChangePage:onChangePage,onChangeRowsPerPage:onChangeRowsPerPage,page:page,rowsPerPage:rowsPerPage},PaginationProps))]}));}var ItemSearchPicker$1 = withStyles({},{name:'VdtItemSearchPicker'})(ItemSearchPicker);
+
+export { ItemSearchPicker$1 as default };

package/dist/item/ItemShapeTab.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useRef, useEffect } from 'react';
+import { shape } from '@vidispine/vdt-api';
+import { useGetItem } from '@vidispine/vdt-react';
+import ItemShapeTable from './ItemShapeTable/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["itemId","hidden"];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 queryParams={content:'shape',methodMetadata:[{key:'format',value:'SIGNED-AUTO'},{key:'contentDisposition',value:'attachment'}]};function ItemShapeTab(_ref){var itemId=_ref.itemId,hidden=_ref.hidden,props=_objectWithoutProperties(_ref,_excluded);var _useGetItem=useGetItem({itemId:itemId,queryParams:queryParams}),itemType=_useGetItem.itemType,onRefresh=_useGetItem.onRefresh;var onRemove=function onRemove(_ref2){var shapeId=_ref2.shapeId;shape.removeShape({shapeId:shapeId,itemId:itemId}).then(onRefresh);};var hiddenRef=useRef(hidden);useEffect(function(){if(hidden===false&&hidden!==hiddenRef.current){onRefresh();}hiddenRef.current=hidden;},[hidden,onRefresh]);return/*#__PURE__*/jsx(ItemShapeTable,_objectSpread({itemId:itemId,itemType:itemType,onRemove:onRemove},props));}
+
+export { ItemShapeTab as default };

package/dist/item/ItemShapeTable/ItemShapeTable.js

@@ -0,0 +1,13 @@
+import clsx from 'clsx';
+import Hidden from '@material-ui/core/Hidden';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import ItemShapeRow from './components/ItemShapeRow.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{width:'100%'},ItemShapeRow:{}};};function ItemShapeTable(_ref){var classes=_ref.classes,className=_ref.className,itemType=_ref.itemType,canExpand=_ref.canExpand,itemId=_ref.itemId,onRemove=_ref.onRemove,storageListType=_ref.storageListType,displayMethodTypes=_ref.displayMethodTypes,storageMetadataKeys=_ref.storageMetadataKeys,showDownload=_ref.showDownload;var _itemType$shape=itemType.shape,shape=_itemType$shape===void 0?[]:_itemType$shape;return/*#__PURE__*/jsxs(Table,{className:clsx(classes.root,className),size:"small",padding:"none",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[/*#__PURE__*/jsx(TableCell,{}),/*#__PURE__*/jsx(TableCell,{children:"Tags"}),/*#__PURE__*/jsxs(Hidden,{smDown:true,children:[/*#__PURE__*/jsx(TableCell,{children:"Container"}),/*#__PURE__*/jsx(TableCell,{children:"Video"}),/*#__PURE__*/jsx(TableCell,{children:"Audio"}),/*#__PURE__*/jsx(TableCell,{children:"Frame Rate"})]}),/*#__PURE__*/jsx(TableCell,{children:"Picture Size"}),/*#__PURE__*/jsx(TableCell,{children:"File Size"}),/*#__PURE__*/jsx(TableCell,{})]})}),/*#__PURE__*/jsx(TableBody,{children:shape.map(function(shapeType){return/*#__PURE__*/jsx(ItemShapeRow,{className:classes.ItemShapeRow,shapeType:shapeType,TableRowProps:{hover:true},canExpand:canExpand,itemId:itemId,onRemove:onRemove,storageListType:storageListType,displayMethodTypes:displayMethodTypes,storageMetadataKeys:storageMetadataKeys,showDownload:showDownload},shapeType.id);})})]});}ItemShapeTable.defaultProps={className:undefined,classes:{},itemType:{},itemId:undefined,onRemove:undefined,canExpand:true,storageListType:undefined,displayMethodTypes:undefined,storageMetadataKeys:undefined,showDownload:true};
+
+export { ItemShapeTable as default, styles };

package/dist/item/ItemShapeTable/components/ItemShapeMenu.js

@@ -0,0 +1,16 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import IconButton from '@material-ui/core/IconButton';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import { withStyles } from '@material-ui/core/styles';
+import DeleteIcon from '@material-ui/icons/Delete';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import useConfirmationDialog from '../../../hooks/useConfirmationDialog.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {MenuIconButton:{},MenuIcon:{},DeleteIcon:{},ListItemIcon:{},ListItemText:{},Menu:{},MenuItem:{}};};function ItemShapeMenu(_ref){var classes=_ref.classes,onRemove=_ref.onRemove,shapeType=_ref.shapeType,itemId=_ref.itemId,shapeId=_ref.shapeId,_ref$MenuIconComponen=_ref.MenuIconComponent,MenuIconComponent=_ref$MenuIconComponen===void 0?MoreVertIcon:_ref$MenuIconComponen,_ref$DeleteIconCompon=_ref.DeleteIconComponent,DeleteIconComponent=_ref$DeleteIconCompon===void 0?DeleteIcon:_ref$DeleteIconCompon,_ref$deleteText=_ref.deleteText,deleteText=_ref$deleteText===void 0?'Delete':_ref$deleteText;var _useConfirmationDialo=useConfirmationDialog({throwOnReject:false}),_useConfirmationDialo2=_slicedToArray(_useConfirmationDialo,2),ConfirmationDialog=_useConfirmationDialo2[0],confirm=_useConfirmationDialo2[1];var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var onOpen=function onOpen(event){setAnchorEl(event.currentTarget);};var onClose=function onClose(){setAnchorEl(null);};var handleRemove=function handleRemove(){onClose();confirm().then(function(confirmed){if(confirmed)onRemove({itemId:itemId,shapeId:shapeId,shapeType:shapeType});});};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(IconButton,{className:classes.IconButton,onClick:onOpen,size:"small",children:/*#__PURE__*/jsx(MenuIconComponent,{className:classes.MenuIconButton})}),/*#__PURE__*/jsx(Menu,{className:classes.Menu,anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:onClose,children:/*#__PURE__*/jsxs(MenuItem,{onClick:handleRemove,className:classes.MenuItem,children:[/*#__PURE__*/jsx(ListItemIcon,{className:classes.ListItemIcon,children:/*#__PURE__*/jsx(DeleteIconComponent,{className:classes.DeleteIcon})}),/*#__PURE__*/jsx(ListItemText,{className:classes.ListItemText,primary:deleteText,primaryTypographyProps:{color:'secondary'}})]})}),ConfirmationDialog&&/*#__PURE__*/jsx(ConfirmationDialog,{titleText:"Delete File?",confirmText:"Delete",rejectText:"Cancel"})]});}var ItemShapeMenu$1 = withStyles(styles,{name:'VdtItemShapeMenu'})(ItemShapeMenu);
+
+export { ItemShapeMenu$1 as default };

package/dist/item/ItemShapeTable/components/ItemShapeRow.js

@@ -0,0 +1,23 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo, useState } from 'react';
+import get from 'lodash.get';
+import Box from '@material-ui/core/Box';
+import Collapse from '@material-ui/core/Collapse';
+import Hidden from '@material-ui/core/Hidden';
+import IconButton from '@material-ui/core/IconButton';
+import Table from '@material-ui/core/Table';
+import TableCell from '@material-ui/core/TableCell';
+import TableRow from '@material-ui/core/TableRow';
+import ChevronRightIcon from '@material-ui/icons/ChevronRight';
+import CloudDownload from '@material-ui/icons/CloudDownload';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { parseShapeType } from '@vidispine/vdt-js';
+import ShapeTypeTableBody from '../../ItemSourceTable/components/ShapeTypeTableBody.js';
+import ItemShapeMenu from './ItemShapeMenu.js';
+import { jsxs, Fragment, 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;}function ItemShapeRow(_ref){var shapeType=_ref.shapeType,TableRowProps=_ref.TableRowProps,_ref$canExpand=_ref.canExpand,canExpand=_ref$canExpand===void 0?true:_ref$canExpand,onRemove=_ref.onRemove,showDownload=_ref.showDownload,itemId=_ref.itemId,storageListType=_ref.storageListType,displayMethodTypes=_ref.displayMethodTypes,storageMetadataKeys=_ref.storageMetadataKeys;var shapeId=shapeType.id;var shape=useMemo(function(){return parseShapeType(shapeType);},[shapeType]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),open=_useState2[0],setOpen=_useState2[1];var toggleOpen=function toggleOpen(){return setOpen(function(prevOpen){return !prevOpen;});};var _shapeType$containerC=shapeType.containerComponent;_shapeType$containerC=_shapeType$containerC===void 0?{}:_shapeType$containerC;var _shapeType$containerC2=_shapeType$containerC.file,file=_shapeType$containerC2===void 0?[]:_shapeType$containerC2;var uri;var path;if(file.length>0){uri=get(file,'[0].uri[0]','undefined');path=get(file,'[0].path','undefined');}var shapeTags=shapeType.tag.join(', ');var shapeActualSize=shape.fileSize==='-1 B'?'Not Available':shape.fileSize;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({},TableRowProps),{},{children:[/*#__PURE__*/jsx(TableCell,{children:canExpand&&/*#__PURE__*/jsx(IconButton,{size:"small",onClick:toggleOpen,children:open?/*#__PURE__*/jsx(ExpandMoreIcon,{}):/*#__PURE__*/jsx(ChevronRightIcon,{})})}),/*#__PURE__*/jsx(TableCell,{children:shapeTags}),/*#__PURE__*/jsxs(Hidden,{smDown:true,children:[/*#__PURE__*/jsx(TableCell,{children:shape.containerFormat}),/*#__PURE__*/jsx(TableCell,{children:shape.videoCodec}),/*#__PURE__*/jsx(TableCell,{children:shape.audioCodec}),/*#__PURE__*/jsx(TableCell,{children:shape.frameRate})]}),/*#__PURE__*/jsx(TableCell,{children:shape.dimension}),/*#__PURE__*/jsx(TableCell,{children:shapeActualSize}),/*#__PURE__*/jsxs(TableCell,{style:{display:'flex'},children:[showDownload&&/*#__PURE__*/jsx(IconButton,{size:"small",href:uri,download:path,style:{visibility:shape.fileSizeBytes?'visible':'hidden'},children:/*#__PURE__*/jsx(CloudDownload,{})}),onRemove&&/*#__PURE__*/jsx(ItemShapeMenu,{shapeType:shapeType,shapeId:shapeId,itemId:itemId,onRemove:onRemove})]})]})),canExpand&&/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell// hardcoded to the number of cells in the row above
+,{colSpan:9,children:/*#__PURE__*/jsx(Collapse,{"in":open,timeout:"auto",unmountOnExit:true,children:/*#__PURE__*/jsx(Box,{margin:1,children:/*#__PURE__*/jsx(Table,{size:"small",padding:"none",children:/*#__PURE__*/jsx(ShapeTypeTableBody,{shapeActualSize:shapeActualSize,shapeType:shapeType,itemId:itemId,storageListType:storageListType,displayMethodTypes:displayMethodTypes,storageMetadataKeys:storageMetadataKeys})})})})})})]});}
+
+export { ItemShapeRow as default };

package/dist/item/ItemShapeTable/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import ItemShapeTable$1, { styles } from './ItemShapeTable.js';
+
+var Component=withStyles(styles,{name:'VdtItemShapeTable'})(ItemShapeTable$1);Component.displayName='ItemShapeTable';var ItemShapeTable = Component;
+
+export { ItemShapeTable as default };

package/dist/item/ItemSidecarDialog/ItemSidecarDialog.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Tab from '@material-ui/core/Tab';
+import Tabs from '@material-ui/core/Tabs';
+import ItemSidecarDownload from '../ItemSidecarDownload/index.js';
+import ItemSidecarUpload from '../ItemSidecarUpload/index.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 ITEM_SIDECAR_UPLOAD_TAB='ITEM_SIDECAR_UPLOAD_TAB';var ITEM_SIDECAR_DOWNLOAD_TAB='ITEM_SIDECAR_DOWNLOAD_TAB';var styles=function styles(theme){return {root:{},DialogTitle:{},DialogContent:{},Tabs:{marginBottom:theme.spacing(2)},Tab:{},ItemSidecarDownload:{},ItemSidecarUpload:{}};};function ItemSidecarDialog(_ref){var classes=_ref.classes,className=_ref.className,itemId=_ref.itemId,onClose=_ref.onClose,onSuccessDownload=_ref.onSuccessDownload,onFailureDownload=_ref.onFailureDownload,onSuccessUpload=_ref.onSuccessUpload,onFailureUpload=_ref.onFailureUpload,titleText=_ref.titleText,subtitleGroup=_ref.subtitleGroup,subtitleField=_ref.subtitleField,uploadText=_ref.uploadText,downloadText=_ref.downloadText,defaultTab=_ref.defaultTab,ItemSidecarDownloadComponent=_ref.ItemSidecarDownloadComponent,ItemSidecarDownloadProps=_ref.ItemSidecarDownloadProps,ItemSidecarUploadComponent=_ref.ItemSidecarUploadComponent,ItemSidecarUploadProps=_ref.ItemSidecarUploadProps;var _useState=useState(defaultTab),_useState2=_slicedToArray(_useState,2),tab=_useState2[0],setTab=_useState2[1];var onChangeTab=function onChangeTab(e,newTab){return newTab&&setTab(newTab);};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtItemSidecarDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{className:classes.DialogTitle,children:titleText}),/*#__PURE__*/jsxs(DialogContent,{className:classes.DialogContent,children:[/*#__PURE__*/jsxs(Tabs,{value:tab,onChange:onChangeTab,variant:"fullWidth",textColor:"primary",indicatorColor:"primary",className:classes.Tabs,children:[ItemSidecarDownloadComponent&&/*#__PURE__*/jsx(Tab,{className:classes.Tab,value:ITEM_SIDECAR_DOWNLOAD_TAB,label:downloadText}),ItemSidecarUploadComponent&&/*#__PURE__*/jsx(Tab,{className:classes.Tab,value:ITEM_SIDECAR_UPLOAD_TAB,label:uploadText})]}),{ITEM_SIDECAR_DOWNLOAD_TAB:ItemSidecarDownloadComponent?/*#__PURE__*/jsx(ItemSidecarDownloadComponent,_objectSpread({className:classes.ItemSidecarDownload,onSuccess:function onSuccess(){if(onClose)onClose();if(onSuccessDownload)onSuccessDownload.apply(void 0,arguments);},onFailure:onFailureDownload,subtitleGroup:subtitleGroup,subtitleField:subtitleField,onClose:onClose,itemId:itemId},ItemSidecarDownloadProps)):null,ITEM_SIDECAR_UPLOAD_TAB:ItemSidecarUploadComponent?/*#__PURE__*/jsx(ItemSidecarUploadComponent,_objectSpread({itemId:itemId,className:classes.ItemSidecarUpload,onSuccess:function onSuccess(){if(onClose)onClose();if(onSuccessUpload)onSuccessUpload.apply(void 0,arguments);},onFailure:onFailureUpload},ItemSidecarUploadProps)):null}[tab]]})]});}ItemSidecarDialog.defaultProps={classes:{},className:undefined,onClose:undefined,onSuccessDownload:undefined,onFailureDownload:undefined,onSuccessUpload:undefined,onFailureUpload:undefined,closeText:'Close',titleText:'Item Sidecar',subtitleGroup:'stl_subtitle',subtitleField:'stl_text',uploadText:'Upload',downloadText:'Download',defaultTab:ITEM_SIDECAR_DOWNLOAD_TAB,ItemSidecarDownloadComponent:ItemSidecarDownload,ItemSidecarDownloadProps:{},ItemSidecarUploadComponent:ItemSidecarUpload,ItemSidecarUploadProps:{}};
+
+export { ItemSidecarDialog as default, styles };

package/dist/item/ItemSidecarDialog/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import ItemSidecarDialog, { styles } from './ItemSidecarDialog.js';
+
+var Component=withStyles(styles,{name:'VdtItemSidecarDialog'})(ItemSidecarDialog);Component.displayName='ItemSidecarDialog';var Component$1 = Component;
+
+export { Component$1 as default };

package/dist/item/ItemSidecarDownload/ItemSidecarDownload.js

@@ -0,0 +1,21 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import Avatar from '@material-ui/core/Avatar';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemAvatar from '@material-ui/core/ListItemAvatar';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import ListItemText from '@material-ui/core/ListItemText';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import { subtitle, item } from '@vidispine/vdt-api';
+import { metadataTypeToWebVtt } from '@vidispine/vdt-js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["onDownload","name","avatar","primary","secondary"];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 onDownloadWebVTT=function onDownloadWebVTT(_ref){var itemId=_ref.itemId,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField;return new Promise(function(resolve){var queryParams={content:'metadata',group:subtitleGroup,field:subtitleField};item.getItem({itemId:itemId,queryParams:queryParams}).then(function(_ref2){var data=_ref2.data;var metadataType=data.metadata;var webVtt=metadataTypeToWebVtt(metadataType,{subtitleGroup:subtitleGroup,subtitleField:subtitleField});resolve({data:webVtt});});});};var SUBTITLE_OPTIONS=[{name:'scc',avatar:'SCC',primary:'Scenarist Closed Captions',onDownload:function onDownload(_ref3){var itemId=_ref3.itemId;return subtitle.getSubtitleSCC({itemId:itemId});}},{name:'ttml',avatar:'TTML',primary:'Timed Text Markup Language',onDownload:function onDownload(_ref4){var itemId=_ref4.itemId;return subtitle.getSubtitleTTML({itemId:itemId});}},{name:'webvtt',avatar:'VTT',primary:'Web Video Text Tracks ',onDownload:onDownloadWebVTT},{name:'xml',avatar:'XML',primary:'Vidispine XML',onDownload:function onDownload(_ref5){var itemId=_ref5.itemId;return item.getItemMetadata({itemId:itemId,headers:{accept:'application/xml'}});}}];function ItemSidecarDownloadListItem(_ref6){var className=_ref6.className,classes=_ref6.classes,itemId=_ref6.itemId,subtitle=_ref6.subtitle,onSuccess=_ref6.onSuccess,onFailure=_ref6.onFailure,subtitleGroup=_ref6.subtitleGroup,subtitleField=_ref6.subtitleField,_ref6$DownloadIcon=_ref6.DownloadIcon,DownloadIcon=_ref6$DownloadIcon===void 0?GetAppIcon:_ref6$DownloadIcon,_ref6$ProgressCompone=_ref6.ProgressComponent,ProgressComponent=_ref6$ProgressCompone===void 0?CircularProgress:_ref6$ProgressCompone;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isDownloading=_useState2[0],setIsDownloading=_useState2[1];var onDownload=subtitle.onDownload,name=subtitle.name,avatar=subtitle.avatar,primary=subtitle.primary,secondary=subtitle.secondary,subtitleProps=_objectWithoutProperties(subtitle,_excluded);var onClick=function onClick(){setIsDownloading(true);onDownload(_objectSpread({itemId:itemId,subtitleGroup:subtitleGroup,subtitleField:subtitleField},subtitleProps)).then(function(resp){var fileName="".concat(itemId,".").concat(name);var objectUrl=window.URL.createObjectURL(new Blob([resp.data]));var link=document.createElement('a');link.href=objectUrl;link.setAttribute('download',fileName);link.click();window.URL.revokeObjectURL(objectUrl);}).then(function(){setIsDownloading(false);if(onSuccess)onSuccess({name:name,itemId:itemId});})["catch"](function(error){setIsDownloading(false);if(onFailure)onFailure({name:name,itemId:itemId,error:error});else throw new Error(error);});};return/*#__PURE__*/jsxs(ListItem,{button:true,disabled:isDownloading===true,onClick:onClick,className:className,children:[avatar&&/*#__PURE__*/jsx(ListItemAvatar,{className:classes.ListItemAvatar,children:/*#__PURE__*/jsx(Avatar,{className:classes.Avatar,variant:"square",children:avatar})}),/*#__PURE__*/jsx(ListItemText,{className:classes.ListItemText,primary:primary,secondary:secondary}),/*#__PURE__*/jsxs(ListItemSecondaryAction,{className:classes.ListItemSecondaryAction,children:[isDownloading===true&&ProgressComponent&&/*#__PURE__*/jsx(ProgressComponent,{size:20,className:classes.Progress}),isDownloading===false&&DownloadIcon&&/*#__PURE__*/jsx(ButtonBase,{onClick:onClick,className:classes.DownloadButton,children:/*#__PURE__*/jsx(DownloadIcon,{className:classes.DownloadIcon})})]})]});}function ItemSidecarDownloadList(_ref7){var classes=_ref7.classes,className=_ref7.className,options=_ref7.options,itemId=_ref7.itemId,onSuccess=_ref7.onSuccess,onFailure=_ref7.onFailure,subtitleGroup=_ref7.subtitleGroup,subtitleField=_ref7.subtitleField,_ref7$ItemSidecarDown=_ref7.ItemSidecarDownloadListItemComponent,ItemSidecarDownloadListItemComponent=_ref7$ItemSidecarDown===void 0?ItemSidecarDownloadListItem:_ref7$ItemSidecarDown,_ref7$ItemSidecarDown2=_ref7.ItemSidecarDownloadListItemProps,ItemSidecarDownloadListItemProps=_ref7$ItemSidecarDown2===void 0?{}:_ref7$ItemSidecarDown2;return/*#__PURE__*/jsx(List,{dense:true,className:className,children:options.map(function(subtitle){return/*#__PURE__*/jsx(ItemSidecarDownloadListItemComponent,_objectSpread({subtitle:subtitle,className:classes.ListItem,classes:classes,itemId:itemId,onSuccess:onSuccess,onFailure:onFailure,subtitleGroup:subtitleGroup,subtitleField:subtitleField},ItemSidecarDownloadListItemProps),subtitle.name);})});}var styles=function styles(){return {List:{},ListItem:{},ListItemAvatar:{},Avatar:{},ListItemText:{},ListItemSecondaryAction:{},Progress:{},DownloadButton:{},DownloadIcon:{}};};function ItemSidecarDownload(_ref8){var className=_ref8.className,classes=_ref8.classes,itemId=_ref8.itemId,subtitleOptions=_ref8.subtitleOptions,onSuccess=_ref8.onSuccess,onFailure=_ref8.onFailure,subtitleGroup=_ref8.subtitleGroup,subtitleField=_ref8.subtitleField,ItemSidecarDownloadListComponent=_ref8.ItemSidecarDownloadListComponent,ItemSidecarDownloadListProps=_ref8.ItemSidecarDownloadListProps,ItemSidecarDownloadListItemComponent=_ref8.ItemSidecarDownloadListItemComponent,ItemSidecarDownloadListItemProps=_ref8.ItemSidecarDownloadListItemProps;return/*#__PURE__*/jsx(ItemSidecarDownloadListComponent,_objectSpread({classes:classes,className:clsx(classes.List,className),options:subtitleOptions,itemId:itemId,onSuccess:onSuccess,onFailure:onFailure,subtitleGroup:subtitleGroup,subtitleField:subtitleField,ItemSidecarDownloadListItemComponent:ItemSidecarDownloadListItemComponent,ItemSidecarDownloadListItemProps:ItemSidecarDownloadListItemProps},ItemSidecarDownloadListProps));}ItemSidecarDownload.defaultProps={className:undefined,classes:{},subtitleOptions:SUBTITLE_OPTIONS,onSuccess:undefined,onFailure:undefined,subtitleGroup:undefined,subtitleField:undefined,ItemSidecarDownloadListComponent:ItemSidecarDownloadList,ItemSidecarDownloadListProps:{},ItemSidecarDownloadListItemComponent:ItemSidecarDownloadListItem,ItemSidecarDownloadListItemProps:{}};
+
+export { ItemSidecarDownload as default, styles };

package/dist/item/ItemSidecarDownload/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import ItemSidecarDownload$1, { styles } from './ItemSidecarDownload.js';
+
+var ItemSidecarDownload = withStyles(styles,{name:'VdtItemSidecarDownload'})(ItemSidecarDownload$1);
+
+export { ItemSidecarDownload as default };

package/dist/item/ItemSidecarUpload/ItemSidecarUpload.js

@@ -0,0 +1,22 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { useDropzone } from 'react-dropzone';
+import Avatar from '@material-ui/core/Avatar';
+import DialogActions from '@material-ui/core/DialogActions';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemAvatar from '@material-ui/core/ListItemAvatar';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import ListItemText from '@material-ui/core/ListItemText';
+import ListSubheader from '@material-ui/core/ListSubheader';
+import Radio from '@material-ui/core/Radio';
+import CancelIcon from '@material-ui/icons/Cancel';
+import { vsimport, shape, thumbnail } from '@vidispine/vdt-api';
+import SubmitButton from '../../forms/SubmitButton.js';
+import { jsxs, jsx, Fragment } 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 SUBTITLE_OPTIONS=[{name:'srt',avatar:'SRT',primary:'SubRip Subtitle',onUpload:function onUpload(_ref){var itemId=_ref.itemId,file=_ref.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'srt'}});}},{name:'stl',avatar:'STL',primary:'EBU STL',onUpload:function onUpload(_ref2){var itemId=_ref2.itemId,file=_ref2.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'stl'}});}},{name:'scc',avatar:'SCC',primary:'Scenarist Closed Captions',onUpload:function onUpload(_ref3){var itemId=_ref3.itemId,file=_ref3.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'scc'}});}},{name:'evs',avatar:'EVS',primary:'EVS Metadata',onUpload:function onUpload(_ref4){var itemId=_ref4.itemId,file=_ref4.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'evs'}});}},{name:'xml',avatar:'XML',primary:'Vidispine XML Metadata',onUpload:function onUpload(_ref5){var itemId=_ref5.itemId,file=_ref5.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'xml'}});}},{name:'xmp',avatar:'XMP',primary:'eXtensible Metadata Platform',onUpload:function onUpload(_ref6){var itemId=_ref6.itemId,file=_ref6.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'xmp'}});}},{name:'mp4',avatar:'MP4',primary:'MP4 Proxy',onUpload:function onUpload(_ref7){var itemId=_ref7.itemId,file=_ref7.file;return shape.createShapeImportRaw({itemId:itemId,file:file,queryParams:{tag:'__mp4'}});}},{name:'jpg',avatar:'JPG',primary:'JPG Thumbnail',onUpload:function onUpload(_ref8){var itemId=_ref8.itemId,file=_ref8.file;return thumbnail.listThumbnailResource({itemId:itemId}).then(function(_ref9){var data=_ref9.data;var _data$uri=data.uri;_data$uri=_data$uri===void 0?[]:_data$uri;var _data$uri2=_slicedToArray(_data$uri,1),thumbnailResource=_data$uri2[0];if(thumbnailResource){return Promise.resolve({data:data});}return thumbnail.createThumbnailResource({itemId:itemId});}).then(function(_ref10){var uriListType=_ref10.data;var _uriListType$uri=uriListType.uri;_uriListType$uri=_uriListType$uri===void 0?[]:_uriListType$uri;var _uriListType$uri2=_slicedToArray(_uriListType$uri,1),thumbnailResource=_uriListType$uri2[0];var _thumbnailResource$sp=thumbnailResource.split('/').slice(-2),_thumbnailResource$sp2=_slicedToArray(_thumbnailResource$sp,1),resourceId=_thumbnailResource$sp2[0];return thumbnail.updateThumbnail({resourceId:resourceId,itemId:itemId,time:0,headers:{contentType:'image/jpeg'},file:file});});}},{name:'png',avatar:'PNG',primary:'PNG Thumbnail',onUpload:function onUpload(_ref11){var itemId=_ref11.itemId,file=_ref11.file;return thumbnail.listThumbnailResource({itemId:itemId}).then(function(_ref12){var data=_ref12.data;var _data$uri3=data.uri;_data$uri3=_data$uri3===void 0?[]:_data$uri3;var _data$uri4=_slicedToArray(_data$uri3,1),thumbnailResource=_data$uri4[0];if(thumbnailResource){return Promise.resolve({data:data});}return thumbnail.createThumbnailResource({itemId:itemId});}).then(function(_ref13){var uriListType=_ref13.data;var _uriListType$uri3=uriListType.uri;_uriListType$uri3=_uriListType$uri3===void 0?[]:_uriListType$uri3;var _uriListType$uri4=_slicedToArray(_uriListType$uri3,1),thumbnailResource=_uriListType$uri4[0];var _thumbnailResource$sp3=thumbnailResource.split('/').slice(-2),_thumbnailResource$sp4=_slicedToArray(_thumbnailResource$sp3,1),resourceId=_thumbnailResource$sp4[0];return thumbnail.updateThumbnail({resourceId:resourceId,itemId:itemId,time:0,headers:{contentType:'image/png'},file:file});});}}];function ItemSidecarUploadActions(_ref14){var className=_ref14.className,classes=_ref14.classes,uploadText=_ref14.uploadText,onClickUpload=_ref14.onClickUpload,uploadDisabled=_ref14.uploadDisabled,isUploading=_ref14.isUploading,_ref14$ButtonComponen=_ref14.ButtonComponent,ButtonComponent=_ref14$ButtonComponen===void 0?SubmitButton:_ref14$ButtonComponen;return/*#__PURE__*/jsx(DialogActions,{className:className,children:/*#__PURE__*/jsx(ButtonComponent,{className:classes.Button,onClick:onClickUpload,color:"primary",variant:"contained",disabled:uploadDisabled,submitting:isUploading,children:uploadText})});}function ItemSidecarUploadListItem(_ref15){var className=_ref15.className,_ref15$classes=_ref15.classes,classes=_ref15$classes===void 0?{}:_ref15$classes,option=_ref15.option,onChange=_ref15.onChange,selected=_ref15.selected;var primary=option.primary,avatar=option.avatar;return/*#__PURE__*/jsxs(ListItem,{button:true,onClick:onChange,className:className,selected:selected,children:[avatar&&/*#__PURE__*/jsx(ListItemAvatar,{className:classes.ListItemAvatar,children:/*#__PURE__*/jsx(Avatar,{className:classes.Avatar,variant:"square",children:avatar})}),/*#__PURE__*/jsx(ListItemText,{className:classes.ListItemText,primary:primary}),/*#__PURE__*/jsx(ListItemSecondaryAction,{className:classes.ListItemSecondaryAction,children:/*#__PURE__*/jsx(Radio,{className:classes.Radio,checked:selected,onChange:onChange})})]});}function ItemSidecarUploadList(_ref16){var className=_ref16.className,classes=_ref16.classes,chooseText=_ref16.chooseText,options=_ref16.options,_onChange=_ref16.onChange,selected=_ref16.selected,_ref16$ItemSidecarUpl=_ref16.ItemSidecarUploadListItemComponent,ItemSidecarUploadListItemComponent=_ref16$ItemSidecarUpl===void 0?ItemSidecarUploadListItem:_ref16$ItemSidecarUpl,_ref16$ItemSidecarUpl2=_ref16.ItemSidecarUploadListItemProps,ItemSidecarUploadListItemProps=_ref16$ItemSidecarUpl2===void 0?{}:_ref16$ItemSidecarUpl2;return/*#__PURE__*/jsx(List,{dense:true,className:className,subheader:/*#__PURE__*/jsx(ListSubheader,{className:classes.ListSubheader,children:chooseText}),children:options.map(function(option){return/*#__PURE__*/jsx(ItemSidecarUploadListItemComponent,_objectSpread({onChange:function onChange(){return _onChange(option);},className:classes.ListItem,classes:classes,selected:selected===option,option:option},ItemSidecarUploadListItemProps),option.name);})});}function ItemSidecarUploadDropzone(_ref17){var className=_ref17.className,classes=_ref17.classes,onDrop=_ref17.onDrop,onReset=_ref17.onReset,acceptedFile=_ref17.acceptedFile,rejectedFile=_ref17.rejectedFile,accept=_ref17.accept,dropText=_ref17.dropText,_ref17$ResetIconCompo=_ref17.ResetIconComponent,ResetIconComponent=_ref17$ResetIconCompo===void 0?CancelIcon:_ref17$ResetIconCompo;var _useDropzone=useDropzone({onDrop:onDrop,maxFiles:1,multiple:false,accept:accept}),getRootProps=_useDropzone.getRootProps,getInputProps=_useDropzone.getInputProps;return/*#__PURE__*/jsx("div",{className:className,children:/*#__PURE__*/jsxs("div",_objectSpread(_objectSpread({},getRootProps()),{},{className:clsx(classes.dropzoneInput,rejectedFile?classes.dropzoneInputError:classes.dropzoneInputDefault),children:[/*#__PURE__*/jsx("input",_objectSpread({},getInputProps())),!acceptedFile&&!rejectedFile&&/*#__PURE__*/jsx("p",{children:dropText}),acceptedFile&&/*#__PURE__*/jsxs("span",{className:classes.acceptedFile,children:[acceptedFile.name,/*#__PURE__*/jsx(ResetIconComponent,{onClick:onReset,className:classes.ResetIcon})]}),rejectedFile&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs("span",{className:classes.rejectedFile,children:[rejectedFile.file.name,/*#__PURE__*/jsx(ResetIconComponent,{onClick:onReset,className:classes.ResetIcon})]}),rejectedFile.errors.length&&/*#__PURE__*/jsx("span",{className:classes.errorMessage,children:rejectedFile.errors[0].message})]})]}))});}var styles=function styles(theme){return {dropzoneRoot:{cursor:'pointer',marginTop:theme.spacing(1),marginBottom:theme.spacing(1),paddingLeft:theme.spacing(0.5),paddingRight:theme.spacing(0.5)},dropzoneInput:{marginTop:theme.spacing(0.5),minHeight:'10vh',minWidth:theme.spacing(4),borderWidth:2,borderRadius:3,borderStyle:'dotted',backgroundColor:'rgba(0,0,0,0.05)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',transition:'min-height 0.3s'},dropzoneInputDefault:{borderColor:theme.palette.grey.A200},dropzoneInputError:{borderColor:theme.palette.error.main,color:theme.palette.error.main},ListSubheader:{},Button:{},List:{},showList:{height:'auto',overflow:'visible'},hideList:{height:0,overflow:'hidden'},ListItemAvatar:{},Avatar:{},Radio:{},DialogActions:{},acceptedFile:{display:'flex',alignItems:'center'},rejectedFile:{display:'flex',alignItems:'center'}};};function ItemSidecarUpload(_ref18){var classes=_ref18.classes,className=_ref18.className,itemId=_ref18.itemId,onSuccess=_ref18.onSuccess,onFailure=_ref18.onFailure,subtitleOptions=_ref18.subtitleOptions,dropText=_ref18.dropText,chooseText=_ref18.chooseText,uploadText=_ref18.uploadText,defaultSelectedSubtitle=_ref18.defaultSelectedSubtitle,ItemSidecarUploadDropzoneComponent=_ref18.ItemSidecarUploadDropzoneComponent,ItemSidecarUploadDropzoneProps=_ref18.ItemSidecarUploadDropzoneProps,ItemSidecarUploadListComponent=_ref18.ItemSidecarUploadListComponent,ItemSidecarUploadListProps=_ref18.ItemSidecarUploadListProps,ItemSidecarUploadActionsComponent=_ref18.ItemSidecarUploadActionsComponent,ItemSidecarUploadActionsProps=_ref18.ItemSidecarUploadActionsProps,ItemSidecarUploadListItemComponent=_ref18.ItemSidecarUploadListItemComponent,ItemSidecarUploadListItemProps=_ref18.ItemSidecarUploadListItemProps;var _useState=useState(defaultSelectedSubtitle),_useState2=_slicedToArray(_useState,2),selectedSubtitle=_useState2[0],setSelectedSubtitle=_useState2[1];var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),acceptedFile=_useState4[0],setAcceptedFile=_useState4[1];var _useState5=useState(),_useState6=_slicedToArray(_useState5,2),rejectedFile=_useState6[0],setRejectedFile=_useState6[1];var _useState7=useState(),_useState8=_slicedToArray(_useState7,2),isUploading=_useState8[0],setIsUploading=_useState8[1];var onDrop=function onDrop(){var acceptedFiles=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var fileRejections=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var _acceptedFiles=_slicedToArray(acceptedFiles,1),newAcceptedFile=_acceptedFiles[0];var _fileRejections=_slicedToArray(fileRejections,1),newRejectedFile=_fileRejections[0];if(newRejectedFile){setAcceptedFile();setRejectedFile(newRejectedFile);}else if(newAcceptedFile){setAcceptedFile(newAcceptedFile);setRejectedFile();var newName=newAcceptedFile.name;var _newName$split=newName.split('.'),_newName$split2=_slicedToArray(_newName$split,2),newExtension=_newName$split2[1];if(newExtension){var newSelectedSubtitle=subtitleOptions.find(function(_ref19){var subtitleName=_ref19.name;return subtitleName===newExtension;});if(newSelectedSubtitle)setSelectedSubtitle(newSelectedSubtitle);}}else {setAcceptedFile();setRejectedFile();}};var onReset=function onReset(event){event.stopPropagation();setAcceptedFile();setRejectedFile();setSelectedSubtitle();};var onChangeSubtitle=function onChangeSubtitle(newSubtitle){return setSelectedSubtitle(newSubtitle);};var onClickUpload=function onClickUpload(){try{setIsUploading(true);var onUpload=selectedSubtitle.onUpload;if(!onUpload)throw new Error('No upload handler');if(!acceptedFile)throw new Error('No file specified');onUpload({itemId:itemId,file:acceptedFile}).then(function(){setIsUploading();if(onSuccess)onSuccess({name:acceptedFile.name});})["catch"](function(error){setIsUploading();if(onFailure)onFailure(error);});}catch(error){setIsUploading();if(onFailure)onFailure(error);}};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),children:[/*#__PURE__*/jsx(ItemSidecarUploadDropzoneComponent,_objectSpread({className:classes.dropzoneRoot,classes:classes,accept:subtitleOptions.map(function(_ref20){var name=_ref20.name;return ".".concat(name);}).toString(),dropText:dropText,onDrop:onDrop,onReset:onReset,acceptedFile:acceptedFile,rejectedFile:rejectedFile},ItemSidecarUploadDropzoneProps)),acceptedFile&&/*#__PURE__*/jsx(ItemSidecarUploadListComponent,_objectSpread({className:classes.List,classes:classes,onChange:onChangeSubtitle,options:subtitleOptions,selected:selectedSubtitle,chooseText:chooseText,ItemSidecarUploadListItemComponent:ItemSidecarUploadListItemComponent,ItemSidecarUploadListItemProps:ItemSidecarUploadListItemProps},ItemSidecarUploadListProps)),/*#__PURE__*/jsx(ItemSidecarUploadActionsComponent,_objectSpread({onClickUpload:onClickUpload,className:classes.DialogActions,classes:classes,uploadDisabled:!selectedSubtitle||!acceptedFile,uploadText:uploadText,isUploading:isUploading},ItemSidecarUploadActionsProps))]});}ItemSidecarUpload.defaultProps={className:undefined,classes:{},onSuccess:undefined,onFailure:undefined,subtitleOptions:SUBTITLE_OPTIONS,defaultSelectedSubtitle:undefined,dropText:'Drop file or click to browse',chooseText:'Choose Subtitle Format',uploadText:'Upload',ItemSidecarUploadDropzoneComponent:ItemSidecarUploadDropzone,ItemSidecarUploadDropzoneProps:{},ItemSidecarUploadListComponent:ItemSidecarUploadList,ItemSidecarUploadListProps:{},ItemSidecarUploadListItemComponent:ItemSidecarUploadListItem,ItemSidecarUploadListItemProps:{},ItemSidecarUploadActionsComponent:ItemSidecarUploadActions,ItemSidecarUploadActionsProps:{}};
+
+export { ItemSidecarUpload as default, styles };

package/dist/item/ItemSidecarUpload/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import ItemSidecarUpload$1, { styles } from './ItemSidecarUpload.js';
+
+var ItemSidecarUpload = withStyles(styles,{name:'VdtItemSidecarUpload'})(ItemSidecarUpload$1);
+
+export { ItemSidecarUpload as default };

package/dist/item/ItemSourceTab.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { GetItem } from '@vidispine/vdt-react';
+import ItemSourceTable from './ItemSourceTable/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["itemId"];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 queryParams={content:['shape','metadata'],tag:'original',interval:'generic',field:['mediaType','originalFilename'],group:''};function ItemSourceTab(_ref){var itemId=_ref.itemId,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(GetItem,{itemId:itemId,queryParams:queryParams,children:/*#__PURE__*/jsx(ItemSourceTable,_objectSpread({},props))});}
+
+export { ItemSourceTab as default };

package/dist/item/ItemSourceTable/ItemSourceTable.js

@@ -0,0 +1,10 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import clsx from 'clsx';
+import Table from '@material-ui/core/Table';
+import MetadataTypeTableBody from './components/MetadataTypeTableBody.js';
+import ShapeTypeTableBody from './components/ShapeTypeTableBody.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{width:'100%'}};};function ItemSourceTable(_ref){var classes=_ref.classes,className=_ref.className,_ref$itemType=_ref.itemType,itemType=_ref$itemType===void 0?{}:_ref$itemType,showFiles=_ref.showFiles;var _itemType$shape=itemType.shape,shapeTypeList=_itemType$shape===void 0?[]:_itemType$shape,metadataType=itemType.metadata;var _shapeTypeList=_slicedToArray(shapeTypeList,1),shapeType=_shapeTypeList[0];return/*#__PURE__*/jsxs(Table,{className:clsx(classes.root,className),size:"small",padding:"none",children:[metadataType&&/*#__PURE__*/jsx(MetadataTypeTableBody,{metadataType:metadataType}),shapeType&&/*#__PURE__*/jsx(ShapeTypeTableBody,{showFiles:showFiles,shapeType:shapeType})]});}ItemSourceTable.defaultProps={className:undefined,classes:{},showFiles:false};
+
+export { ItemSourceTable as default, styles };

package/dist/item/ItemSourceTable/components/AudioComponentTypeTableBody.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import TableBody from '@material-ui/core/TableBody';
+import { parseAudioComponent } from '@vidispine/vdt-js';
+import TableHead from './TableHead.js';
+import TableRow from './TableRow.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {TableHeadLabel:{marginTop:'20px',borderBottom:'1px solid rgba(224, 224, 224, 0.5)',display:'flex',alignItems:'center'}};};function AudioComponentTypeTableBody(_ref){var classes=_ref.classes,className=_ref.className,audioComponentType=_ref.audioComponentType;var audio=useMemo(function(){return parseAudioComponent(audioComponentType);},[audioComponentType]);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx("span",{className:classes.TableHeadLabel,children:"Audio Track"})}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Audio Codec",value:audio.audioFormat||audio.audioCodec}),/*#__PURE__*/jsx(TableRow,{label:"Audio Channels",value:audio.audioChannels}),/*#__PURE__*/jsx(TableRow,{label:"Audio Sample Rate",value:audio.audioSamplerate}),/*#__PURE__*/jsx(TableRow,{label:"Audio Bit Rate",value:audio.audioBitrate}),/*#__PURE__*/jsx(TableRow,{label:"Audio Bit Depth",value:audio.audioBitDepth}),/*#__PURE__*/jsx(TableRow,{label:"Audio Bit Rate Mode",value:audio.audioBitRateMode})]})]});}var AudioComponentTypeTableBody$1 = withStyles(styles)(AudioComponentTypeTableBody);
+
+export { AudioComponentTypeTableBody$1 as default };

package/dist/item/ItemSourceTable/components/ContainerComponentTypeTableBody.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import TableBody from '@material-ui/core/TableBody';
+import { parseContainerComponent } from '@vidispine/vdt-js';
+import TableHead from './TableHead.js';
+import TableRow from './TableRow.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {TableHeadLabel:{borderBottom:'1px solid rgba(224, 224, 224, 1)',display:'flex',alignItems:'center'}};};function ContainerComponentTypeTableBody(_ref){var classes=_ref.classes,className=_ref.className,containerComponentType=_ref.containerComponentType;var container=useMemo(function(){return parseContainerComponent(containerComponentType);},[containerComponentType]);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx("span",{className:classes.TableHeadLabel,children:"Media Container"})}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Media Container",value:container.containerFormat}),/*#__PURE__*/jsx(TableRow,{label:"Duration",value:container.duration})]})]});}var ContainerComponentTypeTableBody$1 = withStyles(styles)(ContainerComponentTypeTableBody);
+
+export { ContainerComponentTypeTableBody$1 as default };

package/dist/item/ItemSourceTable/components/FileTypeTableBody.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Button } from '@material-ui/core/';
+import Box from '@material-ui/core/Box';
+import { withStyles } from '@material-ui/core/styles';
+import TableBody from '@material-ui/core/TableBody';
+import FileCopyIcon from '@material-ui/icons/FileCopy';
+import { parseFileType, parseSimpleMetadataType } from '@vidispine/vdt-js';
+import TableHead from './TableHead.js';
+import TableRow from './TableRow.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded=["value"];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 {TableHeadLabel:{marginTop:'20px',paddingBottom:'5px',borderBottom:'1px solid rgba(224, 224, 224, 0.5)',display:'flex',alignItems:'center'},IconLabel:{marginLeft:'60px'},IconLabelName:{marginLeft:'58px'},IconLabelMethod:{marginLeft:'38px'}};};function CopyTableRow(_ref){var value=_ref.value,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableRow,_objectSpread({value:/*#__PURE__*/jsxs(Box,{style:{borderBottom:'1px solid rgba(224, 224, 224, 0.3)',marginBottom:'5px'},children:[value,/*#__PURE__*/jsx(Button,{onClick:function onClick(){navigator.clipboard.writeText(value);},children:/*#__PURE__*/jsx(FileCopyIcon,{fontSize:"small"})})]})},props));}function FileTypeTableBody(_ref2){var _storageListType$stor,_storage$method;var classes=_ref2.classes,className=_ref2.className,fileType=_ref2.fileType,storageListType=_ref2.storageListType,displayMethodTypes=_ref2.displayMethodTypes,storageMetadataKeys=_ref2.storageMetadataKeys;var storageId=fileType.storage;var parsedFile=parseFileType(fileType);var fileSize=parsedFile.fileSize,filePath=parsedFile.path;var fileActualSize=fileSize==='-1 B'?'Not Available':fileSize;var storage=storageListType===null||storageListType===void 0?void 0:(_storageListType$stor=storageListType.storage)===null||_storageListType$stor===void 0?void 0:_storageListType$stor.find(function(s){return s.id===storageId;});var parsedStorageMetadata=parseSimpleMetadataType(storage===null||storage===void 0?void 0:storage.metadata,{joinValue:',',flat:true});var storageMethods=(storage===null||storage===void 0?void 0:(_storage$method=storage.method)===null||_storage$method===void 0?void 0:_storage$method.filter(function(_ref3){var type=_ref3.type;return !displayMethodTypes||(displayMethodTypes===null||displayMethodTypes===void 0?void 0:displayMethodTypes.includes(type));}))||[];return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx("span",{className:classes.TableHeadLabel,children:"File Component"})}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(CopyTableRow,{label:"File Path",value:filePath}),/*#__PURE__*/jsx(TableRow,{label:"File size",value:fileActualSize}),/*#__PURE__*/jsx(TableRow,{label:"Storage Id",value:storageId}),!(storageMetadataKeys!==null&&storageMetadataKeys!==void 0&&storageMetadataKeys.length)?null:storageMetadataKeys.map(function(k){return/*#__PURE__*/jsx(TableRow,{label:k.label||k.key,value:parsedStorageMetadata[k.key]});}),(storage===null||storage===void 0?void 0:storage.type)&&/*#__PURE__*/jsx(TableRow,{label:"Storage Type",value:storage.type}),!(storageMethods!==null&&storageMethods!==void 0&&storageMethods.length)?null:storageMethods.map(function(storageMethod){return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableRow,{label:"Method Type",value:storageMethod.type}),/*#__PURE__*/jsx(CopyTableRow,{label:"Storage Uri",value:storageMethod.uri+filePath})]});})]})]});}var FileTypeTableBody$1 = withStyles(styles)(FileTypeTableBody);
+
+export { FileTypeTableBody$1 as default };

package/dist/item/ItemSourceTable/components/ImageTypeTableBody.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo, Fragment as Fragment$1 } from 'react';
+import TableBody from '@material-ui/core/TableBody';
+import { parseVideoComponent } from '@vidispine/vdt-js';
+import TableHead from './TableHead.js';
+import TableRow from './TableRow.js';
+import { jsxs, Fragment, 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 EXIF='EXIF';var IPTC='IPTC';var XMP='XMP';var EMBEDDED_KEYS=[{prefix:'image_exif_',label:EXIF},{prefix:'image_iptc_',label:IPTC},{prefix:'image_xmp',label:XMP}];var getEmbeddedMetadata=function getEmbeddedMetadata(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref$videoMetadata=_ref.videoMetadata,videoMetadata=_ref$videoMetadata===void 0?{}:_ref$videoMetadata;return Object.entries(videoMetadata).reduce(function(acc,_ref2){var _ref3=_slicedToArray(_ref2,2),key=_ref3[0],value=_ref3[1];var embeddedKey=EMBEDDED_KEYS.find(function(_ref4){var prefix=_ref4.prefix;return key.startsWith(prefix);});if(embeddedKey){var newAcc=_objectSpread({},acc);if(newAcc[embeddedKey.label]===undefined)newAcc[embeddedKey.label]={};newAcc[embeddedKey.label][key.replace(embeddedKey.prefix,'')]=value;return newAcc;}return acc;},{});};function ImageTypeTableBody(_ref5){var className=_ref5.className,videoComponentType=_ref5.videoComponentType;var image=useMemo(function(){return parseVideoComponent(videoComponentType);},[videoComponentType]);var embeddedMetadata=getEmbeddedMetadata(image);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:"Image"}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Format",value:image.videoFormat||image.videoCodec}),/*#__PURE__*/jsx(TableRow,{label:"Width",value:image.width}),/*#__PURE__*/jsx(TableRow,{label:"Height",value:image.height})]}),Object.entries(embeddedMetadata).map(function(_ref6){var _ref7=_slicedToArray(_ref6,2),label=_ref7[0],values=_ref7[1];return/*#__PURE__*/jsxs(Fragment$1,{children:[/*#__PURE__*/jsx(TableHead,{children:label}),/*#__PURE__*/jsx(TableBody,{children:Object.entries(values).map(function(_ref8){var _ref9=_slicedToArray(_ref8,2),key=_ref9[0],value=_ref9[1];return/*#__PURE__*/jsx(TableRow,{label:key.replace('_',' '),value:value},key);})})]},label);})]});}
+
+export { ImageTypeTableBody as default };

package/dist/item/ItemSourceTable/components/MetadataTypeTableBody.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import TableBody from '@material-ui/core/TableBody';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import { toCapsCase } from '../../../utils.js';
+import TableRow from './TableRow.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MetadataTypeTableBody(_ref){var className=_ref.className,metadataType=_ref.metadataType;var _useMemo=useMemo(function(){return parseMetadataType(metadataType,{joinValue:',',flat:true});},[metadataType]),originalFilename=_useMemo.originalFilename,mediaType=_useMemo.mediaType;return/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Original Filename",value:originalFilename}),/*#__PURE__*/jsx(TableRow,{label:"Media Type",value:mediaType,formatValue:toCapsCase})]});}
+
+export { MetadataTypeTableBody as default };

package/dist/item/ItemSourceTable/components/PdfTypeTableBody.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+import TableBody from '@material-ui/core/TableBody';
+import { parseVideoComponent } from '@vidispine/vdt-js';
+import TableRow from './TableRow.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PdfTypeTableBody(_ref){var className=_ref.className,videoComponentType=_ref.videoComponentType;var pdf=useMemo(function(){return parseVideoComponent(videoComponentType);},[videoComponentType]);return/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Pages",value:pdf.videoMetadata.image_pages}),/*#__PURE__*/jsx(TableRow,{label:"Width",value:pdf.width}),/*#__PURE__*/jsx(TableRow,{label:"Height",value:pdf.height})]});}
+
+export { PdfTypeTableBody as default };

package/dist/item/ItemSourceTable/components/ShapeTypeTableBody.js

@@ -0,0 +1,16 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo } from 'react';
+import TableBody from '@material-ui/core/TableBody';
+import { parseShapeType } from '@vidispine/vdt-js';
+import AudioComponentTypeTableBody from './AudioComponentTypeTableBody.js';
+import ContainerComponentTypeTableBody from './ContainerComponentTypeTableBody.js';
+import FileTypeTableBody from './FileTypeTableBody.js';
+import ImageTypeTableBody from './ImageTypeTableBody.js';
+import PdfTypeTableBody from './PdfTypeTableBody.js';
+import TableRow from './TableRow.js';
+import VideoComponentTypeTableBody from './VideoComponentTypeTableBody.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var VIDEO_MEDIATYPE='VIDEO_MEDIATYPE';var AUDIO_MEDIATYPE='AUDIO_MEDIATYPE';var IMAGE_MEDIATYPE='IMAGE_MEDIATYPE';var PDF_MEDIATYPE='PDF_MEDIATYPE';var BINARY_MEDIATYPE='BINARY_MEDIATYPE';var getMediaType=function getMediaType(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref$mimeType=_ref.mimeType,mimeTypeList=_ref$mimeType===void 0?[]:_ref$mimeType,containerComponent=_ref.containerComponent,audioComponentList=_ref.audioComponent,videoComponentList=_ref.videoComponent,binaryComponentList=_ref.binaryComponent;var _mimeTypeList=_slicedToArray(mimeTypeList,1),mimeType=_mimeTypeList[0];if(mimeType){if(mimeType.startsWith('video'))return VIDEO_MEDIATYPE;if(mimeType.startsWith('audio'))return AUDIO_MEDIATYPE;if(mimeType.startsWith('image'))return IMAGE_MEDIATYPE;}if(containerComponent){if(containerComponent.format==='PDF')return PDF_MEDIATYPE;}if(audioComponentList&&videoComponentList)return VIDEO_MEDIATYPE;if(audioComponentList)return AUDIO_MEDIATYPE;if(videoComponentList&&videoComponentList.length){var _videoComponentList=_slicedToArray(videoComponentList,1),videoComponent=_videoComponentList[0];if(videoComponent.duration)return VIDEO_MEDIATYPE;return IMAGE_MEDIATYPE;}if(binaryComponentList)return BINARY_MEDIATYPE;return undefined;};function ShapeTypeTableBody(_ref2){var shapeActualSize=_ref2.shapeActualSize,className=_ref2.className,shapeType=_ref2.shapeType,storageListType=_ref2.storageListType,displayMethodTypes=_ref2.displayMethodTypes,storageMetadataKeys=_ref2.storageMetadataKeys,_ref2$showFiles=_ref2.showFiles,showFiles=_ref2$showFiles===void 0?true:_ref2$showFiles;var shape=useMemo(function(){return parseShapeType(shapeType);},[shapeType]);var containerComponentType=shapeType.containerComponent,_shapeType$videoCompo=shapeType.videoComponent,videoComponentList=_shapeType$videoCompo===void 0?[]:_shapeType$videoCompo,_shapeType$audioCompo=shapeType.audioComponent,audioComponentList=_shapeType$audioCompo===void 0?[]:_shapeType$audioCompo;var mediaType=getMediaType(shapeType);var fileTypeList=containerComponentType===null||containerComponentType===void 0?void 0:containerComponentType.file;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(TableBody,{className:className,children:[shape.mimeType&&/*#__PURE__*/jsx(TableRow,{label:"Mime-Type",value:shape.mimeType}),shape.fileSize&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableRow,{label:"File Size",value:shapeActualSize}),/*#__PURE__*/jsx(TableRow,{label:"Checksum",value:shape.hash})]})]}),(mediaType===VIDEO_MEDIATYPE||mediaType===AUDIO_MEDIATYPE)&&/*#__PURE__*/jsx(ContainerComponentTypeTableBody,{containerComponentType:containerComponentType}),mediaType===VIDEO_MEDIATYPE&&videoComponentList.map(function(videoComponentType){return/*#__PURE__*/jsx(VideoComponentTypeTableBody,{videoComponentType:videoComponentType},videoComponentType.id);}),(mediaType===VIDEO_MEDIATYPE||mediaType===AUDIO_MEDIATYPE)&&audioComponentList.map(function(audioComponentType){return/*#__PURE__*/jsx(AudioComponentTypeTableBody,{audioComponentType:audioComponentType},audioComponentType.id);}),showFiles&&(fileTypeList===null||fileTypeList===void 0?void 0:fileTypeList.map(function(fileType){return/*#__PURE__*/jsx(FileTypeTableBody,{fileType:fileType,storageListType:storageListType,displayMethodTypes:displayMethodTypes,storageMetadataKeys:storageMetadataKeys},"file-".concat(fileType.id));})),mediaType===IMAGE_MEDIATYPE&&videoComponentList.map(function(videoComponentType){return/*#__PURE__*/jsx(ImageTypeTableBody,{videoComponentType:videoComponentType},videoComponentType.id);}),mediaType===PDF_MEDIATYPE&&videoComponentList.map(function(videoComponentType){return/*#__PURE__*/jsx(PdfTypeTableBody,{videoComponentType:videoComponentType},videoComponentType.id);})]});}
+
+export { ShapeTypeTableBody as default };

package/dist/item/ItemSourceTable/components/TableHead.js

@@ -0,0 +1,8 @@
+import TableCell from '@material-ui/core/TableCell';
+import TableHead$1 from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import { jsx } from 'react/jsx-runtime';
+
+function TableHead(_ref){var children=_ref.children;return/*#__PURE__*/jsx(TableHead$1,{children:/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{colSpan:2,children:children})})});}
+
+export { TableHead as default };

package/dist/item/ItemSourceTable/components/TableRow.js

@@ -0,0 +1,10 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import TableCell from '@material-ui/core/TableCell';
+import TableRow$2 from '@material-ui/core/TableRow';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","label","value","formatValue"];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 {TableCellLabel:_objectSpread({borderStyle:'none'},theme.typography.body2),TableCellValue:_objectSpread({borderStyle:'none',wordBreak:'break-all'},theme.typography.subtitle2)};};function TableRow(_ref){var classes=_ref.classes,label=_ref.label,value=_ref.value,_ref$formatValue=_ref.formatValue,formatValue=_ref$formatValue===void 0?function(thisValue){return thisValue;}:_ref$formatValue,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(TableRow$2,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/jsx(TableCell,{classes:{root:classes.TableCellLabel},children:label}),/*#__PURE__*/jsx(TableCell,{classes:{root:classes.TableCellValue},children:value!==undefined?formatValue(value):''})]}));}var TableRow$1 = withStyles(styles)(TableRow);
+
+export { TableRow$1 as default };

package/dist/item/ItemSourceTable/components/VideoComponentTypeTableBody.js

@@ -0,0 +1,12 @@
+import { useMemo } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import TableBody from '@material-ui/core/TableBody';
+import { parseVideoComponent } from '@vidispine/vdt-js';
+import { toCapsCase } from '../../../utils.js';
+import TableHead from './TableHead.js';
+import TableRow from './TableRow.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {TableHeadLabel:{marginTop:'20px',borderBottom:'1px solid rgba(224, 224, 224, 0.5)',display:'flex',alignItems:'center'}};};function VideoComponentTypeTableBody(_ref){var classes=_ref.classes,className=_ref.className,videoComponentType=_ref.videoComponentType;var video=useMemo(function(){return parseVideoComponent(videoComponentType);},[videoComponentType]);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx("span",{className:classes.TableHeadLabel,children:"Video Track"})}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Video Codec",value:video.videoFormat||video.videoCodec}),/*#__PURE__*/jsx(TableRow,{label:"SMPTE",value:video.smpte}),/*#__PURE__*/jsx(TableRow,{label:"Frame Rate",value:video.frameRate}),/*#__PURE__*/jsx(TableRow,{label:"Width",value:video.width}),/*#__PURE__*/jsx(TableRow,{label:"Height",value:video.height}),/*#__PURE__*/jsx(TableRow,{label:"Aspect Ratio",value:video.aspectRatio}),/*#__PURE__*/jsx(TableRow,{label:"Video Bitrate",value:video.videoBitrate}),/*#__PURE__*/jsx(TableRow,{label:"Color Space",value:video.colorSpace}),/*#__PURE__*/jsx(TableRow,{label:"Chroma Subsampling",value:video.chromaSubsampling}),/*#__PURE__*/jsx(TableRow,{label:"Field Order",value:video.fieldOrder,formatValue:toCapsCase})]})]});}var VideoComponentTypeTableBody$1 = withStyles(styles)(VideoComponentTypeTableBody);
+
+export { VideoComponentTypeTableBody$1 as default };

package/dist/item/ItemSourceTable/index.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import ItemSourceTable$1, { styles } from './ItemSourceTable.js';
+
+var Component=withStyles(styles,{name:'VdtItemSourceTable'})(ItemSourceTable$1);Component.displayName='ItemSourceTable';var ItemSourceTable = Component;
+
+export { ItemSourceTable as default };

package/dist/item/ItemTable.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import Hidden from '@material-ui/core/Hidden';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import ItemRow from './ItemRow.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["itemListType","RowComponent","options","onCheck","selected","onRowClick"];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 ItemTable(_ref){var _ref$itemListType=_ref.itemListType,itemListType=_ref$itemListType===void 0?{}:_ref$itemListType,_ref$RowComponent=_ref.RowComponent,RowComponent=_ref$RowComponent===void 0?ItemRow:_ref$RowComponent,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,onCheck=_ref.onCheck,selected=_ref.selected,onRowClick=_ref.onRowClick,innerProps=_objectWithoutProperties(_ref,_excluded);var _itemListType$item=itemListType.item,item=_itemListType$item===void 0?[]:_itemListType$item;return/*#__PURE__*/jsxs(Table,{size:"small",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox"}),options.map(function(_ref2,idx){var label=_ref2.label,value=_ref2.value,hide=_ref2.hide;return/*#__PURE__*/jsx(Hidden,{only:hide,children:/*#__PURE__*/jsx(TableCell,{children:label})},label||value||idx);})]})}),/*#__PURE__*/jsx(TableBody,{children:item&&item.map(function(itemType){return/*#__PURE__*/jsx(RowComponent,_objectSpread({itemType:itemType,itemId:itemType.id,options:options,onCheck:onCheck,selected:selected&&selected.includes(itemType.id),onClick:function onClick(){return onRowClick(itemType);}},innerProps),itemType.id);})})]});}
+
+export { ItemTable as default };