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

package/dist/job/JobCard.js

@@ -0,0 +1,20 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { Card, CardHeader, Collapse, CardContent, IconButton, ButtonBase, Menu, MenuItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { Delete, Block, Replay } from '@material-ui/icons';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import Alert from '@material-ui/lab/Alert';
+import { job } from '@vidispine/vdt-api';
+import { ROLE_NAMES } from '@vidispine/vdt-js';
+import { HasRole } from '@vidispine/vdt-react';
+import { INACTIVE_STATES, RUNNING_STATES } from './const.js';
+import JobDataTable from './JobDataTable.js';
+import JobTaskTable from './JobTaskTable.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;}function JobMenu(_ref){var jobType=_ref.jobType,onAbort=_ref.onAbort,onDelete=_ref.onDelete,onDuplicate=_ref.onDuplicate,_ref$IconComponent=_ref.IconComponent,IconComponent=_ref$IconComponent===void 0?MoreVertIcon:_ref$IconComponent;var status=jobType.status;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var handleMenuClick=function handleMenuClick(event){setAnchorEl(event.currentTarget);};var handleMenuClose=function handleMenuClose(){setAnchorEl(null);};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(IconButton,{component:ButtonBase,onClick:handleMenuClick,disableRipple:true,children:/*#__PURE__*/jsx(IconComponent,{})}),/*#__PURE__*/jsxs(Menu,{onClick:handleMenuClose,anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:handleMenuClose,elevation:1,PaperProps:{square:true},getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsxs(MenuItem,{disabled:!INACTIVE_STATES.includes(status),onClick:onDelete,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(Delete,{})}),/*#__PURE__*/jsx(ListItemText,{primary:"Delete job"})]}),/*#__PURE__*/jsxs(MenuItem,{disabled:!RUNNING_STATES.includes(status),onClick:onAbort,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(Block,{})}),/*#__PURE__*/jsx(ListItemText,{primary:"Abort job"})]}),/*#__PURE__*/jsxs(MenuItem,{onClick:onDuplicate,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(Replay,{})}),/*#__PURE__*/jsx(ListItemText,{primary:"Duplicate job"})]})]})]});}var styles={root:{},CardContent:{height:'calc(100% - 70px)',overflow:'auto'},Alert:{},CardHeader:{},Collapse:{}};function JobCard(_ref2){var className=_ref2.className,classes=_ref2.classes,jobType=_ref2.jobType,onSuccess=_ref2.onSuccess,onError=_ref2.onError,JobMenuComponent=_ref2.JobMenuComponent,JobMenuProps=_ref2.JobMenuProps;var _useState3=useState({}),_useState4=_slicedToArray(_useState3,2),alert=_useState4[0],setAlert=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),showAlert=_useState6[0],setShowAlert=_useState6[1];var openAlert=function openAlert(alertProps){setShowAlert(true);setAlert(alertProps);};var closeAlert=function closeAlert(){return setShowAlert(false);};if(!jobType)return null;var jobId=jobType.jobId;var onAbort=function onAbort(){return job.abortJob({jobId:jobId}).then(function(response){openAlert({severity:'success',children:'Successfully aborted job'});if(onSuccess)onSuccess(response);})["catch"](function(error){openAlert({severity:'error',children:'Failed to abort job'});if(onError)onError(error);});};var onDelete=function onDelete(){return job.deleteJob({queryParams:{id:jobId}}).then(function(response){openAlert({severity:'success',children:'Successfully deleted job'});if(onSuccess)onSuccess(response);})["catch"](function(error){openAlert({severity:'error',children:'Failed to deleted job'});if(onError)onError(error);});};var onDuplicate=function onDuplicate(){return job.duplicateJob({jobId:jobId}).then(function(response){openAlert({severity:'success',children:'Successfully duplicated job'});if(onSuccess)onSuccess(response);})["catch"](function(error){openAlert({severity:'error',children:'Failed to duplicate job'});if(onError)onError(error);});};return/*#__PURE__*/jsxs(Card,{elevation:0,className:clsx(className,classes.root,'VdtJobCard-root'),children:[/*#__PURE__*/jsx(CardHeader,{className:classes.CardHeader,title:jobId,action:/*#__PURE__*/jsx(HasRole,{roleName:[ROLE_NAMES.ITEM_WRITE],allow:/*#__PURE__*/jsx(JobMenuComponent,_objectSpread({jobType:jobType,onAbort:onAbort,onDelete:onDelete,onDuplicate:onDuplicate},JobMenuProps))})}),/*#__PURE__*/jsx(Collapse,{className:classes.Collapse,"in":showAlert,children:/*#__PURE__*/jsx(Alert,_objectSpread({className:classes.Alert,onClose:closeAlert},alert))}),/*#__PURE__*/jsxs(CardContent,{className:classes.CardContent,children:[/*#__PURE__*/jsx(JobDataTable,{jobId:jobId}),/*#__PURE__*/jsx(JobTaskTable,{jobId:jobId,autoRefresh:true})]})]});}JobCard.defaultProps={className:undefined,classes:{},jobType:undefined,onSuccess:undefined,onError:undefined,JobMenuComponent:JobMenu,JobMenuProps:{}};var JobCard$1 = withStyles(styles,{name:'VdtJobCard'})(JobCard);
+
+export { JobCard$1 as default };

package/dist/job/JobDataTable.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import { job } from '@vidispine/vdt-api';
+import { useApi } from '@vidispine/vdt-react';
+import ItemMetadataTable from '../item/ItemMetadataTable.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 parseKeyValuePairType=function parseKeyValuePairType(){var keyValuePairType=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var keyValuePairTypeReducer=function keyValuePairTypeReducer(a,_ref){var key=_ref.key,value=_ref.value;return _objectSpread(_objectSpread({},a),{},_defineProperty({},key,value));};return keyValuePairType.reduce(keyValuePairTypeReducer,{});};var useJob=function useJob(jobId,fieldList){var _useApi=useApi(job.getJob),getJob=_useApi.request,_useApi$data=_useApi.data,jobType=_useApi$data===void 0?{}:_useApi$data,reset=_useApi.reset;var fields=fieldList.map(function(f){return typeof f==='string'?{label:f,value:f}:f;});useEffect(function(){var queryParams={metadata:true,field:fieldList.map(function(field){return field.value?field.value:field;})};getJob({jobId:jobId,queryParams:queryParams});return reset;},[jobId,getJob,reset,fieldList]);var _jobType$data=jobType.data,dataType=_jobType$data===void 0?[]:_jobType$data,user=jobType.user,type=jobType.type,status=jobType.status,started=jobType.started,finished=jobType.finished,priority=jobType.priority;var data=parseKeyValuePairType(dataType);var values=_objectSpread(_objectSpread({},data),{},{user:user,type:type,status:status,started:started,finished:finished,priority:priority,jobId:jobId});return {fields:fields,values:values};};function JobDataTable(_ref2){var jobId=_ref2.jobId,initialFields=_ref2.fields,TableComponent=_ref2.TableComponent,TableProps=_ref2.TableProps;var _useJob=useJob(jobId,initialFields),fields=_useJob.fields,values=_useJob.values;return/*#__PURE__*/jsx(TableComponent,_objectSpread(_objectSpread({fields:fields},TableProps),values));}JobDataTable.defaultProps={fields:[{label:'Job ID',value:'jobId'},{label:'Resource ID',value:'vidinetResourceId'},{label:'User',value:'user'},{label:'Type',value:'type'},{label:'Priority',value:'priority'},{label:'Started',value:'started',formatValue:function formatValue(val){return new Date(val).toLocaleString();}},{label:'Finished',value:'finished',formatValue:function formatValue(val){return new Date(val).toLocaleString();}},{label:'Vidinet ID',value:'vidinetJobId'}],TableComponent:ItemMetadataTable,TableProps:{}};var JobDataTable$1 = withStyles({},{name:'VdtJobDataTable'})(JobDataTable);
+
+export { JobDataTable$1 as default };

package/dist/job/JobFooter.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback, useEffect } from 'react';
+import { AppBar, Accordion, AccordionSummary, CircularProgress, Typography, Divider, Select, MenuItem, AccordionDetails } from '@material-ui/core';
+import Button from '@material-ui/core/Button';
+import { ExpandLess } from '@material-ui/icons';
+import useExpand from '../hooks/useExpand.js';
+import { ALL_STATES, RUNNING_STATES, INACTIVE_STATES } from './const.js';
+import JobTable from './JobTable.js';
+import { jsx, jsxs, 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 options=[{label:'All',value:ALL_STATES},{label:'Running',value:RUNNING_STATES},{label:'Inactive',value:INACTIVE_STATES}];function JobFooter(_ref){var _ref$defaultExpanded=_ref.defaultExpanded,defaultExpanded=_ref$defaultExpanded===void 0?false:_ref$defaultExpanded,jobs=_ref.jobs,isLoading=_ref.isLoading,hasLoaded=_ref.hasLoaded,onListJob=_ref.onListJob,_ref$refreshInterval=_ref.refreshInterval,refreshInterval=_ref$refreshInterval===void 0?15000:_ref$refreshInterval,_ref$startTimeFromMin=_ref.startTimeFromMinutes,startTimeFromMinutes=_ref$startTimeFromMin===void 0?10:_ref$startTimeFromMin,_ref$JobTableComponen=_ref.JobTableComponent,JobTableComponent=_ref$JobTableComponen===void 0?JobTable:_ref$JobTableComponen,showJobList=_ref.showJobList,setShowJobList=_ref.setShowJobList;var _useExpand=useExpand(defaultExpanded),expanded=_useExpand.expanded,onToggle=_useExpand.onToggle,onClose=_useExpand.onClose;var _useState=useState({first:1,number:5,sort:'startTime desc',state:ALL_STATES}),_useState2=_slicedToArray(_useState,2),matrixParams=_useState2[0],setMatrixParams=_useState2[1];var onChange=function onChange(_ref2){var state=_ref2.target.value;setMatrixParams(_objectSpread(_objectSpread({},matrixParams),{},{state:state}));};var onRefresh=useCallback(function(){var currentTime=new Date();currentTime.setMinutes(currentTime.getMinutes()-startTimeFromMinutes);var queryParams={'starttime-from':currentTime.toISOString()};onListJob({matrixParams:matrixParams,queryParams:queryParams});},[matrixParams,onListJob,startTimeFromMinutes]);useEffect(function(){onRefresh();var interval=setInterval(onRefresh,refreshInterval);return function(){return clearInterval(interval);};},[onRefresh,refreshInterval]);var onHideJobs=function onHideJobs(){onClose();setShowJobList(false);};useEffect(function(){setShowJobList(true);},[jobs.length,setShowJobList]);if(!hasLoaded||!showJobList||matrixParams.state===ALL_STATES&&jobs.length===0)return null;return/*#__PURE__*/jsx(AppBar,{color:"inherit",position:"fixed",style:{bottom:8,left:8,top:'auto',width:'32em'},children:/*#__PURE__*/jsxs(Accordion,{TransitionProps:{unmountOnExit:true},expanded:expanded,children:[/*#__PURE__*/jsxs(AccordionSummary,{expandIcon:isLoading?/*#__PURE__*/jsx(CircularProgress,{size:20}):/*#__PURE__*/jsx(ExpandLess,{}),onClick:onToggle,children:[/*#__PURE__*/jsx(Typography,{variant:"button",style:{display:'flex',alignItems:'center'},children:"Jobs"}),expanded&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Divider,{orientation:"vertical",style:{margin:'0 25px',height:30}}),/*#__PURE__*/jsx(Select,{value:matrixParams.state,onChange:onChange,fullWidth:true,children:options.map(function(_ref3){var label=_ref3.label,value=_ref3.value;return/*#__PURE__*/jsx(MenuItem,{value:value,children:label},value);})})]})]}),/*#__PURE__*/jsxs(AccordionDetails,{style:{flexDirection:'column'},children:[jobs.length>0?/*#__PURE__*/jsx(JobTableComponent,{jobs:jobs,hideHeader:true}):/*#__PURE__*/jsx("span",{children:"No jobs found"}),/*#__PURE__*/jsx(Button,{onClick:onHideJobs,children:"Close"})]})]})});}
+
+export { JobFooter as default };

package/dist/job/JobFooterContext.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { createContext, useState, useCallback, useMemo } from 'react';
+import { job } from '@vidispine/vdt-api';
+import { useApi } from '@vidispine/vdt-react';
+import JobFooter from './JobFooter.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 JobFooterContext=/*#__PURE__*/createContext({jobs:[],hits:0,abortJob:null,transcode:null,isLoading:false,hasLoaded:false,onRefresh:null,deleteJob:null,shapeTags:null,restartJob:null,queryParams:null,matrixParams:null,setQueryParams:null,setMatrixParams:null});var defaultQueryParams={};var defaultMatrixParams={first:1,number:5,sort:'startTime desc'};function JobFooterContextProvider(_ref){var _ref$queryParams=_ref.queryParams,initialQueryParams=_ref$queryParams===void 0?{}:_ref$queryParams,_ref$matrixParams=_ref.matrixParams,initialMatrixParams=_ref$matrixParams===void 0?{}:_ref$matrixParams,_ref$JobFooterProps=_ref.JobFooterProps,JobFooterProps=_ref$JobFooterProps===void 0?{}:_ref$JobFooterProps,_ref$JobFooterCompone=_ref.JobFooterComponent,JobFooterComponent=_ref$JobFooterCompone===void 0?JobFooter:_ref$JobFooterCompone,children=_ref.children;var _useState=useState(_objectSpread(_objectSpread({},defaultQueryParams),initialQueryParams)),_useState2=_slicedToArray(_useState,2),queryParams=_useState2[0],setQueryParams=_useState2[1];var _useState3=useState(_objectSpread(_objectSpread({},defaultMatrixParams),initialMatrixParams)),_useState4=_slicedToArray(_useState3,2),matrixParams=_useState4[0],setMatrixParams=_useState4[1];var _useState5=useState(true),_useState6=_slicedToArray(_useState5,2),showJobList=_useState6[0],setShowJobList=_useState6[1];var _useApi=useApi(job.listJob),onListJob=_useApi.request,_useApi$data=_useApi.data;_useApi$data=_useApi$data===void 0?{}:_useApi$data;var _useApi$data$hits=_useApi$data.hits,hits=_useApi$data$hits===void 0?0:_useApi$data$hits,_useApi$data$job=_useApi$data.job,jobs=_useApi$data$job===void 0?[]:_useApi$data$job,isLoading=_useApi.isLoading,hasLoaded=_useApi.hasLoaded;var Abort=useApi(job.abortJob);var Restart=useApi(job.duplicateJob);var Delete=useApi(job.deleteJob);var onRefresh=useCallback(function(){return onListJob({queryParams:queryParams,matrixParams:matrixParams});},[matrixParams,onListJob,queryParams]);var abortJob=useCallback(function(_ref2){var jobId=_ref2.jobId;Abort.request({jobId:jobId});},[Abort]);var restartJob=useCallback(function(_ref3){var jobId=_ref3.jobId;Restart.request({jobId:jobId});},[Restart]);var deleteJob=useCallback(function(_ref4){var jobId=_ref4.jobId;Delete.request({queryParams:{id:jobId}});},[Delete]);var contextValue=useMemo(function(){return {jobs:jobs,hits:hits,abortJob:abortJob,onRefresh:onRefresh,onListJob:onListJob,isLoading:isLoading,hasLoaded:hasLoaded,deleteJob:deleteJob,restartJob:restartJob,queryParams:queryParams,matrixParams:matrixParams,setQueryParams:setQueryParams,setMatrixParams:setMatrixParams,showJobList:showJobList,setShowJobList:setShowJobList};},[abortJob,deleteJob,hasLoaded,hits,isLoading,jobs,matrixParams,onListJob,onRefresh,queryParams,restartJob,showJobList]);return/*#__PURE__*/jsxs(JobFooterContext.Provider,{value:contextValue,children:[children,/*#__PURE__*/jsx(JobFooterComponent,_objectSpread({jobs:jobs,isLoading:isLoading,hasLoaded:hasLoaded,onListJob:onListJob,showJobList:showJobList,setShowJobList:setShowJobList},JobFooterProps))]});}
+
+export { JobFooterContext, JobFooterContextProvider };

package/dist/job/JobList.js

@@ -0,0 +1,23 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { useEffect } from 'react';
+import moment from 'moment';
+import Box from '@material-ui/core/Box';
+import Chip from '@material-ui/core/Chip';
+import Grid from '@material-ui/core/Grid';
+import { withStyles } from '@material-ui/core/styles';
+import { job, taskdefinition } from '@vidispine/vdt-api';
+import { useApi } from '@vidispine/vdt-react';
+import SearchPagination from '../search/Pagination.js';
+import SearchInputFieldSelect from '../search/SearchInputFieldSelect.js';
+import Sort from '../search/Sort/index.js';
+import { JOB_STATES, JOB_PRIORITIES } from './const.js';
+import FilterSelectForm from './JobSelectForm.js';
+import JobTable, { DEFAULT_COLUMNS } from './JobTable.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 YESTERDAY=moment().subtract(1,'days').format('YYYY-MM-DD');var THIS_WEEK=moment().subtract(7,'days').format('YYYY-MM-DD');var JOB_TABLE_COLUMNS=[{value:'jobId'},{value:'status'}].concat(_toConsumableArray(DEFAULT_COLUMNS));var SORT_OPTIONS=['jobId','type','state','user','startTime','priority'];var DEFAULT_COLUMN_LABELS={jobId:'Job ID',type:'Type',state:'State',user:'Created By',startTime:'Started',priority:'Priority',status:'Status',started:'Started',finished:'Finished',yesterday:'Yesterday',thisWeek:'This Week',allTime:'All Time'};function JobList(_ref){var page=_ref.page,_ref$jobs=_ref.jobs;_ref$jobs=_ref$jobs===void 0?{}:_ref$jobs;var _ref$jobs$job=_ref$jobs.job,job$1=_ref$jobs$job===void 0?[]:_ref$jobs$job,_ref$jobs$hits=_ref$jobs.hits,hits=_ref$jobs$hits===void 0?0:_ref$jobs$hits,_ref$jobMetadata=_ref.jobMetadata,jobMetadata=_ref$jobMetadata===void 0?[]:_ref$jobMetadata,rowsPerPage=_ref.rowsPerPage,onChangeSort=_ref.onChangeSort,onChangePage=_ref.onChangePage,onChangeType=_ref.onChangeType,onChangeState=_ref.onChangeState,onChangePriority=_ref.onChangePriority,onChangeStarttime=_ref.onChangeStarttime,onChangeFinishtime=_ref.onChangeFinishtime,onChangeRowsPerPage=_ref.onChangeRowsPerPage,onChangeJobmetadata=_ref.onChangeJobmetadata,onRefresh=_ref.onRefresh,matrixParams=_ref.matrixParams,_ref$jobColumnLabels=_ref.jobColumnLabels,jobColumnLabels=_ref$jobColumnLabels===void 0?DEFAULT_COLUMN_LABELS:_ref$jobColumnLabels,_ref$JobTableProps=_ref.JobTableProps,JobTableProps=_ref$JobTableProps===void 0?{}:_ref$JobTableProps;var Abort=useApi(job.abortJob);var Restart=useApi(job.duplicateJob);var Delete=useApi(job.deleteJob);var _useApi=useApi(taskdefinition.listJobType),getJobTypes=_useApi.request,_useApi$data=_useApi.data,jobTypes=_useApi$data===void 0?{}:_useApi$data;var abortJob=function abortJob(_ref2){var jobId=_ref2.jobId;Abort.request({jobId:jobId});};var restartJob=function restartJob(_ref3){var jobId=_ref3.jobId;Restart.request({jobId:jobId});};var deleteJob=function deleteJob(_ref4){var jobId=_ref4.jobId;Delete.request({queryParams:{id:jobId}});};var _jobTypes$uri=jobTypes.uri,uri=_jobTypes$uri===void 0?[]:_jobTypes$uri;useEffect(function(){getJobTypes();},[getJobTypes]);useEffect(function(){onRefresh();// eslint-disable-next-line react-hooks/exhaustive-deps
+},[Abort.isLoading,Restart.isLoading,Delete.isLoading]);var asd=function asd(_ref5){var value=_ref5.query,key=_ref5.field;onChangeJobmetadata([].concat(_toConsumableArray(jobMetadata),[{key:key,value:value}]));};var handleDelete=function handleDelete(index){var newMetadata=_toConsumableArray(jobMetadata);newMetadata.splice(index,1);onChangeJobmetadata(newMetadata);};var initialSort;var sortOptions=SORT_OPTIONS.map(function(value){return {value:value,label:jobColumnLabels[value]};});if(matrixParams&&matrixParams.sort){var _matrixParams$sort$sp=matrixParams.sort.split(' '),_matrixParams$sort$sp2=_slicedToArray(_matrixParams$sort$sp,2),sortValue=_matrixParams$sort$sp2[0],_matrixParams$sort$sp3=_matrixParams$sort$sp2[1],direction=_matrixParams$sort$sp3===void 0?'asc':_matrixParams$sort$sp3;var option=sortOptions.find(function(_ref6){var thisValue=_ref6.value;return thisValue===sortValue;});if(option)initialSort={option:option,direction:direction};}return/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"column",height:"100%",width:"100%",children:[/*#__PURE__*/jsxs(Box,{height:40,display:"flex",justifyContent:"flex-end",alignItems:"center",children:[/*#__PURE__*/jsx(SearchInputFieldSelect,{onSubmit:asd,flexGrow:1,py:0.5,px:1}),/*#__PURE__*/jsx(Box,{children:jobMetadata.map(function(_ref7,index){var key=_ref7.key,value=_ref7.value;return/*#__PURE__*/jsx(Chip,{size:"small",clickable:true,label:"".concat(key,": ").concat(value),onDelete:function onDelete(){return handleDelete(index);}},key+value);})}),/*#__PURE__*/jsx(Sort,{options:sortOptions,initialSort:initialSort,onChange:onChangeSort,sortAsc:"asc",sortDesc:"desc"}),/*#__PURE__*/jsx(SearchPagination,{page:page,count:hits,rowsPerPage:rowsPerPage,onChangePage:onChangePage,onChangeRowsPerPage:onChangeRowsPerPage})]}),/*#__PURE__*/jsx(Box,{width:"100%",py:2,children:/*#__PURE__*/jsxs(Grid,{container:true,alignItems:"flex-start",children:[/*#__PURE__*/jsx(Grid,{item:true,lg:2,md:3,sm:4,xs:12,children:/*#__PURE__*/jsxs(Box,{mr:4,children:[/*#__PURE__*/jsx(FilterSelectForm,{options:uri.map(function(val){return {value:val,label:val};}),label:jobColumnLabels.type,name:"type",multiple:true,onChange:onChangeType}),/*#__PURE__*/jsx(FilterSelectForm,{options:JOB_STATES.map(function(val){return {value:val,label:val};}),label:jobColumnLabels.state,name:"state",multiple:true,onChange:onChangeState}),/*#__PURE__*/jsx(FilterSelectForm,{options:JOB_PRIORITIES.map(function(val){return {value:val,label:val};}),label:jobColumnLabels.priority,name:"priority",multiple:true,onChange:onChangePriority}),/*#__PURE__*/jsx(FilterSelectForm,{options:[{value:YESTERDAY,label:jobColumnLabels.yesterday},{value:THIS_WEEK,label:jobColumnLabels.thisWeek},{value:0,label:jobColumnLabels.allTime}],label:jobColumnLabels.started,name:"starttime-from",onChange:onChangeStarttime}),/*#__PURE__*/jsx(FilterSelectForm,{options:[{value:YESTERDAY,label:jobColumnLabels.yesterday},{value:THIS_WEEK,label:jobColumnLabels.thisWeek},{value:0,label:jobColumnLabels.allTime}],label:jobColumnLabels.finished,name:"finishtime-from",onChange:onChangeFinishtime})]})}),/*#__PURE__*/jsx(Grid,{item:true,lg:10,md:9,sm:8,xs:12,children:/*#__PURE__*/jsx(JobTable,_objectSpread({jobs:job$1,columns:JOB_TABLE_COLUMNS,abortJob:abortJob,deleteJob:deleteJob,restartJob:restartJob,jobColumnLabels:jobColumnLabels},JobTableProps))})]})})]});}var JobList$1 = withStyles({},{name:'VdtJobList'})(JobList);
+
+export { JobList$1 as default };

package/dist/job/JobRow.js

@@ -0,0 +1,11 @@
+import { TableRow, TableCell, CircularProgress } from '@material-ui/core';
+import { red, green } from '@material-ui/core/colors';
+import { withStyles } from '@material-ui/core/styles';
+import { Cancel, CheckCircle, Replay } from '@material-ui/icons';
+import { RUNNING_STATES, ERROR_STATES, SUCCESSFUL_STATES } from './const.js';
+import JobRowButton from './JobRowButton.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function JobRow(_ref){var _ref$job=_ref.job,job=_ref$job===void 0?{}:_ref$job,_ref$columns=_ref.columns,columns=_ref$columns===void 0?[]:_ref$columns,onClick=_ref.onClick,restartJob=_ref.restartJob,deleteJob=_ref.deleteJob,abortJob=_ref.abortJob,_ref$retryText=_ref.retryText,retryText=_ref$retryText===void 0?'Retry':_ref$retryText,_ref$deleteText=_ref.deleteText,deleteText=_ref$deleteText===void 0?'Delete':_ref$deleteText,_ref$startedText=_ref.startedText,startedText=_ref$startedText===void 0?'Started':_ref$startedText,_ref$finishedText=_ref.finishedText,finishedText=_ref$finishedText===void 0?'Finished':_ref$finishedText;var _job$status=job.status,status=_job$status===void 0?'':_job$status;return/*#__PURE__*/jsxs(TableRow,{onClick:onClick!==undefined?function(){return onClick(job);}:undefined,style:{cursor:onClick!==undefined?'pointer':'initial'},children:[/*#__PURE__*/jsxs(TableCell,{children:[RUNNING_STATES.includes(status)&&/*#__PURE__*/jsx(CircularProgress,{size:20}),ERROR_STATES.includes(status)&&/*#__PURE__*/jsx(Cancel,{style:{color:red[500]},size:20}),SUCCESSFUL_STATES.includes(status)&&/*#__PURE__*/jsx(CheckCircle,{style:{color:green[500]},size:20})]}),columns.map(function(_ref2){var value=_ref2.value,valueComponent=_ref2.valueComponent;return/*#__PURE__*/jsx(TableCell,{children:valueComponent?valueComponent({job:job,value:job[value],startedText:startedText,finishedText:finishedText}):job[value]},value);}),abortJob&&RUNNING_STATES.indexOf(status)>-1&&/*#__PURE__*/jsx(TableCell,{align:"right",children:/*#__PURE__*/jsx(JobRowButton,{job:job,icon:/*#__PURE__*/jsx(Cancel,{size:20}),tooltip:"Abort",onClick:abortJob,disabled:status==='ABORTED_PENDING'})}),restartJob&&ERROR_STATES.indexOf(status)>-1&&/*#__PURE__*/jsx(TableCell,{align:"right",children:/*#__PURE__*/jsx(JobRowButton,{job:job,icon:/*#__PURE__*/jsx(Replay,{size:20}),tooltip:retryText,onClick:restartJob})}),deleteJob&&SUCCESSFUL_STATES.indexOf(status)>-1&&/*#__PURE__*/jsx(TableCell,{align:"right",children:/*#__PURE__*/jsx(JobRowButton,{job:job,icon:/*#__PURE__*/jsx(Cancel,{size:20}),tooltip:deleteText,onClick:deleteJob})})]});}var JobRow$1 = withStyles({},{name:'VdtJobRow'})(JobRow);
+
+export { JobRow$1 as default };

package/dist/job/JobRowButton.js

@@ -0,0 +1,6 @@
+import { Tooltip, IconButton } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+function JobRowButton(_ref){var job=_ref.job,icon=_ref.icon,tooltip=_ref.tooltip,_onClick=_ref.onClick,disabled=_ref.disabled;return/*#__PURE__*/jsx(Tooltip,{placement:"top",title:tooltip,children:/*#__PURE__*/jsx(IconButton,{disabled:disabled,onClick:function onClick(){return _onClick(job);},size:"small",children:icon})});}
+
+export { JobRowButton as default };

package/dist/job/JobSelectForm.js

@@ -0,0 +1,13 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useRef } from 'react';
+import { Form, Field, FormSpy } from 'react-final-form';
+import Box from '@material-ui/core/Box';
+import IconButton from '@material-ui/core/IconButton';
+import CancelIcon from '@material-ui/icons/Cancel';
+import SelectField from '../fields/SelectField.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["onSubmit","onChange","options","name","label"];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 getLabel=function getLabel(label,count){return "".concat(label).concat(count!==undefined?" (".concat(count,")"):'');};function FilterSelectForm(_ref){var _ref$onSubmit=_ref.onSubmit,onSubmit=_ref$onSubmit===void 0?function(){return null;}:_ref$onSubmit,_ref$onChange=_ref.onChange,handleChange=_ref$onChange===void 0?function(){return null;}:_ref$onChange,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,name=_ref.name,label=_ref.label,props=_objectWithoutProperties(_ref,_excluded);var hasLoaded=useRef();var onChange=function onChange(_ref2){var values=_ref2.values;if(!hasLoaded.current){hasLoaded.current=true;return;}var field={name:name,value:[]};Object.values(values).forEach(function(value){field.value.push({value:value});});var filter={field:[field],operation:'OR',name:name};handleChange(filter);};return/*#__PURE__*/jsx(Form,{onSubmit:onSubmit,render:function render(_ref3){var handleSubmit=_ref3.handleSubmit,form=_ref3.form,dirty=_ref3.dirty;return/*#__PURE__*/jsxs("form",{onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(Field,_objectSpread({name:name,label:/*#__PURE__*/jsxs(Box,{height:20,style:{lineHeight:'inherit'},children:[label,/*#__PURE__*/jsx(IconButton,{onClick:form.reset,style:{padding:0,marginLeft:16,visibility:dirty?'inherit':'hidden'},children:/*#__PURE__*/jsx(CancelIcon,{})})]}),component:SelectField,FormHelperTextProps:{style:{display:'none'}},options:options.map(function(_ref4){var value=_ref4.value,fieldLabel=_ref4.label,count=_ref4.count;return {value:value,label:getLabel(fieldLabel,count)};}),type:"text",FormControlProps:{fullWidth:true}},props)),/*#__PURE__*/jsx(FormSpy,{subscription:{values:true},onChange:onChange})]});}});}
+
+export { FilterSelectForm as default };

package/dist/job/JobTable.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import moment from 'moment';
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { RUNNING_STATES } from './const.js';
+import JobRow from './JobRow.js';
+import { jsx, jsxs } 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 StartedComponent=function StartedComponent(_ref){var _ref$job=_ref.job,status=_ref$job.status,started=_ref$job.started,finished=_ref$job.finished,_ref$startedText=_ref.startedText,startedText=_ref$startedText===void 0?'Started':_ref$startedText,_ref$finishedText=_ref.finishedText,finishedText=_ref$finishedText===void 0?'Finished':_ref$finishedText;return RUNNING_STATES.includes(status)?"".concat(startedText," ").concat(started?moment(started).fromNow():''):"".concat(finishedText," ").concat(finished?moment(finished).fromNow():'');};var DEFAULT_COLUMNS=[{value:'type'},{value:'started',valueComponent:StartedComponent}];var DEFAULT_COLUMN_LABELS={type:'Type',started:'Started'};function JobTable(_ref2){var _ref2$jobs=_ref2.jobs,jobs=_ref2$jobs===void 0?[]:_ref2$jobs,_ref2$columns=_ref2.columns,columns=_ref2$columns===void 0?DEFAULT_COLUMNS:_ref2$columns,abortJob=_ref2.abortJob,deleteJob=_ref2.deleteJob,restartJob=_ref2.restartJob,_ref2$hideHeader=_ref2.hideHeader,hideHeader=_ref2$hideHeader===void 0?false:_ref2$hideHeader,_ref2$JobRowComponent=_ref2.JobRowComponent,JobRowComponent=_ref2$JobRowComponent===void 0?JobRow:_ref2$JobRowComponent,_ref2$JobRowProps=_ref2.JobRowProps,JobRowProps=_ref2$JobRowProps===void 0?{}:_ref2$JobRowProps,_ref2$jobColumnLabels=_ref2.jobColumnLabels,jobColumnLabels=_ref2$jobColumnLabels===void 0?DEFAULT_COLUMN_LABELS:_ref2$jobColumnLabels;return/*#__PURE__*/jsx(TableContainer,{children:/*#__PURE__*/jsxs(Table,{size:"small",children:[!hideHeader&&/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[/*#__PURE__*/jsx(TableCell,{}),columns.map(function(_ref3){var value=_ref3.value;return/*#__PURE__*/jsx(TableCell,{children:jobColumnLabels[value]},jobColumnLabels[value]);}),/*#__PURE__*/jsx(TableCell,{})]})}),/*#__PURE__*/jsx(TableBody,{children:jobs.map(function(job){return/*#__PURE__*/jsx(JobRowComponent,_objectSpread({job:job,columns:columns,abortJob:abortJob,deleteJob:deleteJob,restartJob:restartJob},JobRowProps),job.jobId);})})]})});}var JobTable$1 = withStyles({},{name:'VdtJobTable'})(JobTable);
+
+export { DEFAULT_COLUMNS, StartedComponent, JobTable$1 as default };

package/dist/job/JobTaskTable.js

@@ -0,0 +1,21 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect, useMemo } from 'react';
+import clsx from 'clsx';
+import moment from 'moment';
+import { Table, TableHead, TableRow, TableCell, TableBody, Tooltip, CircularProgress } from '@material-ui/core';
+import { green, red } from '@material-ui/core/colors';
+import { withStyles } from '@material-ui/core/styles';
+import { CheckCircle, Cancel } from '@material-ui/icons';
+import { job, taskdefinition } from '@vidispine/vdt-api';
+import { formatTimeCodeSeconds } from '@vidispine/vdt-js';
+import { useApi } from '@vidispine/vdt-react';
+import { RUNNING_STATES, SUCCESSFUL_STATES, ERROR_STATES } from './const.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 humanizeDuration=function humanizeDuration(){var samples=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;var _formatTimeCodeSecond=formatTimeCodeSeconds(samples).toTime(),hours=_formatTimeCodeSecond.hours,minutes=_formatTimeCodeSecond.minutes,seconds=_formatTimeCodeSecond.seconds;var duration=["".concat(seconds!==undefined?seconds:1,"s")];if(minutes>0)duration.unshift("".concat(minutes,"m"));if(hours>0)duration.unshift("".concat(hours,"h"));return duration.join(' ');};var useJobTasks=function useJobTasks(jobId,autoRefresh){var _useApi=useApi(job.getJob),getJob=_useApi.request,_useApi$data=_useApi.data,jobStep=_useApi$data===void 0?{}:_useApi$data;var onGetJobStep=function onGetJobStep(){if(!jobId)return;getJob({jobId:jobId});};// eslint-disable-next-line react-hooks/exhaustive-deps
+useEffect(onGetJobStep,[jobId]);var taskDefinitionType=useMemo(function(){return jobStep.type;},[jobStep]);var _useApi2=useApi(taskdefinition.getTaskDefinitionType),getJobType=_useApi2.request,_useApi2$data=_useApi2.data,jobType=_useApi2$data===void 0?{}:_useApi2$data;var getJobTasks=function getJobTasks(){if(!taskDefinitionType)return;getJobType({taskDefinitionType:taskDefinitionType});};// eslint-disable-next-line react-hooks/exhaustive-deps
+useEffect(getJobTasks,[taskDefinitionType]);var jobStatus=jobStep.status,_jobStep$log=jobStep.log;_jobStep$log=_jobStep$log===void 0?{}:_jobStep$log;var _jobStep$log$task=_jobStep$log.task,stepList=_jobStep$log$task===void 0?[]:_jobStep$log$task;var steps=useMemo(function(){return stepList.map(function(step,index){if(!stepList.length)return [];var timestamp=step.timestamp,subStep=step.subStep,status=step.status;var refTimestamp;if(RUNNING_STATES.includes(status)){refTimestamp=moment().add(5,'m');}else if(subStep&&subStep.length){var ref=subStep.slice(-1)[0].timestamp;refTimestamp=moment(ref).add(5,'m');}else if(stepList[index+1]!==undefined){var _ref=stepList[index+1].timestamp;refTimestamp=moment(_ref);}else {return _objectSpread(_objectSpread({},step),{},{duration:0});}var duration=moment(refTimestamp).diff(timestamp,'s');return _objectSpread(_objectSpread({},step),{},{duration:duration});});},[stepList]);useEffect(function(){if(!jobStatus||!autoRefresh)return function(){return null;};var interval=null;// set reasonable interval
+if(RUNNING_STATES.includes(jobStatus))interval=setInterval(onGetJobStep,1000);return function(){return clearInterval(interval);};// eslint-disable-next-line react-hooks/exhaustive-deps
+},[onGetJobStep,jobStatus]);var tasks=useMemo(function(){var _jobType$task=jobType.task,task=_jobType$task===void 0?[]:_jobType$task;if(!task.length)return steps.reverse();var inactiveSteps=task.filter(function(_ref2){var step=_ref2.step;return !steps.some(function(_ref3){var s=_ref3.step;return s===step;});});return steps.concat(inactiveSteps).reverse();},[jobType,steps]);return {tasks:tasks};};function JobTaskTableRow(_ref4){var task=_ref4.task;var status=task.status,duration=task.duration,description=task.description,_task$errorMessage=task.errorMessage,errorMessage=_task$errorMessage===void 0?'':_task$errorMessage;var isRunning=RUNNING_STATES.includes(status);var isFinished=SUCCESSFUL_STATES.includes(status);var isFailed=ERROR_STATES.includes(status);return/*#__PURE__*/jsx(Tooltip,{title:errorMessage,children:/*#__PURE__*/jsxs(TableRow,{component:"div",children:[/*#__PURE__*/jsxs(TableCell,{padding:"checkbox",component:"div",children:[isRunning&&/*#__PURE__*/jsx(CircularProgress,{size:20}),isFinished&&/*#__PURE__*/jsx(CheckCircle,{style:{color:green[500]}}),isFailed&&/*#__PURE__*/jsx(Cancel,{style:{color:red[500]}}),!isRunning&&!isFinished&&!isFailed&&'-']}),/*#__PURE__*/jsx(TableCell,{component:"div",children:description}),/*#__PURE__*/jsx(TableCell,{align:"right",component:"div",style:{fontVariantNumeric:'tabular-nums'},children:duration!==undefined?humanizeDuration(duration):'-'})]})});}var styles={root:{},TableHead:{},TableBody:{}};function JobTaskTable(_ref5){var className=_ref5.className,classes=_ref5.classes,jobId=_ref5.jobId,autoRefresh=_ref5.autoRefresh,TableProps=_ref5.TableProps,statusText=_ref5.statusText,stepText=_ref5.stepText,durationText=_ref5.durationText,JobTaskTableRowComponent=_ref5.JobTaskTableRowComponent,JobTaskTableRowProps=_ref5.JobTaskTableRowProps;var _useJobTasks=useJobTasks(jobId,autoRefresh),_useJobTasks$tasks=_useJobTasks.tasks,tasks=_useJobTasks$tasks===void 0?[]:_useJobTasks$tasks;return/*#__PURE__*/jsxs(Table,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtJobTaskTable-root'),component:"div"},TableProps),{},{children:[/*#__PURE__*/jsx(TableHead,{component:"div",className:classes.TableHead,children:/*#__PURE__*/jsxs(TableRow,{component:"div",children:[/*#__PURE__*/jsx(TableCell,{padding:"checkbox",component:"div",children:statusText}),/*#__PURE__*/jsx(TableCell,{component:"div",children:stepText}),/*#__PURE__*/jsx(TableCell,{align:"right",component:"div",children:durationText})]})}),/*#__PURE__*/jsx(TableBody,{component:"div",className:classes.TableHead,children:tasks.map(function(task){return/*#__PURE__*/jsx(JobTaskTableRowComponent,_objectSpread({task:task},JobTaskTableRowProps),task.step);})})]}));}JobTaskTable.defaultProps={className:undefined,classes:{},autoRefresh:false,TableProps:{},statusText:'Status',stepText:'Step',durationText:'Duration',JobTaskTableRowComponent:JobTaskTableRow,JobTaskTableRowProps:{}};var JobTaskTable$1 = withStyles(styles,{name:'VdtJobTaskTable'})(JobTaskTable);
+
+export { JobTaskTable$1 as default };

package/dist/job/const.js

@@ -0,0 +1,3 @@
+var ALL='all';var READY='READY';var STARTED='STARTED';var VIDINET_JOB='VIDINET_JOB';var FINISHED='FINISHED';var FINISHED_WARNING='FINISHED_WARNING';var WAITING='WAITING';var ABORT_PENDING='ABORT_PENDING';var ABORTED='ABORTED';var FAILED_TOTAL='FAILED_TOTAL';var LOWEST='LOWEST';var LOW='LOW';var MEDIUM='MEDIUM';var HIGH='HIGH';var HIGHEST='HIGHEST';var IMMEDIATE='IMMEDIATE';var JOB_PRIORITIES=[LOWEST,LOW,MEDIUM,HIGH,HIGHEST,IMMEDIATE];var JOB_STATES=[READY,STARTED,VIDINET_JOB,FINISHED,FINISHED_WARNING,WAITING,ABORT_PENDING,ABORTED,FAILED_TOTAL];var ALL_STATES=[ALL];var ERROR_STATES=[FAILED_TOTAL,ABORTED];var SUCCESSFUL_STATES=[FINISHED];var RUNNING_STATES=[READY,STARTED,VIDINET_JOB,WAITING,ABORT_PENDING];var INACTIVE_STATES=[FINISHED,FINISHED_WARNING,FAILED_TOTAL,ABORTED];
+
+export { ABORTED, ABORT_PENDING, ALL, ALL_STATES, ERROR_STATES, FAILED_TOTAL, FINISHED, FINISHED_WARNING, HIGH, HIGHEST, IMMEDIATE, INACTIVE_STATES, JOB_PRIORITIES, JOB_STATES, LOW, LOWEST, MEDIUM, READY, RUNNING_STATES, STARTED, SUCCESSFUL_STATES, VIDINET_JOB, WAITING };

package/dist/mapStringsBooleans.js

@@ -0,0 +1,6 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+function stringsToBooleans(acc,_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1];if(value==='true'){acc[key]=true;}else if(value==='false'){acc[key]=false;}else if(Array.isArray(value)){acc[key]=value.map(function(thisValue){if(thisValue==='true')return true;if(thisValue==='false')return false;return thisValue;});}else if(_typeof(value)==='object'){acc[key]=Object.entries(value).reduce(stringsToBooleans,{});}else {acc[key]=value;}return acc;}function booleansToStrings(acc,_ref3,joinValue){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];if(value===undefined)return acc;if(value===null){acc[key]=null;}else if(value===true){acc[key]='true';}else if(value===false){acc[key]='false';}else if(Array.isArray(value)){acc[key]=value.map(function(thisValue){if(thisValue===true)return 'true';if(thisValue===false)return 'false';return thisValue;});}else if(_typeof(value)==='object'){acc[key]=Object.entries(value).reduce(function(a,c){return booleansToStrings(a,c,joinValue);},{});}else if(joinValue){var valueArray=value.split(joinValue);acc[key]=valueArray.length>1?valueArray:value;}else {acc[key]=value;}return acc;}
+
+export { booleansToStrings, stringsToBooleans };

package/dist/media/MediaBadge.js

@@ -0,0 +1,7 @@
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var styles=function styles(theme){var isLight=theme.palette.type==='light';return {badge:{height:'1rem',marginRight:6,borderColor:isLight?'rgba(0, 0, 0, 0.87)':'rgba(255, 255, 255, 0.8)',color:isLight?'rgba(0, 0, 0, 0.87)':'rgba(255, 255, 255, 0.8)',borderWidth:1.45,borderStyle:'solid',backgroundColor:isLight?'unset':'rgba(0, 0, 0, .15)',padding:'0 4px',borderRadius:2.5,whiteSpace:'nowrap',fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',fontWeight:900,fontSize:'0.7rem',letterSpacing:'0.08em',textTransform:'uppercase',minWidth:32,textAlign:'center'}};};function MediaBadge(_ref){var className=_ref.className,classes=_ref.classes,children=_ref.children;return/*#__PURE__*/jsx("span",{className:clsx(classes.badge,'VdtMediaBadge-badge',className),children:children});}var MediaBadge$1 = withStyles(styles,{name:'VdtMediaBadge'})(MediaBadge);
+
+export { MediaBadge$1 as default };

package/dist/media/MediaBadges.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core/styles';
+import { parseShapeType } from '@vidispine/vdt-js';
+import MediaBadge from './MediaBadge.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 generateBadges=function generateBadges(_ref){var shapeType=_ref.shapeType,transcodePresetType=_ref.transcodePresetType;var shape=transcodePresetType||parseShapeType(shapeType);var badges=[];if(shape.containerFormat)badges.push(shape.containerFormat);if(shape.videoFormat)badges.push(shape.videoFormat);if(shape.audioFormat)badges.push(shape.audioFormat);if(shape.height){var fieldOrder=shape.fieldOrder,height=shape.height;var heightFieldOrder="".concat(height).concat(fieldOrder?fieldOrder[0]:'px');switch(height){case 720:badges.push('HD Ready');break;case 1080:badges.push('Full HD');break;case 1440:badges.push('Quad HD');break;case 2160:badges.push('4K UHD');break;case 4320:badges.push('8K UHD');break;}if(height>0&&height<720){badges.push('SD');}badges.push(heightFieldOrder);}if(shape.audioChannels){var audioChannels=shape.audioChannels;switch(audioChannels){case 1:badges.push('Mono');break;case 2:badges.push('Stereo');break;case 3:badges.push('2.1');break;case 6:badges.push('5.1');break;case 8:badges.push('7.1');break;}}if(shape.colorPrimaries){var colorPrimaries=shape.colorPrimaries;switch(colorPrimaries){case'BT.2020':case'REC.2020':badges.push('HDR');break;case'BT.709':case'REC.709':badges.push('SDR');break;}}if(shape.textFormat){badges.push('CC');}if(shape.frameRate){try{if(shape.frameRate.match(/\d/)){badges.push("".concat(shape.frameRate,"fps"));}else {badges.push(shape.frameRate);}}catch(e){// Figure out which to really throw on
+}}if(shape.aspectRatio)badges.push(shape.aspectRatio);return _toConsumableArray(new Set(badges));// remove duplicates
+};var styles=function styles(){return {root:{}};};function MediaBadges(_ref2){var classes=_ref2.classes,className=_ref2.className,_ref2$generateBadges=_ref2.generateBadges,handleGenerateBadges=_ref2$generateBadges===void 0?generateBadges:_ref2$generateBadges,shapeType=_ref2.shapeType,transcodePresetType=_ref2.transcodePresetType,_ref2$MediaBadgeCompo=_ref2.MediaBadgeComponent,MediaBadgeComponent=_ref2$MediaBadgeCompo===void 0?MediaBadge:_ref2$MediaBadgeCompo,_ref2$MediaBadgeProps=_ref2.MediaBadgeProps,MediaBadgeProps=_ref2$MediaBadgeProps===void 0?{}:_ref2$MediaBadgeProps;var badges=useMemo(function(){return handleGenerateBadges({shapeType:shapeType,transcodePresetType:transcodePresetType});},// eslint-disable-next-line react-hooks/exhaustive-deps
+[shapeType]);return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtMediaBadges-root',className),children:badges.map(function(badge){return/*#__PURE__*/jsx(MediaBadgeComponent,_objectSpread(_objectSpread({},MediaBadgeProps),{},{children:badge}),badge);})});}var MediaBadges$1 = withStyles(styles,{name:'VdtMediaBadges'})(MediaBadges);
+
+export { MediaBadges$1 as default, generateBadges };

package/dist/media/MediaCard/MediaCard.js

@@ -0,0 +1,17 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import clsx from 'clsx';
+import MediaCardActions from '../MediaCardActions.js';
+import MediaCardAvatar from '../MediaCardAvatar/index.js';
+import MediaCardCard from '../MediaCardCard.js';
+import MediaCardContent from '../MediaCardContent.js';
+import MediaCardHeader from '../MediaCardHeader.js';
+import MediaCardMenu from '../MediaCardMenu.js';
+import MediaCardThumbnail from '../MediaCardThumbnail/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","onHover","onCheck","onClick","checked","title","subheader","image","content","avatar","CardComponent","CardProps","HeaderComponent","HeaderProps","ThumbnailComponent","ThumbnailProps","ContentComponent","ContentProps","ActionsComponent","ActionsProps","AvatarComponent","AvatarProps","MenuComponent","MenuProps"];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 {root:{}};};function MediaCard(_ref){var className=_ref.className,classes=_ref.classes;_ref.onHover;var onCheck=_ref.onCheck,onClick=_ref.onClick,controlledCheck=_ref.checked,title=_ref.title,subheader=_ref.subheader,image=_ref.image,content=_ref.content,avatar=_ref.avatar,CardComponent=_ref.CardComponent,CardProps=_ref.CardProps,HeaderComponent=_ref.HeaderComponent,HeaderProps=_ref.HeaderProps,ThumbnailComponent=_ref.ThumbnailComponent,ThumbnailProps=_ref.ThumbnailProps,ContentComponent=_ref.ContentComponent,ContentProps=_ref.ContentProps,ActionsComponent=_ref.ActionsComponent,ActionsProps=_ref.ActionsProps,AvatarComponent=_ref.AvatarComponent,AvatarProps=_ref.AvatarProps,MenuComponent=_ref.MenuComponent,MenuProps=_ref.MenuProps,innerProps=_objectWithoutProperties(_ref,_excluded);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setChecked=_useState2[1];var checked=controlledCheck===undefined?uncontrolledChecked:controlledCheck;var handleChecked=function handleChecked(event){if(controlledCheck===undefined)setChecked(!checked);if(onCheck)onCheck(event,!checked,innerProps);};var handleOnClick=onClick?function(event,path,timecode){return onClick(event,innerProps,path,timecode);}:undefined;return/*#__PURE__*/jsxs(CardComponent,_objectSpread(_objectSpread({className:clsx(className,classes.root),checked:checked,innerProps:innerProps},CardProps),{},{children:[HeaderComponent&&/*#__PURE__*/jsx(HeaderComponent,_objectSpread(_objectSpread({title:title,subheader:subheader,avatar:avatar,handleChecked:handleChecked,checked:checked,innerProps:innerProps,AvatarComponent:AvatarComponent,AvatarProps:AvatarProps,MenuComponent:MenuComponent,MenuProps:MenuProps},HeaderProps),innerProps)),ThumbnailComponent&&/*#__PURE__*/jsx(ThumbnailComponent,_objectSpread({image:image,innerProps:innerProps,onClick:handleOnClick},ThumbnailProps)),ContentComponent&&/*#__PURE__*/jsx(ContentComponent,_objectSpread({content:content,innerProps:innerProps},ContentProps)),ActionsComponent&&/*#__PURE__*/jsx(ActionsComponent,_objectSpread({handleChecked:handleChecked,checked:checked,innerProps:innerProps},ActionsProps))]}));}MediaCard.defaultProps={className:'VdtMediaCard',classes:{},onClick:undefined,onHover:undefined,onCheck:undefined,checked:undefined,hover:undefined,title:undefined,subheader:undefined,image:undefined,content:undefined,avatar:undefined,CardComponent:MediaCardCard,HeaderComponent:MediaCardHeader,ThumbnailComponent:MediaCardThumbnail,ContentComponent:MediaCardContent,ActionsComponent:MediaCardActions,AvatarComponent:MediaCardAvatar,MenuComponent:MediaCardMenu,CardProps:{},HeaderProps:{},ThumbnailProps:{},ContentProps:{},ActionsProps:{},AvatarProps:{},MenuProps:{}};
+
+export { MediaCard as default, styles };

package/dist/media/MediaCard/index.js

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

package/dist/media/MediaCardActions.js

@@ -0,0 +1,11 @@
+import CardActions from '@material-ui/core/CardActions';
+import { grey, red } from '@material-ui/core/colors';
+import IconButton from '@material-ui/core/IconButton';
+import ShareIcon from '@material-ui/icons/Share';
+import Visibility from '@material-ui/icons/Visibility';
+import MediaCardCheckbox from './MediaCardCheckbox.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MediaCardActions(_ref){var hover=_ref.hover,checked=_ref.checked,handleChecked=_ref.handleChecked,_ref$primaryColor=_ref.primaryColor,primaryColor=_ref$primaryColor===void 0?grey[500]:_ref$primaryColor,_ref$secondaryColor=_ref.secondaryColor,secondaryColor=_ref$secondaryColor===void 0?red.A200:_ref$secondaryColor,_ref$ChecboxComponent=_ref.ChecboxComponent,ChecboxComponent=_ref$ChecboxComponent===void 0?MediaCardCheckbox:_ref$ChecboxComponent;return/*#__PURE__*/jsxs(CardActions,{disableSpacing:true,children:[/*#__PURE__*/jsx(IconButton,{children:/*#__PURE__*/jsx(Visibility,{style:{color:hover?secondaryColor:primaryColor,transition:'color .2s ease-out'}})}),/*#__PURE__*/jsx(IconButton,{children:/*#__PURE__*/jsx(ShareIcon,{style:{color:hover?secondaryColor:primaryColor,transition:'color .2s ease-out'}})}),/*#__PURE__*/jsx(ChecboxComponent,{checked:checked,handleChecked:handleChecked,hover:hover,primaryColor:primaryColor,secondaryColor:secondaryColor})]});}
+
+export { MediaCardActions as default };

package/dist/media/MediaCardAvatar/MediaCardAvatar.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Avatar from '@material-ui/core/Avatar';
+import Skeleton from '@material-ui/lab/Skeleton';
+import MimeTypeIcon from '../../general/MimeTypeIcon/index.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={root:{transition:'background-color .2s ease-out'},colorDefaultSkeleton:{backgroundColor:'unset'}};function MediaCardAvatar(_ref){var className=_ref.className,classes=_ref.classes,avatar=_ref.avatar,_ref$skeleton=_ref.skeleton,skeleton=_ref$skeleton===void 0?false:_ref$skeleton,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'square':_ref$variant,_ref$MimeTypeComponen=_ref.MimeTypeComponent,MimeTypeComponent=_ref$MimeTypeComponen===void 0?MimeTypeIcon:_ref$MimeTypeComponen,_ref$MimeTypeProps=_ref.MimeTypeProps,MimeTypeProps=_ref$MimeTypeProps===void 0?{}:_ref$MimeTypeProps,_ref$SkeletonProps=_ref.SkeletonProps,SkeletonProps=_ref$SkeletonProps===void 0?{}:_ref$SkeletonProps,_ref$AvatarProps=_ref.AvatarProps,AvatarProps=_ref$AvatarProps===void 0?{}:_ref$AvatarProps;return/*#__PURE__*/jsx(Avatar,_objectSpread(_objectSpread({className:clsx(className,'VdtMediaCardAvatar-root'),style:{transition:'background-color .2s ease-out'},variant:variant,classes:{colorDefault:skeleton?classes.colorDefaultSkeleton:undefined}},AvatarProps),{},{children:skeleton?/*#__PURE__*/jsx(Skeleton,_objectSpread({variant:variant==='square'?'rect':variant,height:"100%",width:"100%"},SkeletonProps)):/*#__PURE__*/jsx(MimeTypeComponent,_objectSpread({mimeType:avatar},MimeTypeProps))}));}MediaCardAvatar.defaultProps={className:undefined,classes:{},avatar:undefined,skeleton:false,variant:'square',MimeTypeComponent:MimeTypeIcon,MimeTypeProps:{},SkeletonProps:{},AvatarProps:{}};
+
+export { MediaCardAvatar as default, styles };

package/dist/media/MediaCardAvatar/index.js

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

package/dist/media/MediaCardCard.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import Card from '@material-ui/core/Card';
+import { withStyles, emphasize } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","checked","handleHover","children","innerProps"];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 {root:{width:'inherit',maxWidth:320,height:'inherit',borderColor:'transparent',borderWidth:0.7,borderStyle:'solid',transition:'border-color .2s ease-out','&:hover':{'& .MuiIconButton-root':{color:theme.palette.primary.main},'& .MuiAvatar-square':{color:theme.palette.type==='dark'?theme.palette.grey[500]:theme.palette.grey[100],backgroundColor:theme.palette.primary.main}},'& .MuiCardHeader-root':{backgroundColor:theme.palette.type==='dark'?emphasize(theme.palette.background.paper,0.1):undefined,color:theme.palette.type==='dark'?theme.palette.common.white:undefined}},checked:{borderColor:theme.palette.secondary.main}};};function MediaCardCard(_ref){var className=_ref.className,classes=_ref.classes,checked=_ref.checked,handleHover=_ref.handleHover,children=_ref.children;_ref.innerProps;var CardProps=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Card,_objectSpread(_objectSpread({className:clsx(classes.root,_defineProperty({},classes.checked,checked),'VdtMediaCardCard-root',className),onMouseEnter:handleHover,onMouseLeave:handleHover,raised:false,elevation:0},CardProps),{},{children:children}));}var MediaCardCard$1 = withStyles(styles,{name:'VdtMediaCardCard'})(MediaCardCard);
+
+export { MediaCardCard$1 as default };

package/dist/media/MediaCardCheckbox.js

@@ -0,0 +1,6 @@
+import Checkbox from '@material-ui/core/Checkbox';
+import { jsx } from 'react/jsx-runtime';
+
+function MediaCardCheckbox(_ref){var checked=_ref.checked,handleChecked=_ref.handleChecked;return/*#__PURE__*/jsx(Checkbox,{checked:checked,onChange:handleChecked,style:{marginLeft:'auto',transition:'color .2s ease-out'}});}
+
+export { MediaCardCheckbox as default };

package/dist/media/MediaCardContent.js

@@ -0,0 +1,10 @@
+import truncate from 'lodash.truncate';
+import Box from '@material-ui/core/Box';
+import CardContent from '@material-ui/core/CardContent';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import { jsx } from 'react/jsx-runtime';
+
+function MediaCardContent(_ref){var content=_ref.content,_ref$truncateContentL=_ref.truncateContentLength,truncateContentLength=_ref$truncateContentL===void 0?120:_ref$truncateContentL;return/*#__PURE__*/jsx(CardContent,{style:{paddingBottom:0},children:/*#__PURE__*/jsx(Box,{height:60,children:/*#__PURE__*/jsx(Tooltip,{title:content,enterDelay:500,open:content.length>truncateContentLength?undefined:false,children:/*#__PURE__*/jsx(Typography,{variant:"body2",color:"textSecondary",component:"p",children:truncate(content,{length:truncateContentLength})})})})});}
+
+export { MediaCardContent as default };

package/dist/media/MediaCardDurationLabel.js

@@ -0,0 +1,6 @@
+import MediaCardThumbnailLabel from './MediaCardThumbnailLabel/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var formatDurationSeconds=function formatDurationSeconds(durationSeconds){var hours=Math.floor(durationSeconds/3600);var minutes=Math.floor(durationSeconds%3600/60);var seconds=Math.floor(durationSeconds%60);var timeArray=[hours.toString().padStart(2,'0'),minutes.toString().padStart(2,'0'),seconds.toString().padStart(2,'0')];return timeArray.join(':');};function MediaCardDurationLabel(_ref){var style=_ref.style,classes=_ref.classes,className=_ref.className,label=_ref.label;if(!label)return null;var seconds=Number(label);if(seconds===0)return null;var formattedDuration=formatDurationSeconds(seconds);return/*#__PURE__*/jsx(MediaCardThumbnailLabel,{className:className,classes:classes,style:style,label:formattedDuration});}
+
+export { MediaCardDurationLabel as default };

package/dist/media/MediaCardFullWidth/MediaCardFullWidth.js

@@ -0,0 +1,19 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import Collapse from '@material-ui/core/Collapse';
+import Grid from '@material-ui/core/Grid';
+import { MediaCardProvider } from '../../contexts/MediaCardContext.js';
+import { useToggleOnClick } from '../../utils.js';
+import MediaCardThumbnail from '../MediaCardThumbnail/index.js';
+import MediaCardExpand from './components/MediaCardExpand.js';
+import MediaCardFullWidthCard from './components/MediaCardFullWidthCard.js';
+import MediaCardFullWidthContent from './components/MediaCardFullWidthContent.js';
+import MediaCardFullWidthHeader from './components/MediaCardFullWidthHeader.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","onClick","onExpand","expanded","defaultExpanded","onSelect","selected","defaultSelected","title","subheader","image","content","expandedContent","CardComponent","CardProps","HeaderComponent","HeaderProps","ThumbnailComponent","ThumbnailProps","ContentComponent","ContentProps","ExpandedContentComponent","ExpandedContentProps","ExpandComponent","ExpandProps","ActionsComponent","ActionsProps"];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 {root:{width:'100%',padding:theme.spacing(1)},overflow:{overflow:'hidden'},grow:{flexGrow:1},pushRight:{marginLeft:'auto'}};};function MediaCardFullWidth(_ref){var className=_ref.className,classes=_ref.classes,onClick=_ref.onClick,onExpand=_ref.onExpand,controlledExpanded=_ref.expanded,defaultExpanded=_ref.defaultExpanded,onSelect=_ref.onSelect,controlledSelected=_ref.selected,defaultSelected=_ref.defaultSelected,title=_ref.title,subheader=_ref.subheader,image=_ref.image,content=_ref.content,expandedContent=_ref.expandedContent,CardComponent=_ref.CardComponent,CardProps=_ref.CardProps,HeaderComponent=_ref.HeaderComponent,HeaderProps=_ref.HeaderProps,ThumbnailComponent=_ref.ThumbnailComponent,ThumbnailProps=_ref.ThumbnailProps,ContentComponent=_ref.ContentComponent,ContentProps=_ref.ContentProps,ExpandedContentComponent=_ref.ExpandedContentComponent,ExpandedContentProps=_ref.ExpandedContentProps,ExpandComponent=_ref.ExpandComponent,ExpandProps=_ref.ExpandProps,ActionsComponent=_ref.ActionsComponent,ActionsProps=_ref.ActionsProps,props=_objectWithoutProperties(_ref,_excluded);var _useToggleOnClick=useToggleOnClick(defaultExpanded,onExpand,controlledExpanded),_useToggleOnClick2=_slicedToArray(_useToggleOnClick,2),expanded=_useToggleOnClick2[0],toggleExpanded=_useToggleOnClick2[1];var _useToggleOnClick3=useToggleOnClick(defaultSelected,onSelect,controlledSelected),_useToggleOnClick4=_slicedToArray(_useToggleOnClick3,2),selected=_useToggleOnClick4[0],toggleSelected=_useToggleOnClick4[1];return/*#__PURE__*/jsx(MediaCardProvider,_objectSpread(_objectSpread({expanded:expanded,selected:selected},props),{},{children:/*#__PURE__*/jsxs(CardComponent,_objectSpread(_objectSpread({className:clsx(className,classes.root),selected:selected},CardProps),{},{children:[/*#__PURE__*/jsxs(Grid,{container:true,wrap:"nowrap",children:[/*#__PURE__*/jsx(Grid,{item:true,children:ThumbnailComponent&&/*#__PURE__*/jsx(ThumbnailComponent,_objectSpread({image:image,onClick:onClick,height:150,width:200},ThumbnailProps))}),/*#__PURE__*/jsxs(Grid,{container:true,wrap:"nowrap",classes:{root:classes.overflow},direction:"column",children:[/*#__PURE__*/jsxs(Grid,{container:true,wrap:"nowrap",justifyContent:"space-between",children:[HeaderComponent&&/*#__PURE__*/jsx(Grid,{item:true,classes:{root:classes.overflow},children:/*#__PURE__*/jsx(HeaderComponent,_objectSpread({title:title,subheader:subheader// innerProps={innerProps}
+},HeaderProps))}),ActionsComponent&&/*#__PURE__*/jsx(Grid,{item:true,classes:{root:classes.pushRight},children:/*#__PURE__*/jsx(ActionsComponent,_objectSpread({onSelect:toggleSelected,selected:selected},ActionsProps))})]}),/*#__PURE__*/jsxs(Grid,{container:true,wrap:"nowrap",justifyContent:"space-between",classes:{root:classes.grow},children:[ContentComponent&&/*#__PURE__*/jsx(Grid,{item:true,children:/*#__PURE__*/jsx(ContentComponent,_objectSpread(_objectSpread({content:content},ContentProps),{},{children:content}))}),ExpandComponent&&/*#__PURE__*/jsx(Grid,{item:true,classes:{root:classes.pushRight},children:/*#__PURE__*/jsx(ExpandComponent,_objectSpread({expanded:expanded,onExpand:toggleExpanded},ExpandProps))})]})]})]}),ExpandedContentComponent&&/*#__PURE__*/jsx(Collapse,{className:classes.expandedContent,"in":expanded,timeout:"auto",unmountOnExit:true,children:/*#__PURE__*/jsx(ExpandedContentComponent,_objectSpread({content:expandedContent,truncateContentRows:0},ExpandedContentProps))})]}))}));}MediaCardFullWidth.defaultProps={className:'VdtMediaCardFullWidth',classes:{},onClick:undefined,onExpand:undefined,expanded:undefined,defaultExpanded:false,selected:undefined,onSelect:undefined,defaultSelected:false,title:undefined,subheader:undefined,image:undefined,content:undefined,expandedContent:undefined,CardComponent:MediaCardFullWidthCard,HeaderComponent:MediaCardFullWidthHeader,ThumbnailComponent:MediaCardThumbnail,ContentComponent:MediaCardFullWidthContent,ExpandComponent:MediaCardExpand,ExpandedContentComponent:MediaCardFullWidthContent,ActionsComponent:false,CardProps:{},HeaderProps:{},ThumbnailProps:{},ContentProps:{},ExpandProps:{},ExpandedContentProps:{},ActionsProps:{}};
+
+export { MediaCardFullWidth as default, styles };

package/dist/media/MediaCardFullWidth/components/MediaCardExpand.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import IconButton from '@material-ui/core/IconButton';
+import { withStyles } from '@material-ui/core/styles';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { jsx } from 'react/jsx-runtime';
+
+var styles=function styles(theme){return {root:{height:'100%',display:'flex',alignItems:'flex-end'},expand:{transform:'rotate(0deg)',marginLeft:'auto',transition:theme.transitions.create('transform',{duration:theme.transitions.duration.shortest})},expanded:{transform:'rotate(180deg)'},IconComponent:{}};};function MediaCardExpand(_ref){var classes=_ref.classes,className=_ref.className,expanded=_ref.expanded,onExpand=_ref.onExpand,_ref$IconComponent=_ref.IconComponent,IconComponent=_ref$IconComponent===void 0?ExpandMoreIcon:_ref$IconComponent;return/*#__PURE__*/jsx("div",{className:clsx(className,classes.root),children:/*#__PURE__*/jsx(IconButton,{className:clsx(classes.expand,_defineProperty({},classes.expanded,expanded)),onClick:onExpand,children:/*#__PURE__*/jsx(IconComponent,{className:classes.IconComponent})})});}var MediaCardExpand$1 = withStyles(styles,{name:'VdtMediaCardExpand'})(MediaCardExpand);
+
+export { MediaCardExpand$1 as default };

package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthCard.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import Card from '@material-ui/core/Card';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","selected","children"];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 {root:{width:'100%',borderColor:'transparent',borderWidth:0.7,borderStyle:'solid',transition:'border-color .2s ease-out'},selected:{borderColor:theme.palette.secondary.main}};};function MediaCardFullWidthCard(_ref){var className=_ref.className,classes=_ref.classes,selected=_ref.selected,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Card,_objectSpread(_objectSpread({className:clsx(classes.root,_defineProperty({},classes.selected,selected),'VdtMediaCardFullWidthCard-root',className),elevation:2},props),{},{children:children}));}var MediaCardFullWidthCard$1 = withStyles(styles,{name:'VdtMediaCardFullWidthCard'})(MediaCardFullWidthCard);
+
+export { MediaCardFullWidthCard$1 as default };

package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthContent.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import CardContent from '@material-ui/core/CardContent';
+import { withStyles } from '@material-ui/core/styles';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+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 styles(theme){return {root:{paddingBottom:theme.spacing(1),paddingTop:theme.spacing(1),'&:last-child':{paddingBottom:theme.spacing(1)}},Typography:_objectSpread(_objectSpread({},theme.typography.body2),{},{color:theme.palette.text.secondary}),truncate:{display:'-webkit-box',WebkitBoxOrient:'vertical',overflow:'hidden'},Tooltip:{}};};function MediaCardFullWidthContent(_ref){var classes=_ref.classes,className=_ref.className,content=_ref.content,_ref$truncateContentR=_ref.truncateContentRows,truncateContentRows=_ref$truncateContentR===void 0?3:_ref$truncateContentR,_ref$TooltipProps=_ref.TooltipProps,TooltipProps=_ref$TooltipProps===void 0?{}:_ref$TooltipProps,_ref$TypographyProps=_ref.TypographyProps,TypographyProps=_ref$TypographyProps===void 0?{}:_ref$TypographyProps,_ref$enterDelay=_ref.enterDelay,enterDelay=_ref$enterDelay===void 0?500:_ref$enterDelay,_ref$component=_ref.component,component=_ref$component===void 0?'p':_ref$component;return/*#__PURE__*/jsx(CardContent,{className:clsx(className,classes.root),children:/*#__PURE__*/jsx(Tooltip,_objectSpread(_objectSpread({className:classes.Tooltip,title:content,enterDelay:enterDelay},TooltipProps),{},{children:/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({className:clsx(classes.Typography,_defineProperty({},classes.truncate,truncateContentRows)),component:component,style:{WebkitLineClamp:truncateContentRows===false?undefined:truncateContentRows}},TypographyProps),{},{children:content}))}))});}var MediaCardFullWidthContent$1 = withStyles(styles,{name:'VdtMediaCardFullWidthContent'})(MediaCardFullWidthContent);
+
+export { MediaCardFullWidthContent$1 as default };

package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthHeader.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import CardHeader from '@material-ui/core/CardHeader';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","title","titleTypographyProps","subheader","subheaderTypographyProps"];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 {root:{paddingLeft:theme.spacing(2),paddingRight:theme.spacing(2),paddingTop:theme.spacing(1),paddingBottom:theme.spacing(1),overflow:'hidden'},content:{overflow:'hidden'}};};function MediaCardFullWidthHeader(_ref){var classes=_ref.classes,className=_ref.className,title=_ref.title,_ref$titleTypographyP=_ref.titleTypographyProps,titleTypographyProps=_ref$titleTypographyP===void 0?{noWrap:true}:_ref$titleTypographyP,subheader=_ref.subheader,_ref$subheaderTypogra=_ref.subheaderTypographyProps,subheaderTypographyProps=_ref$subheaderTypogra===void 0?{noWrap:true}:_ref$subheaderTypogra,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(CardHeader,_objectSpread({className:className,title:title,titleTypographyProps:titleTypographyProps,subheader:subheader,subheaderTypographyProps:subheaderTypographyProps,classes:{root:classes.root,content:classes.content}},props));}var MediaCardFullWidthHeader$1 = withStyles(styles,{name:'MediaCardFullWidthHeader'})(MediaCardFullWidthHeader);
+
+export { MediaCardFullWidthHeader$1 as default };

package/dist/media/MediaCardFullWidth/index.js

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

package/dist/media/MediaCardHeader.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import CardHeader from '@material-ui/core/CardHeader';
+import { makeStyles } from '@material-ui/core/styles';
+import MediaCardAvatar from './MediaCardAvatar/index.js';
+import MediaCardMenu from './MediaCardMenu.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 useStyles=makeStyles({root:{paddingLeft:8,paddingRight:0,paddingTop:8,paddingBottom:8},action:{margin:0}});function MediaCardHeader(_ref){var className=_ref.className,primaryColor=_ref.primaryColor,secondaryColor=_ref.secondaryColor,title=_ref.title,_ref$titleTypographyP=_ref.titleTypographyProps,titleTypographyProps=_ref$titleTypographyP===void 0?{noWrap:true,style:{width:220}}:_ref$titleTypographyP,subheader=_ref.subheader,_ref$subheaderTypogra=_ref.subheaderTypographyProps,subheaderTypographyProps=_ref$subheaderTypogra===void 0?{noWrap:true,style:{width:220}}:_ref$subheaderTypogra,hover=_ref.hover,checked=_ref.checked,handleChecked=_ref.handleChecked,avatar=_ref.avatar,_ref$AvatarComponent=_ref.AvatarComponent,AvatarComponent=_ref$AvatarComponent===void 0?MediaCardAvatar:_ref$AvatarComponent,_ref$AvatarProps=_ref.AvatarProps,AvatarProps=_ref$AvatarProps===void 0?{}:_ref$AvatarProps,_ref$MenuComponent=_ref.MenuComponent,MenuComponent=_ref$MenuComponent===void 0?MediaCardMenu:_ref$MenuComponent,_ref$MenuProps=_ref.MenuProps,MenuProps=_ref$MenuProps===void 0?{}:_ref$MenuProps,_ref$innerProps=_ref.innerProps,innerProps=_ref$innerProps===void 0?{}:_ref$innerProps;var classes=useStyles();return/*#__PURE__*/jsx(CardHeader,{className:className,avatar:AvatarComponent&&/*#__PURE__*/jsx(AvatarComponent,_objectSpread({primaryColor:primaryColor,secondaryColor:secondaryColor,hover:hover,avatar:avatar,handleChecked:handleChecked,checked:checked,innerProps:innerProps},AvatarProps)),action:MenuComponent&&/*#__PURE__*/jsx(MenuComponent,_objectSpread({hover:hover,innerProps:innerProps,primaryColor:primaryColor,secondaryColor:secondaryColor,handleChecked:handleChecked,checked:checked},MenuProps)),title:title,titleTypographyProps:titleTypographyProps,subheader:subheader,subheaderTypographyProps:subheaderTypographyProps,classes:{root:classes.root,action:classes.action}});}
+
+export { MediaCardHeader as default };

package/dist/media/MediaCardMenu.js

@@ -0,0 +1,13 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import Avatar from '@material-ui/core/Avatar';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import { makeStyles } from '@material-ui/core/styles';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles=makeStyles({colorDefault:{color:function color(props){return props.primaryColor;},backgroundColor:'transparent'}});function MediaCardMenu(_ref){var hover=_ref.hover,primaryColor=_ref.primaryColor;var classes=useStyles({primaryColor:primaryColor});var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var handleMenuClick=function handleMenuClick(event){setAnchorEl(event.currentTarget);};var handleMenuClose=function handleMenuClose(){setAnchorEl(null);};return/*#__PURE__*/jsxs("div",{style:{visibility:hover?'visible':'hidden',transition:'visibility .2s ease-out'},children:[/*#__PURE__*/jsx(Avatar,{onClick:handleMenuClick,component:ButtonBase,disableRipple:true,classes:{colorDefault:classes.colorDefault},children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:handleMenuClose,elevation:0,PaperProps:{square:true},getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsx(MenuItem,{children:"First"}),/*#__PURE__*/jsx(MenuItem,{children:"Second"}),/*#__PURE__*/jsx(MenuItem,{children:"Third"})]})]});}
+
+export { MediaCardMenu as default };

package/dist/media/MediaCardThumbnail/MediaCardThumbnail.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import { useHoverScrub } from '@vidispine/vdt-react';
+import MediaCardDurationLabel from '../MediaCardDurationLabel.js';
+import MediaCardThumbnailLabel from '../MediaCardThumbnailLabel/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","component","image","height","width","primaryColor","onClick","labelLeftTop","LabelComponentLeftTop","LabelPropsLeftTop","labelLeftBottom","LabelComponentLeftBottom","LabelPropsLeftBottom","labelRightTop","LabelComponentRightTop","LabelPropsRightTop","labelRightBottom","LabelComponentRightBottom","LabelPropsRightBottom","innerProps","scrubOnHover","scrubOffsetProp","scrubLabelLeftMargin","ScrubLabelComponent","ScrubLabelProps"];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 {root:{},container:{position:'relative'},onClick:{cursor:'pointer'},scrubSlider:{width:'2px',height:'100%',background:'#ddd',position:'absolute',zIndex:4,top:0,opacity:0.9},scrubLabel:{width:'fit-content',backgroundColor:theme.palette.type==='dark'?theme.palette.common.white:theme.palette.common.black,color:theme.palette.type==='dark'?theme.palette.common.black:theme.palette.common.white,borderRadius:2,position:'absolute',zIndex:4,top:-12},background:{transform:'scale(1.1)',backgroundSize:'cover',backgroundRepeat:'no-repeat',backgroundPosition:'center',zIndex:1,height:'100%',width:'100%',position:'absolute'},backgroundHasImage:{filter:'blur(20px) grayscale(60%)'},img:{position:'absolute',top:'50%',left:'50%',transform:'translate(-50%, -50%)',width:'auto',height:'auto',maxWidth:'100%',maxHeight:'100%',zIndex:2},labelContainer:{position:'absolute',height:'100%',width:'100%',zIndex:3,display:'flex',flexDirection:'column',justifyContent:'space-between'},labelTop:{display:'flex',flexDirection:'row',justifyContent:'space-between'},labelBottom:{display:'flex',flexDirection:'row',justifyContent:'space-between'},labelLeftTop:{},labelRightTop:{},labelLeftBottom:{},labelRightBottom:{}};};function MediaCardThumbnail(_ref){var classes=_ref.classes,className=_ref.className,Component=_ref.component,image=_ref.image,height=_ref.height,width=_ref.width,primaryColor=_ref.primaryColor,_onClick=_ref.onClick,labelLeftTop=_ref.labelLeftTop,LabelComponentLeftTop=_ref.LabelComponentLeftTop,LabelPropsLeftTop=_ref.LabelPropsLeftTop,labelLeftBottom=_ref.labelLeftBottom,LabelComponentLeftBottom=_ref.LabelComponentLeftBottom,LabelPropsLeftBottom=_ref.LabelPropsLeftBottom,labelRightTop=_ref.labelRightTop,LabelComponentRightTop=_ref.LabelComponentRightTop,LabelPropsRightTop=_ref.LabelPropsRightTop,labelRightBottom=_ref.labelRightBottom,LabelComponentRightBottom=_ref.LabelComponentRightBottom,LabelPropsRightBottom=_ref.LabelPropsRightBottom,innerProps=_ref.innerProps,scrubOnHover=_ref.scrubOnHover,scrubOffsetProp=_ref.scrubOffsetProp,scrubLabelLeftMargin=_ref.scrubLabelLeftMargin,ScrubLabelComponent=_ref.ScrubLabelComponent,ScrubLabelProps=_ref.ScrubLabelProps,props=_objectWithoutProperties(_ref,_excluded);var _innerProps$itemType=innerProps.itemType,itemType=_innerProps$itemType===void 0?{}:_innerProps$itemType,itemId=innerProps.itemId;var _parseMetadataType=parseMetadataType(itemType.metadata,{joinValue:',',flat:true}),durationSeconds=_parseMetadataType.durationSeconds;var _itemType$thumbnails=itemType.thumbnails,thumbnails=_itemType$thumbnails===void 0?{}:_itemType$thumbnails;var _thumbnails$uri=thumbnails.uri,srcList=_thumbnails$uri===void 0?[]:_thumbnails$uri;if(image&&srcList.length===0)srcList=[image];var _useHoverScrub=useHoverScrub(srcList,scrubOffsetProp,durationSeconds),thumbnailIndex=_useHoverScrub.thumbnailIndex,thumbnailTimeCode=_useHoverScrub.thumbnailTimeCode,thumbnailWidth=_useHoverScrub.thumbnailWidth,onMouseMove=_useHoverScrub.onMouseMove,scrubPosition=_useHoverScrub.scrubPosition,handleShowScrub=_useHoverScrub.handleShowScrub,showScrub=_useHoverScrub.showScrub;var scrubPostionPrecentage=scrubPosition/thumbnailWidth*100;var scrubLabelPosition=-(scrubPostionPrecentage/100*scrubLabelLeftMargin).toFixed(0);var itemPath=thumbnailTimeCode?"".concat(itemId,"?t=").concat(thumbnailTimeCode.toSeconds().toFixed(0)):"".concat(itemId);return/*#__PURE__*/jsx(Component,_objectSpread(_objectSpread({className:clsx(classes.root,className,_defineProperty({},classes.onClick,_onClick)),onMouseEnter:scrubOnHover===true?handleShowScrub(true):undefined,onMouseLeave:scrubOnHover===true?handleShowScrub(false):undefined,onMouseMove:scrubOnHover===true?onMouseMove:undefined,onClick:function onClick(e){return _onClick(e,itemPath,thumbnailTimeCode);}},props),{},{children:/*#__PURE__*/jsxs("div",{className:classes.container,style:{height:height,width:width},children:[/*#__PURE__*/jsx("div",{className:clsx(classes.background,_defineProperty({},classes.backgroundHasImage,image)),style:{backgroundColor:image?undefined:primaryColor,backgroundImage:image?"url(".concat(image,")"):undefined}}),/*#__PURE__*/jsx("img",{className:classes.img,src:srcList[thumbnailIndex]||image,alt:""}),scrubOnHover&&/*#__PURE__*/jsx("div",{className:classes.scrubSlider,style:{left:scrubPosition,display:showScrub?'block':'none'},children:thumbnailTimeCode&&/*#__PURE__*/jsx(ScrubLabelComponent,_objectSpread({className:classes.scrubLabel,style:{left:scrubLabelPosition},label:thumbnailTimeCode.toSeconds().toFixed(0)},ScrubLabelProps))}),/*#__PURE__*/jsxs("div",{className:classes.labelContainer,children:[/*#__PURE__*/jsxs("div",{className:classes.labelTop,children:[/*#__PURE__*/jsx("div",{className:classes.labelLeftTop,children:/*#__PURE__*/jsx(LabelComponentLeftTop,_objectSpread({label:labelLeftTop,innerProps:innerProps},LabelPropsLeftTop))}),/*#__PURE__*/jsx("div",{className:classes.labelRightTop,children:/*#__PURE__*/jsx(LabelComponentRightTop,_objectSpread({label:labelRightTop,innerProps:innerProps},LabelPropsRightTop))})]}),/*#__PURE__*/jsxs("div",{className:classes.labelBottom,children:[/*#__PURE__*/jsx("div",{className:classes.labelLeftBottom,children:/*#__PURE__*/jsx(LabelComponentLeftBottom,_objectSpread({label:labelLeftBottom,innerProps:innerProps},LabelPropsLeftBottom))}),/*#__PURE__*/jsx("div",{className:classes.labelRightBottom,children:/*#__PURE__*/jsx(LabelComponentRightBottom,_objectSpread({label:labelRightBottom,innerProps:innerProps},LabelPropsRightBottom))})]})]})]})}));}MediaCardThumbnail.defaultProps={className:undefined,classes:{},component:'div',image:undefined,height:180,width:'100%',primaryColor:undefined,onClick:undefined,labelLeftTop:undefined,LabelComponentLeftTop:MediaCardThumbnailLabel,LabelPropsLeftTop:{},labelLeftBottom:undefined,LabelComponentLeftBottom:MediaCardThumbnailLabel,LabelPropsLeftBottom:{},labelRightTop:undefined,LabelComponentRightTop:MediaCardThumbnailLabel,LabelPropsRightTop:{},labelRightBottom:undefined,LabelComponentRightBottom:MediaCardThumbnailLabel,LabelPropsRightBottom:{},innerProps:{},scrubOnHover:true,scrubOffsetProp:0,scrubLabelLeftMargin:60,ScrubLabelComponent:MediaCardDurationLabel,ScrubLabelProps:{}};
+
+export { MediaCardThumbnail as default, styles };

package/dist/media/MediaCardThumbnail/index.js

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