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

package/dist/item/ItemTabs/ItemTabs.js

@@ -0,0 +1,13 @@
+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 Divider from '@material-ui/core/Divider';
+import Tab from './components/Tab.js';
+import TabPanel from './components/TabPanel.js';
+import Tabs from './components/Tabs.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","tabs","TabsProps","TabPanelProps","defaultTab"],_excluded2=["component","label","hideOnMount"];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:{}};};/* TODO: probably deprecate from vdt (move it to example-app) */function ItemTabs(_ref){_ref.classes;_ref.className;var _ref$tabs=_ref.tabs,tabs=_ref$tabs===void 0?[]:_ref$tabs,TabsProps=_ref.TabsProps,TabPanelProps=_ref.TabPanelProps,defaultTab=_ref.defaultTab,props=_objectWithoutProperties(_ref,_excluded);var _useState=useState(defaultTab),_useState2=_slicedToArray(_useState,2),currentTab=_useState2[0],setCurrentTab=_useState2[1];var onChangeTab=function onChangeTab(event,newValue){setCurrentTab(newValue);};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Tabs,_objectSpread(_objectSpread({value:currentTab,onChange:onChangeTab,variant:"scrollable",scrollButtons:"auto"},TabsProps),{},{children:tabs.map(function(_ref2,idx){var label=_ref2.label;return/*#__PURE__*/jsx(Tab,{label:label,value:idx},label);})})),/*#__PURE__*/jsx(Divider,{}),tabs.map(function(_ref3,idx){var TabComponent=_ref3.component,label=_ref3.label,_ref3$hideOnMount=_ref3.hideOnMount,hideOnMount=_ref3$hideOnMount===void 0?true:_ref3$hideOnMount,tabProps=_objectWithoutProperties(_ref3,_excluded2);return/*#__PURE__*/jsx(TabPanel,_objectSpread(_objectSpread({currentTab:currentTab,hideOnMount:hideOnMount,value:idx},TabPanelProps),{},{children:/*#__PURE__*/jsx(TabComponent,_objectSpread(_objectSpread({hidden:idx!==currentTab},props),tabProps))}),label);})]});}ItemTabs.defaultProps={className:undefined,classes:{},defaultTab:0,TabsProps:{},TabPanelProps:{},tabs:[]};
+
+export { ItemTabs as default, styles };

package/dist/item/ItemTabs/components/Tab.js

@@ -0,0 +1,7 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import Tab$1 from '@material-ui/core/Tab';
+
+var styles=function styles(theme){var _root;return {root:(_root={paddingLeft:0,minHeight:20},_defineProperty(_root,theme.breakpoints.up('sm'),{minWidth:0}),_defineProperty(_root,"borderWidth",1),_defineProperty(_root,'&:not(:first-of-type)',{marginLeft:-1}),_defineProperty(_root,"backgroundColor",'unset'),_defineProperty(_root,'&::after',{color:theme.palette.primary.main,transition:'width 0.25s ease-in-out 0.05s',borderBottom:'0.25em solid',width:0,position:'absolute',bottom:0,left:0,content:'""'}),_defineProperty(_root,'&:hover',{opacity:1,backgroundColor:'unset','&::after':{width:'calc(100% - 12px)'}}),_root),selected:{backgroundColor:'unset','&::after':{width:'calc(100% - 12px)'}}};};var Tab = withStyles(styles,{name:'VdtItemTabTab'})(Tab$1);
+
+export { Tab as default };

package/dist/item/ItemTabs/components/TabPanel.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","hideOnMount","currentTab","value"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{paddingTop:theme.spacing(1),display:function display(_ref){var value=_ref.value,currentTab=_ref.currentTab;return value!==currentTab?'none':'block';}}};};function TabPanel(_ref2){var className=_ref2.className,classes=_ref2.classes,_ref2$hideOnMount=_ref2.hideOnMount,hideOnMount=_ref2$hideOnMount===void 0?true:_ref2$hideOnMount,currentTab=_ref2.currentTab,value=_ref2.value,props=_objectWithoutProperties(_ref2,_excluded);return !hideOnMount&&value!==currentTab?null:/*#__PURE__*/jsx("div",_objectSpread({className:clsx(classes.root,className)},props));}var TabPanel$1 = withStyles(styles,{name:'VdtItemTabTabPanel'})(TabPanel);
+
+export { TabPanel$1 as default };

package/dist/item/ItemTabs/components/Tabs.js

@@ -0,0 +1,6 @@
+import { withStyles } from '@material-ui/core/styles';
+import Tabs$1 from '@material-ui/core/Tabs';
+
+var styles={root:{backgroundColor:'unset',minHeight:20},indicator:{display:'none'},scrollButtons:{backgroundColor:'unset'}};var Tabs = withStyles(styles,{name:'VdtItemTabTabs'})(Tabs$1);
+
+export { Tabs as default };

package/dist/item/ItemTabs/index.js

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

package/dist/item/ItemTimespan/ItemTimespan.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import ItemTimespanBox from './components/ItemTimespanBox.js';
+import ItemTimespanSelection from './components/ItemTimespanSelection.js';
+import useItemTimespan from './hooks/useItemTimespan.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{},ItemTimespanSelection:{marginBottom:theme.spacing(1)},ItemTimespanBox:{}};};function ItemTimespan(_ref){var className=_ref.className,classes=_ref.classes,style=_ref.style,itemId=_ref.itemId,videoEl=_ref.videoEl,_ref$sampleRate=_ref.sampleRate,sampleRate=_ref$sampleRate===void 0?'PAL':_ref$sampleRate,timespanOptions=_ref.timespanOptions,queryParams=_ref.queryParams,onError=_ref.onError,onSuccess=_ref.onSuccess,_ref$ItemTimespanSele=_ref.ItemTimespanSelectionComponent,ItemTimespanSelectionComponent=_ref$ItemTimespanSele===void 0?ItemTimespanSelection:_ref$ItemTimespanSele,_ref$ItemTimespanSele2=_ref.ItemTimespanSelectionProps,ItemTimespanSelectionProps=_ref$ItemTimespanSele2===void 0?{}:_ref$ItemTimespanSele2,_ref$ItemTimespanBoxC=_ref.ItemTimespanBoxComponent,ItemTimespanBoxComponent=_ref$ItemTimespanBoxC===void 0?ItemTimespanBox:_ref$ItemTimespanBoxC,_ref$ItemTimespanBoxP=_ref.ItemTimespanBoxProps,ItemTimespanBoxProps=_ref$ItemTimespanBoxP===void 0?{}:_ref$ItemTimespanBoxP;var _useItemTimespan=useItemTimespan({itemId:itemId,queryParams:queryParams,sampleRate:sampleRate,timespanOptions:timespanOptions}),onChangeTimespanOption=_useItemTimespan.onChangeTimespanOption,timespanOption=_useItemTimespan.timespanOption,itemType=_useItemTimespan.itemType,onRefresh=_useItemTimespan.onRefresh;var _ref2=timespanOption||{},_ref2$value=_ref2.value,timespanOptionValue=_ref2$value===void 0?{}:_ref2$value;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),style:style,children:[ItemTimespanSelectionComponent&&timespanOptions&&timespanOptions.length>1&&/*#__PURE__*/jsx(ItemTimespanSelectionComponent,_objectSpread({options:timespanOptions,value:timespanOption,handleChange:onChangeTimespanOption,className:classes.ItemTimespanSelection},ItemTimespanSelectionProps)),/*#__PURE__*/jsx(ItemTimespanBoxComponent,_objectSpread(_objectSpread({className:classes.ItemTimespanBox,videoEl:videoEl,sampleRate:sampleRate,canEdit:true,onRefresh:onRefresh,onError:onError,onSuccess:onSuccess,itemId:itemId,itemType:itemType},timespanOptionValue),ItemTimespanBoxProps))]});}
+
+export { ItemTimespan as default, styles };

package/dist/item/ItemTimespan/components/ConfidenceSlider.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import clsx from 'clsx';
+import MUISlider from '@material-ui/core/Slider';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import useConfidenceSlider from '../hooks/useConfidenceSlider.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(){return {Typography:{},Slider:{},root:{}};};function ConfidenceSlider(_ref){var className=_ref.className,classes=_ref.classes,onChange=_ref.onChange,_ref$confidenceText=_ref.confidenceText,confidenceText=_ref$confidenceText===void 0?'Confidence':_ref$confidenceText,_ref$TypographyProps=_ref.TypographyProps,TypographyProps=_ref$TypographyProps===void 0?{}:_ref$TypographyProps,_ref$SliderProps=_ref.SliderProps,SliderProps=_ref$SliderProps===void 0?{}:_ref$SliderProps;var _useConfidenceSlider=useConfidenceSlider(onChange),_useConfidenceSlider2=_slicedToArray(_useConfidenceSlider,2),confidenceValue=_useConfidenceSlider2[0],onChangeConfidenceValue=_useConfidenceSlider2[1];return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),children:[/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({className:classes.Typography,variant:"caption",gutterBottom:true},TypographyProps),{},{children:confidenceText})),/*#__PURE__*/jsx(MUISlider,_objectSpread({className:classes.Slider,defaultValue:0.9,valueLabelDisplay:"auto",step:0.01,marks:true,min:0.9,max:1,value:confidenceValue,onChange:onChangeConfidenceValue},SliderProps))]});}var ConfidenceSlider$1 = withStyles(styles,{name:'VdtConfidenceSlider'})(ConfidenceSlider);
+
+export { ConfidenceSlider$1 as default };

package/dist/item/ItemTimespan/components/EditButton.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Button from '@material-ui/core/Button';
+import { withStyles } from '@material-ui/core/styles';
+import AddCircleOutlineIcon from '@material-ui/icons/AddCircleOutline';
+import NotInterestedIcon from '@material-ui/icons/NotInterested';
+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={Button:{minWidth:0},Icon:{}};function EditButton(_ref){var className=_ref.className,classes=_ref.classes,isEditing=_ref.isEditing,_ref$CloseIcon=_ref.CloseIcon,CloseIcon=_ref$CloseIcon===void 0?NotInterestedIcon:_ref$CloseIcon,_ref$OpenIcon=_ref.OpenIcon,OpenIcon=_ref$OpenIcon===void 0?AddCircleOutlineIcon:_ref$OpenIcon,onClick=_ref.onClick,_ref$ButtonProps=_ref.ButtonProps,ButtonProps=_ref$ButtonProps===void 0?{size:'small'}:_ref$ButtonProps;var IconComponent=isEditing?CloseIcon:OpenIcon;return/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({className:clsx(classes.Button,className),onClick:onClick},ButtonProps),{},{children:/*#__PURE__*/jsx(IconComponent,{})}));}var EditButton$1 = withStyles(styles)(EditButton);
+
+export { EditButton$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanBox.js

@@ -0,0 +1,17 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Collapse from '@material-ui/core/Collapse';
+import Divider from '@material-ui/core/Divider';
+import { withStyles } from '@material-ui/core/styles';
+import useItemTimespanBox from '../hooks/useItemTimespanBox.js';
+import useItemTimespanBoxEdit from '../hooks/useItemTimespanBoxEdit.js';
+import ConfidenceSlider from './ConfidenceSlider.js';
+import EditButton from './EditButton.js';
+import ItemTimespanEdit from './ItemTimespanEdit.js';
+import ItemTimespanList from './ItemTimespanList.js';
+import ItemTimespanSearchInput from './ItemTimespanSearchInput.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{},header:{display:'flex',alignItems:'baseline',width:'100%'},ItemTimespanList:{overflowY:'scroll',height:"calc(100% - ".concat(theme.spacing(6),"px)"),maxHeight:1080/2,'&::-webkit-scrollbar':{WebkitAppearance:'none'},'&::-webkit-scrollbar:vertical':{width:11},'&::-webkit-scrollbar-thumb':{borderStyle:'solid',borderWidth:2,borderColor:theme.palette.common.white,backgroundColor:'rgba(0, 0, 0, 0.5)'}},EditButton:{},ConfidenceSlider:{alignSelf:'center',flexGrow:0.5,marginLeft:5,marginRight:5},ItemTimespanFilter:{flexGrow:1,paddingLeft:theme.spacing(1),paddingRight:theme.spacing(1)},ItemTimespanEdit:{},Collapse:{},Divider:{}};};function ItemTimespanBox(_ref){var className=_ref.className,classes=_ref.classes,style=_ref.style,itemId=_ref.itemId,itemType=_ref.itemType,onRefresh=_ref.onRefresh,onError=_ref.onError,onSuccess=_ref.onSuccess,_ref$videoEl=_ref.videoEl,videoEl=_ref$videoEl===void 0?{}:_ref$videoEl,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField,aduGroup=_ref.aduGroup,aduValue=_ref.aduValue,aduConfidence=_ref.aduConfidence,_ref$sampleRate=_ref.sampleRate,sampleRate=_ref$sampleRate===void 0?'PAL':_ref$sampleRate,_ref$canEdit=_ref.canEdit,canEdit=_ref$canEdit===void 0?true:_ref$canEdit,_ref$ConfidenceSlider=_ref.ConfidenceSliderComponent,ConfidenceSliderComponent=_ref$ConfidenceSlider===void 0?ConfidenceSlider:_ref$ConfidenceSlider,_ref$ConfidenceSlider2=_ref.ConfidenceSliderProps,ConfidenceSliderProps=_ref$ConfidenceSlider2===void 0?{}:_ref$ConfidenceSlider2,_ref$EditButtonCompon=_ref.EditButtonComponent,EditButtonComponent=_ref$EditButtonCompon===void 0?EditButton:_ref$EditButtonCompon,_ref$EditButtonProps=_ref.EditButtonProps,EditButtonProps=_ref$EditButtonProps===void 0?{}:_ref$EditButtonProps,_ref$ItemTimespanSear=_ref.ItemTimespanSearchInputComponent,ItemTimespanSearchInputComponent=_ref$ItemTimespanSear===void 0?ItemTimespanSearchInput:_ref$ItemTimespanSear,_ref$ItemTimespanSear2=_ref.ItemTimespanSearchInputProps,ItemTimespanSearchInputProps=_ref$ItemTimespanSear2===void 0?{}:_ref$ItemTimespanSear2,_ref$ItemTimespanEdit=_ref.ItemTimespanEditComponent,ItemTimespanEditComponent=_ref$ItemTimespanEdit===void 0?ItemTimespanEdit:_ref$ItemTimespanEdit,_ref$ItemTimespanEdit2=_ref.ItemTimespanEditProps,ItemTimespanEditProps=_ref$ItemTimespanEdit2===void 0?{}:_ref$ItemTimespanEdit2,_ref$ItemTimespanList=_ref.ItemTimespanListComponent,ItemTimespanListComponent=_ref$ItemTimespanList===void 0?ItemTimespanList:_ref$ItemTimespanList,_ref$ItemTimespanList2=_ref.ItemTimespanListProps,ItemTimespanListProps=_ref$ItemTimespanList2===void 0?{}:_ref$ItemTimespanList2;var _useItemTimespanBox=useItemTimespanBox({itemType:itemType,videoEl:videoEl,onRefresh:onRefresh,field:subtitleField,fieldGroup:subtitleGroup,aduGroup:aduGroup,aduValue:aduValue,aduConfidence:aduConfidence}),video=_useItemTimespanBox.video,setFilterText=_useItemTimespanBox.setFilterText,setFilterConfidence=_useItemTimespanBox.setFilterConfidence,timespanList=_useItemTimespanBox.timespanList;var _useItemTimespanBoxEd=useItemTimespanBoxEdit({onRefresh:onRefresh,onSuccess:onSuccess}),isEditing=_useItemTimespanBoxEd.isEditing,onCancelEdit=_useItemTimespanBoxEd.onCancel,onToggleEdit=_useItemTimespanBoxEd.onToggle,onOpenEdit=_useItemTimespanBoxEd.onOpen,onSuccessEdit=_useItemTimespanBoxEd.onSuccess,initialValues=_useItemTimespanBoxEd.initialValues;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),style:style,children:[/*#__PURE__*/jsxs("div",{className:classes.header,children:[ItemTimespanSearchInputComponent&&/*#__PURE__*/jsx(ItemTimespanSearchInputComponent,_objectSpread({className:classes.ItemTimespanFilter,onChange:setFilterText},ItemTimespanSearchInputProps)),ConfidenceSliderComponent&&aduGroup&&/*#__PURE__*/jsx(ConfidenceSliderComponent,_objectSpread({className:classes.ConfidenceSlider,onChange:setFilterConfidence},ConfidenceSliderProps)),EditButtonComponent&&canEdit&&/*#__PURE__*/jsx(EditButtonComponent,_objectSpread({className:classes.EditButton,onClick:onToggleEdit,isEditing:isEditing},EditButtonProps))]}),/*#__PURE__*/jsxs(Collapse,{"in":isEditing,className:classes.Collapse,children:[/*#__PURE__*/jsx(Divider,{className:classes.Divider}),ItemTimespanEditComponent&&canEdit&&isEditing&&/*#__PURE__*/jsx(ItemTimespanEditComponent,_objectSpread({className:classes.ItemTimespanEdit,video:video,onSuccess:onSuccessEdit,onError:onError,onCancel:onCancelEdit,initialValues:initialValues,itemId:itemId,sampleRate:sampleRate,subtitleGroup:subtitleGroup,subtitleField:subtitleField,aduGroup:aduGroup,aduValue:aduValue},ItemTimespanEditProps)),/*#__PURE__*/jsx(Divider,{})]}),/*#__PURE__*/jsx(ItemTimespanListComponent,_objectSpread({className:classes.ItemTimespanList,timespanList:timespanList,video:video,onEdit:onOpenEdit,canEdit:canEdit,subtitleGroup:subtitleGroup,subtitleField:subtitleField,sampleRate:sampleRate,aduGroup:aduGroup,aduValue:aduValue,aduConfidence:aduConfidence},ItemTimespanListProps))]});}var ItemTimespanBox$1 = withStyles(styles,{name:'VdtItemTimespanBox'})(ItemTimespanBox);
+
+export { ItemTimespanBox$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanEdit.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import { Form } from 'react-final-form';
+import { withStyles } from '@material-ui/core/styles';
+import useItemTimespanEdit from '../hooks/useItemTimespanEdit.js';
+import ItemTimespanForm from './ItemTimespanForm.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","itemId","sampleRate","onSuccess","onError","onCancel","video","initialValues","subtitleGroup","subtitleField","aduGroup","aduValue","sameAsStartText","laterThanEndText","FormComponent"];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={Form:{}};function ItemTimespanEdit(_ref){var className=_ref.className,classes=_ref.classes,itemId=_ref.itemId,_ref$sampleRate=_ref.sampleRate,sampleRate=_ref$sampleRate===void 0?'PAL':_ref$sampleRate,onSuccess=_ref.onSuccess,onError=_ref.onError,onCancel=_ref.onCancel,video=_ref.video,_ref$initialValues=_ref.initialValues,initialValuesProps=_ref$initialValues===void 0?{}:_ref$initialValues,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField,aduGroup=_ref.aduGroup,aduValue=_ref.aduValue,_ref$sameAsStartText=_ref.sameAsStartText,sameAsStartText=_ref$sameAsStartText===void 0?'Same as start':_ref$sameAsStartText,_ref$laterThanEndText=_ref.laterThanEndText,laterThanEndText=_ref$laterThanEndText===void 0?'Later than end':_ref$laterThanEndText,_ref$FormComponent=_ref.FormComponent,FormComponent=_ref$FormComponent===void 0?ItemTimespanForm:_ref$FormComponent,props=_objectWithoutProperties(_ref,_excluded);var _useItemTimespanEdit=useItemTimespanEdit(_objectSpread({itemId:itemId,video:video,sampleRate:sampleRate,onSuccess:onSuccess,onError:onError,sameAsStartText:sameAsStartText,laterThanEndText:laterThanEndText},initialValuesProps)),onSubmit=_useItemTimespanEdit.onSubmit,onDelete=_useItemTimespanEdit.onDelete,metadataUuid=_useItemTimespanEdit.metadataUuid,initialValues=_useItemTimespanEdit.initialValues,timespan=_useItemTimespanEdit.timespan;return/*#__PURE__*/jsx(Form,_objectSpread({className:clsx(classes.Form,className),onSubmit:onSubmit,initialValues:initialValues,component:FormComponent,onCancel:onCancel,onDelete:onDelete,metadataUuid:metadataUuid,subtitleGroup:subtitleGroup,subtitleField:subtitleField,aduGroup:aduGroup,aduValue:aduValue,timespan:timespan},props));}var ItemTimespanEdit$1 = withStyles(styles,{name:'VdtItemTimespanEdit'})(ItemTimespanEdit);
+
+export { ItemTimespanEdit$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanForm.js

@@ -0,0 +1,10 @@
+import { Field } from 'react-final-form';
+import Button from '@material-ui/core/Button';
+import Grid from '@material-ui/core/Grid';
+import { withStyles } from '@material-ui/core/styles';
+import TextField from '../../../fields/TextField.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var isSmpte=function isSmpte(){var value=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';var expression=/(^(?:(?:[0-1][0-9]|[0-2][0-3]):)(?:[0-5][0-9]:){2}(?:[0-2][0-9])$)/gi;var regex=new RegExp(expression);var matches=value.match(regex);return matches?undefined:'Invalid Timecode';};var parseSmpte=function parseSmpte(value){if(!value)return value;if(value.length>=11)return value.slice(0,11);if(value.endsWith(':'))return value;if(value.split(':').length===4)return value;var onlyNums=value.replace(/[^\d|]/g,'');if(!onlyNums)return '';if(onlyNums.length<=8)return onlyNums.match(/.{1,2}/g).join(':');return value.slice(0,11);};function ItemTimespanForm(_ref){var handleSubmit=_ref.handleSubmit,valid=_ref.valid,onCancel=_ref.onCancel,onDelete=_ref.onDelete,metadataUuid=_ref.metadataUuid,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField,_ref$startText=_ref.startText,startText=_ref$startText===void 0?'Start':_ref$startText,_ref$endText=_ref.endText,endText=_ref$endText===void 0?'End':_ref$endText,_ref$textText=_ref.textText,textText=_ref$textText===void 0?'Text':_ref$textText,_ref$requiredText=_ref.requiredText,requiredText=_ref$requiredText===void 0?'Required':_ref$requiredText,_ref$saveText=_ref.saveText,saveText=_ref$saveText===void 0?'Save':_ref$saveText,_ref$deleteText=_ref.deleteText,deleteText=_ref$deleteText===void 0?'Delete':_ref$deleteText,_ref$cancelText=_ref.cancelText,cancelText=_ref$cancelText===void 0?'Cancel':_ref$cancelText;return/*#__PURE__*/jsx("form",{onSubmit:handleSubmit,children:/*#__PURE__*/jsxs(Grid,{container:true,justifyContent:"space-between",children:[/*#__PURE__*/jsxs(Grid,{item:true,xs:2,children:[/*#__PURE__*/jsx(Field,{name:"startSmpte",component:TextField,type:"text",label:startText,variant:"outlined",fullWidth:true,margin:"dense",validate:isSmpte,parse:parseSmpte}),/*#__PURE__*/jsx(Field,{component:TextField,name:"endSmpte",label:endText,variant:"outlined",fullWidth:true,margin:"dense",validate:isSmpte,parse:parseSmpte})]}),/*#__PURE__*/jsx(Grid,{item:true,xs:8,children:/*#__PURE__*/jsx(Field,{component:TextField,name:"".concat(subtitleGroup,".").concat(subtitleField),label:textText,variant:"outlined",fullWidth:true,margin:"dense",multiline:true,rows:6,validate:function validate(value){return value?undefined:requiredText;}})}),/*#__PURE__*/jsx(Grid,{item:true,children:/*#__PURE__*/jsxs(Grid,{container:true,direction:"column",justifyContent:"space-around",style:{height:'100%'},children:[/*#__PURE__*/jsx(Button,{variant:"outlined",color:"primary",type:"submit",disabled:!valid,children:saveText}),metadataUuid&&/*#__PURE__*/jsx(Button,{variant:"outlined",color:"secondary",onClick:onDelete,children:deleteText}),/*#__PURE__*/jsx(Button,{variant:"outlined",onClick:onCancel,children:cancelText})]})})]})});}var ItemTimespanForm$1 = withStyles({},{name:'VdtItemTimespanForm'})(ItemTimespanForm);
+
+export { ItemTimespanForm$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanInterval.js

@@ -0,0 +1,17 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Box from '@material-ui/core/Box';
+import Button from '@material-ui/core/Button';
+import Chip from '@material-ui/core/Chip';
+import Grid from '@material-ui/core/Grid';
+import { withStyles } from '@material-ui/core/styles';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import EditIcon from '@material-ui/icons/Edit';
+import useItemTimespanInterval from '../hooks/useItemTimespanInterval.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var styles=function styles(theme){return {root:{transition:'background-color 0.3s ease-out','&:hover':{backgroundColor:theme.palette.type==='light'?'rgba(0, 0, 0, 0.1)':'rgba(0, 0, 0, 0.2)'},'&:hover $actions':{visibility:'visible'},minHeight:50,paddingTop:theme.spacing(1),paddingBottom:theme.spacing(1),paddingLeft:theme.spacing(1),paddingRight:theme.spacing(2)},seek:{cursor:'pointer'},actions:{visibility:'hidden'},active:{backgroundColor:theme.palette.type==='light'?'rgba(0, 0, 0, 0.2)':'rgba(0, 0, 0, 0.3)','&:hover':{backgroundColor:theme.palette.type==='light'?'rgba(0, 0, 0, 0.3)':'rgba(0, 0, 0, 0.4)'}},chip:{margin:theme.spacing(0.5)},actionButton:{minWidth:0}};};function ItemTimespanInterval(_ref){var _clsx;var className=_ref.className,classes=_ref.classes,_ref$canEdit=_ref.canEdit,canEdit=_ref$canEdit===void 0?true:_ref$canEdit,timespan=_ref.timespan,handleOnSeek=_ref.onSeek,handleOnEdit=_ref.onEdit,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField,_ref$isActive=_ref.isActive,isActive=_ref$isActive===void 0?false:_ref$isActive,aduGroup=_ref.aduGroup,aduValue=_ref.aduValue,aduConfidence=_ref.aduConfidence;var _useItemTimespanInter=useItemTimespanInterval({timespan:timespan,subtitleGroup:subtitleGroup,subtitleField:subtitleField,handleOnSeek:handleOnSeek,handleOnEdit:handleOnEdit,isActive:isActive,aduGroup:aduGroup,aduValue:aduValue,aduConfidence:aduConfidence}),ref=_useItemTimespanInter.ref,start=_useItemTimespanInter.start,end=_useItemTimespanInter.end,duration=_useItemTimespanInter.duration,text=_useItemTimespanInter.text,aduList=_useItemTimespanInter.aduList,onSeek=_useItemTimespanInter.onSeek,onEdit=_useItemTimespanInter.onEdit;var hasAduValue=aduList&&aduList.length>0;return/*#__PURE__*/ (// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+jsx("div",{className:clsx(classes.root,(_clsx={},_defineProperty(_clsx,classes.active,isActive),_defineProperty(_clsx,classes.seek,onSeek!==undefined),_clsx),className),onClick:onSeek,ref:ref,children:/*#__PURE__*/jsxs(Grid,{container:true,alignItems:"flex-start",wrap:"nowrap",children:[/*#__PURE__*/jsx(Grid,{item:true,children:/*#__PURE__*/jsxs(Grid,{container:true,direction:"column",children:[/*#__PURE__*/jsx(Typography,{variant:"caption",children:start.toSmpte()}),/*#__PURE__*/jsx(Typography,{variant:"caption",children:end.toSmpte()})]})}),/*#__PURE__*/jsx(Grid,{item:true,style:{flexGrow:1},children:/*#__PURE__*/jsx(Box,{px:2,children:hasAduValue?aduList.map(function(_ref2){var value=_ref2.value,confidence=_ref2.confidence;return/*#__PURE__*/jsx(Tooltip,{title:confidence,placement:"top",arrow:true,children:/*#__PURE__*/jsx(Chip,{label:value,variant:"outlined",size:"small",className:classes.chip})},value);}):/*#__PURE__*/jsx(Typography,{variant:"subtitle2",children:text})})}),/*#__PURE__*/jsx(Grid,{item:true,children:/*#__PURE__*/jsxs(Grid,{container:true,direction:"column",children:[/*#__PURE__*/jsx(Typography,{variant:"caption",children:duration.toDuration()}),/*#__PURE__*/jsx(Grid,{container:true,direction:"row",wrap:"nowrap",className:classes.actions,children:canEdit&&!hasAduValue&&onEdit&&/*#__PURE__*/jsx(Button,{onClick:onEdit,size:"small",className:classes.actionButton,children:/*#__PURE__*/jsx(EditIcon,{})})})]})})]})}));}var ItemTimespanInterval$1 = withStyles(styles,{name:'VdtItemTimespanInterval'})(ItemTimespanInterval);
+
+export { ItemTimespanInterval$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanList.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Divider from '@material-ui/core/Divider';
+import { withStyles } from '@material-ui/core/styles';
+import useItemTimespanList from '../hooks/useItemTimespanList.js';
+import ItemTimespanInterval from './ItemTimespanInterval.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 styles={root:{},ItemTimespanIntervalContainer:{},ItemTimespanInterval:{},Divider:{}};function ItemTimespanList(_ref){var classes=_ref.classes,className=_ref.className,_ref$canEdit=_ref.canEdit,canEdit=_ref$canEdit===void 0?true:_ref$canEdit,timespanList=_ref.timespanList,onEdit=_ref.onEdit,video=_ref.video,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField,_ref$sampleRate=_ref.sampleRate,sampleRate=_ref$sampleRate===void 0?'PAL':_ref$sampleRate,aduGroup=_ref.aduGroup,aduValue=_ref.aduValue,aduConfidence=_ref.aduConfidence,_ref$ItemTimespanInte=_ref.ItemTimespanIntervalCompoent,ItemTimespanIntervalCompoent=_ref$ItemTimespanInte===void 0?ItemTimespanInterval:_ref$ItemTimespanInte,_ref$ItemTimespanInte2=_ref.ItemTimespanIntervalProps,ItemTimespanIntervalProps=_ref$ItemTimespanInte2===void 0?{}:_ref$ItemTimespanInte2;var _useItemTimespanList=useItemTimespanList({video:video,timespanList:timespanList}),onSeek=_useItemTimespanList.onSeek,activeTimespanIndex=_useItemTimespanList.activeTimespanIndex;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:timespanList.map(function(timespan,index){return/*#__PURE__*/jsxs("div",{className:classes.ItemTimespanIntervalContainer,children:[/*#__PURE__*/jsx(ItemTimespanIntervalCompoent,_objectSpread({className:classes.ItemTimespanInterval,timespan:timespan,onSeek:video?onSeek:undefined,canEdit:canEdit,onEdit:onEdit,isActive:activeTimespanIndex===index,subtitleGroup:subtitleGroup,subtitleField:subtitleField,sampleRate:sampleRate,aduGroup:aduGroup,aduValue:aduValue,aduConfidence:aduConfidence},ItemTimespanIntervalProps)),/*#__PURE__*/jsx(Divider,{className:classes.Divider})]},[timespan.start,timespan.end].join());})});}var ItemTimespanList$1 = withStyles(styles,{name:'VdtItemTimespanList'})(ItemTimespanList);
+
+export { ItemTimespanList$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanSearchInput.js

@@ -0,0 +1,16 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useRef, useState } from 'react';
+import clsx from 'clsx';
+import Button from '@material-ui/core/Button';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import { withStyles } from '@material-ui/core/styles';
+import TextField from '@material-ui/core/TextField';
+import CloseIcon from '@material-ui/icons/Close';
+import SearchIcon from '@material-ui/icons/Search';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","onChange","searchText","SearchIconComponent","CloseIconComponent","inputRef"];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 {TextField:{'& .MuiInputLabel-marginDense':{left:'unset'}},InputAdornment:{},Button:{minWidth:0},SearchIconComponent:{},CloseIconComponent:{}};};function ItemTimespanSearchInput(_ref){var className=_ref.className,classes=_ref.classes,onChange=_ref.onChange,_ref$searchText=_ref.searchText,searchText=_ref$searchText===void 0?'Search':_ref$searchText,_ref$SearchIconCompon=_ref.SearchIconComponent,SearchIconComponent=_ref$SearchIconCompon===void 0?SearchIcon:_ref$SearchIconCompon,_ref$CloseIconCompone=_ref.CloseIconComponent,CloseIconComponent=_ref$CloseIconCompone===void 0?CloseIcon:_ref$CloseIconCompone,propsInputRef=_ref.inputRef,props=_objectWithoutProperties(_ref,_excluded);var defaultInputRef=useRef();var inputRef=propsInputRef||defaultInputRef;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),hasValue=_useState2[0],setHasValue=_useState2[1];var handleChange=function handleChange(event){var _event$target;var newValue=event===null||event===void 0?void 0:(_event$target=event.target)===null||_event$target===void 0?void 0:_event$target.value;onChange(event.target.value);setHasValue(function(){return Boolean(newValue);});};var handleClear=function handleClear(){onChange('');inputRef.current.value='';setHasValue(false);};return/*#__PURE__*/jsx(TextField,_objectSpread({className:clsx(classes.TextField,className),inputRef:inputRef,label:searchText,variant:"outlined",onChange:handleChange,fullWidth:true,margin:"dense",color:"primary",InputProps:{startAdornment:/*#__PURE__*/jsx(InputAdornment,{className:classes.InputAdornment,position:"start",children:/*#__PURE__*/jsx(SearchIconComponent,{className:classes.SearchIconComponent})}),endAdornment:hasValue?/*#__PURE__*/jsx(InputAdornment,{className:classes.InputAdornment,position:"end",children:/*#__PURE__*/jsx(Button,{className:classes.Button,onClick:handleClear,size:"small",children:/*#__PURE__*/jsx(CloseIconComponent,{className:classes.CloseIconComponent})})}):undefined}},props));}var ItemTimespanSearchInput$1 = withStyles(styles,{name:'VdtItemTimespanSearchInput'})(ItemTimespanSearchInput);
+
+export { ItemTimespanSearchInput$1 as default };

package/dist/item/ItemTimespan/components/ItemTimespanSelection.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import FormControl from '@material-ui/core/FormControl';
+import InputLabel from '@material-ui/core/InputLabel';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles={FormControl:{},InputLabel:{},Select:{},MenuItem:{}};function ItemTimespanSelection(_ref){var className=_ref.className,_ref$classes=_ref.classes,classes=_ref$classes===void 0?{}:_ref$classes,currentValue=_ref.value,handleChange=_ref.handleChange,options=_ref.options,_ref$eventTypeText=_ref.eventTypeText,eventTypeText=_ref$eventTypeText===void 0?'Event Type':_ref$eventTypeText,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{variant:'standard',fullWidth:true}:_ref$FormControlProps;return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({className:clsx(classes.FormControl,className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(InputLabel,{className:classes.InputLabel,children:eventTypeText}),/*#__PURE__*/jsx(Select,{className:classes.Select,value:currentValue,onChange:handleChange,children:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,{className:classes.MenuItem,value:option,children:option.label},option.label);})})]}));}var ItemTimespanSelection$1 = withStyles(styles,{name:'VdtItemTimespanSelection'})(ItemTimespanSelection);
+
+export { ItemTimespanSelection$1 as default };

package/dist/item/ItemTimespan/hooks/useConfidenceSlider.js

@@ -0,0 +1,8 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useCallback, useState } from 'react';
+import debounce from 'lodash.debounce';
+
+var useConfidenceSlider=function useConfidenceSlider(onChange){// eslint-disable-next-line react-hooks/exhaustive-deps
+var debouncedOnChange=useCallback(debounce(onChange,500),[onChange]);var _useState=useState(0.5),_useState2=_slicedToArray(_useState,2),confidenceValue=_useState2[0],setConfidenceValue=_useState2[1];var onChangeConfidenceValue=function onChangeConfidenceValue(event,newValue){setConfidenceValue(newValue);debouncedOnChange(newValue);};return [confidenceValue,onChangeConfidenceValue];};var useConfidenceSlider$1 = useConfidenceSlider;
+
+export { useConfidenceSlider$1 as default };

package/dist/item/ItemTimespan/hooks/useItemTimespan.js

@@ -0,0 +1,9 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { useGetItem } from '@vidispine/vdt-react';
+
+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 useItemTimespan=function useItemTimespan(_ref){var itemId=_ref.itemId,_ref$sampleRate=_ref.sampleRate,sampleRate=_ref$sampleRate===void 0?'PAL':_ref$sampleRate,_ref$timespanOptions=_ref.timespanOptions,timespanOptions=_ref$timespanOptions===void 0?[{}]:_ref$timespanOptions,propsQueryParams=_ref.queryParams;var _useState=useState(timespanOptions[0]),_useState2=_slicedToArray(_useState,2),timespanOption=_useState2[0],setTimespanOption=_useState2[1];var _timespanOption$value=timespanOption.value;_timespanOption$value=_timespanOption$value===void 0?{}:_timespanOption$value;var _timespanOption$value2=_timespanOption$value.subtitleGroup,subtitleGroup=_timespanOption$value2===void 0?'stl_subtitle':_timespanOption$value2,_timespanOption$value3=_timespanOption$value.subtitleField,subtitleField=_timespanOption$value3===void 0?'stl_text':_timespanOption$value3,aduGroup=_timespanOption$value.aduGroup,aduValue=_timespanOption$value.aduValue,aduConfidence=_timespanOption$value.aduConfidence;var queryParams=_objectSpread({content:'metadata',group:Array.isArray(subtitleGroup)?[].concat(_toConsumableArray(subtitleGroup),[aduGroup]):[subtitleGroup,aduGroup],field:Array.isArray(subtitleField)?[].concat(_toConsumableArray(subtitleField),[aduValue,aduConfidence]):[subtitleField,aduValue,aduConfidence],sampleRate:sampleRate},propsQueryParams);var _useGetItem=useGetItem({itemId:itemId,queryParams:queryParams}),itemType=_useGetItem.itemType,isLoading=_useGetItem.isLoading,isError=_useGetItem.isError,onRefresh=_useGetItem.onRefresh;var onChangeTimespanOption=function onChangeTimespanOption(event){return setTimespanOption(event.target.value);};return {itemType:itemType,isLoading:isLoading,isError:isError,onRefresh:onRefresh,onChangeTimespanOption:onChangeTimespanOption,timespanOption:timespanOption};};var useItemTimespan$1 = useItemTimespan;
+
+export { useItemTimespan$1 as default };

package/dist/item/ItemTimespan/hooks/useItemTimespanBox.js

@@ -0,0 +1,8 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useMemo } from 'react';
+import filterTimespanList from '../utils/filterTimespanList.js';
+import parseTimespanList from '../utils/parseTimespanList.js';
+
+var useItemTimespanBox=function useItemTimespanBox(_ref){var itemType=_ref.itemType,videoEl=_ref.videoEl,field=_ref.field,fieldGroup=_ref.fieldGroup,aduGroup=_ref.aduGroup,aduValue=_ref.aduValue,aduConfidence=_ref.aduConfidence;var video;if(videoEl.current)video=videoEl.current.player.videoEl;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),filterText=_useState2[0],setFilterText=_useState2[1];var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),filterConfidence=_useState4[0],setFilterConfidence=_useState4[1];var parsedTimespans=useMemo(function(){return parseTimespanList({itemType:itemType});},[itemType]);var timespanList=useMemo(function(){return filterTimespanList({filterText:filterText,filterConfidence:filterConfidence,parsedTimespans:parsedTimespans,field:field,fieldGroup:fieldGroup,aduGroup:aduGroup,aduValue:aduValue,aduConfidence:aduConfidence});},[filterText,filterConfidence,parsedTimespans,field,fieldGroup,aduGroup,aduValue,aduConfidence]);return {video:video,setFilterText:setFilterText,filterText:filterText,setFilterConfidence:setFilterConfidence,timespanList:timespanList};};var useItemTimespanBox$1 = useItemTimespanBox;
+
+export { useItemTimespanBox$1 as default };

package/dist/item/ItemTimespan/hooks/useItemTimespanBoxEdit.js

@@ -0,0 +1,6 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback } from 'react';
+
+var useItemTimespanBoxEdit=function useItemTimespanBoxEdit(_ref){var onRefresh=_ref.onRefresh;var _useState=useState(),_useState2=_slicedToArray(_useState,2),initialValues=_useState2[0],setinitialValues=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isEditing=_useState4[0],setIsEditing=_useState4[1];var onOpen=useCallback(function(props){return function(){setinitialValues(props);setIsEditing(true);};},[]);var onSuccess=useCallback(function(){setIsEditing(false);setinitialValues();onRefresh();},[onRefresh]);var onCancel=useCallback(function(){setIsEditing(false);setinitialValues();},[]);var onToggle=isEditing?onCancel:onOpen;return {isEditing:isEditing,onOpen:onOpen,onCancel:onCancel,onSuccess:onSuccess,initialValues:initialValues,onToggle:onToggle};};var useItemTimespanBoxEdit$1 = useItemTimespanBoxEdit;
+
+export { useItemTimespanBoxEdit$1 as default };

package/dist/item/ItemTimespan/hooks/useItemTimespanEdit.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { item, metadata } from '@vidispine/vdt-api';
+import { createTimeBase, formatTimeCodeSeconds, formatTimeCodeSmpte, createMetadataType } from '@vidispine/vdt-js';
+
+var _excluded=["itemId","video","sampleRate","onSuccess","onError","sameAsStartText","laterThanEndText"],_excluded2=["startText","endText","uuid","timespan"],_excluded3=["startSmpte","endSmpte"];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 useItemTimespanEdit(_ref){var itemId=_ref.itemId,video=_ref.video,sampleRate=_ref.sampleRate,onSuccess=_ref.onSuccess,onError=_ref.onError,sameAsStartText=_ref.sameAsStartText,laterThanEndText=_ref.laterThanEndText,props=_objectWithoutProperties(_ref,_excluded);var initialStart=props.startText,initialEnd=props.endText,metadataUuid=props.uuid,timespan=props.timespan,initialValues=_objectWithoutProperties(props,_excluded2);if(video&&!initialValues.startSmpte&&!initialValues.endSmpte){var _video$currentTime=video.currentTime,currentTime=_video$currentTime===void 0?0:_video$currentTime;var timeBase=createTimeBase(sampleRate);var currentSmpte=formatTimeCodeSeconds(currentTime,{timeBase:timeBase}).toSmpte();initialValues.startSmpte=currentSmpte;initialValues.endSmpte=currentSmpte;}var onSubmit=function onSubmit(values,form){try{var _form$getState=form.getState(),_form$getState$dirtyF=_form$getState.dirtyFields,dirtyFields=_form$getState$dirtyF===void 0?{}:_form$getState$dirtyF;var hasChangedStart=dirtyFields.startSmpte,hasChangedEnd=dirtyFields.endSmpte;var startSmpte=values.startSmpte,endSmpte=values.endSmpte,fieldsGroups=_objectWithoutProperties(values,_excluded3);var startNum=parseInt(startSmpte.replace(/[^\d|]/g,''),10);var endNum=parseInt(endSmpte.replace(/[^\d|]/g,''),10);if(startNum>endNum){return {startSmpte:laterThanEndText};}if(startNum===endNum){return {endSmpte:sameAsStartText};}var start=hasChangedStart||!initialStart?formatTimeCodeSmpte(startSmpte,{timeBase:sampleRate}).toText():initialStart;var end=hasChangedEnd||!initialEnd?formatTimeCodeSmpte(endSmpte,{timeBase:sampleRate}).toText():initialEnd;var metadataDocument=createMetadataType(_objectSpread({start:start,end:end},fieldsGroups));if(metadataUuid&&(hasChangedStart||hasChangedEnd)){return item.updateItemMetadata({itemId:itemId,metadataDocument:metadataDocument}).then(function(){return metadata.removeMetadata({metadataUuid:metadataUuid});}).then(onSuccess)["catch"](onError);}return item.updateItemMetadata({itemId:itemId,metadataDocument:metadataDocument}).then(onSuccess)["catch"](onError);}catch(error){return onError(error);}};var onDelete=function onDelete(){return metadata.removeMetadata({metadataUuid:metadataUuid}).then(onSuccess)["catch"](onError);};return {onSubmit:onSubmit,onDelete:onDelete,metadataUuid:metadataUuid,initialValues:initialValues,timespan:timespan};}
+
+export { useItemTimespanEdit as default };

package/dist/item/ItemTimespan/hooks/useItemTimespanInterval.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo, useEffect, createRef } from 'react';
+import { formatTimeCodeText, formatTimeCodeType } from '@vidispine/vdt-js';
+
+var filterMetadataValueList=function filterMetadataValueList(fieldGroup,fieldName){if(Array.isArray(fieldName))return Object.fromEntries(Object.entries(fieldGroup).filter(function(_ref){var _ref2=_slicedToArray(_ref,1),key=_ref2[0];return fieldName.includes(key);}));return fieldGroup[fieldName];};var useItemTimespanInterval=function useItemTimespanInterval(_ref3){var timespan=_ref3.timespan,subtitleGroup=_ref3.subtitleGroup,subtitleField=_ref3.subtitleField,aduGroup=_ref3.aduGroup,aduValue=_ref3.aduValue,aduConfidence=_ref3.aduConfidence,isActive=_ref3.isActive,_ref3$handleOnSeek=_ref3.handleOnSeek,handleOnSeek=_ref3$handleOnSeek===void 0?function(){return undefined;}:_ref3$handleOnSeek,_ref3$handleOnEdit=_ref3.handleOnEdit,handleOnEdit=_ref3$handleOnEdit===void 0?function(){return undefined;}:_ref3$handleOnEdit;var ref=/*#__PURE__*/createRef();var _useMemo=useMemo(function(){var startText=timespan.start,endText=timespan.end;var startTimeCode=formatTimeCodeText(startText);var endTimeCode=formatTimeCodeText(endText);var durationSamples=endTimeCode.samples-startTimeCode.samples;var timeCodeType={samples:durationSamples,timeBase:endTimeCode.timeBase};var _timespan$group=timespan.group,subtitleGroupList=_timespan$group===void 0?[]:_timespan$group;var metadataFieldGroup=subtitleGroupList.find(function(_ref4){var name=_ref4.name;return name===subtitleGroup;})||{};var _metadataFieldGroup$g=metadataFieldGroup.group,aduGroupList=_metadataFieldGroup$g===void 0?[]:_metadataFieldGroup$g,uuid=metadataFieldGroup.uuid;return {start:startTimeCode,end:endTimeCode,duration:formatTimeCodeType(timeCodeType),text:metadataFieldGroup[subtitleField],metadataFieldValue:filterMetadataValueList(metadataFieldGroup,subtitleField),aduList:aduGroupList.filter(function(_ref5){var name=_ref5.name;return name===aduGroup;}).map(function(_ref6){var value=_ref6[aduValue],c=_ref6[aduConfidence];return {confidence:Number(c),value:value};}),onSeek:handleOnSeek(startTimeCode.toSeconds()),onEdit:handleOnEdit(_defineProperty({timespan:timespan,startText:startTimeCode.toText(),endText:endTimeCode.toText(),startSmpte:startTimeCode.toSmpte(),endSmpte:endTimeCode.toSmpte(),uuid:uuid},subtitleGroup,_defineProperty({},subtitleField,metadataFieldGroup[subtitleField])))};},[timespan,subtitleField,handleOnSeek,handleOnEdit,subtitleGroup,aduGroup,aduValue,aduConfidence]),start=_useMemo.start,end=_useMemo.end,duration=_useMemo.duration,metadataFieldValue=_useMemo.metadataFieldValue,text=_useMemo.text,aduList=_useMemo.aduList,onSeek=_useMemo.onSeek,onEdit=_useMemo.onEdit;useEffect(function(){if(isActive){if(ref&&ref.current){ref.current.scrollIntoView({behavior:'smooth',block:'nearest'});}}},[ref,isActive]);return {ref:ref,start:start,end:end,duration:duration,text:text,metadataFieldValue:metadataFieldValue,aduList:aduList,onSeek:onSeek,onEdit:onEdit};};var useItemTimespanInterval$1 = useItemTimespanInterval;
+
+export { useItemTimespanInterval$1 as default };

package/dist/item/ItemTimespan/hooks/useItemTimespanList.js

@@ -0,0 +1,9 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback, useEffect } from 'react';
+import findActiveTimespanIndex from '../utils/findActiveTimespanIndex.js';
+
+var useItemTimespanList=function useItemTimespanList(_ref){var video=_ref.video,timespanList=_ref.timespanList;var _useState=useState(),_useState2=_slicedToArray(_useState,2),activeTimespanIndex=_useState2[0],setActiveTimespanIndex=_useState2[1];var onSeek=useCallback(function(seconds){return function(){if(video){// eslint-disable-next-line no-param-reassign
+video.currentTime=seconds;if(video.played.length===0)video.play();}};},[video]);useEffect(function(){if(video&&timespanList.length>0){var onTimeUpdate=function onTimeUpdate(){return findActiveTimespanIndex({timespanList:timespanList,video:video,activeTimespanIndex:activeTimespanIndex,setActiveTimespanIndex:setActiveTimespanIndex});};video.addEventListener('timeupdate',onTimeUpdate);return function(){video.removeEventListener('timeupdate',onTimeUpdate);};}return undefined;// eslint-disable-next-line react-hooks/exhaustive-deps
+},[video,timespanList]);return {onSeek:onSeek,activeTimespanIndex:activeTimespanIndex};};var useItemTimespanList$1 = useItemTimespanList;
+
+export { useItemTimespanList$1 as default };

package/dist/item/ItemTimespan/index.js

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

package/dist/item/ItemTimespan/utils/filterTimespanList.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+
+var _excluded=["group"];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 filterTimespanList=function filterTimespanList(_ref){var timespanTypeList=_ref.parsedTimespans,initialFilterText=_ref.filterText,filterConfidence=_ref.filterConfidence,fieldGroup=_ref.fieldGroup,field=_ref.field,aduGroup=_ref.aduGroup,aduValue=_ref.aduValue,aduConfidence=_ref.aduConfidence;if((filterConfidence===undefined||filterConfidence===0)&&(initialFilterText===undefined||initialFilterText===''))return timespanTypeList;var fieldList=Array.isArray(field)?field:[field];var fieldGroupList=Array.isArray(fieldGroup)?fieldGroup:[fieldGroup];var filterText=initialFilterText.toLowerCase();var filteredTimespans=[];timespanTypeList.forEach(function(timespanType){var _timespanType$group=timespanType.group,groupList=_timespanType$group===void 0?[]:_timespanType$group,start=timespanType.start,end=timespanType.end;var matchingGroups=groupList.filter(function(_ref2){var name=_ref2.name;return fieldGroupList.includes(name);});if(matchingGroups.length===0)return;if(aduGroup&&aduValue){var matchingAduGroups=[];matchingGroups.forEach(function(_ref3){var subGroupList=_ref3.group,groupProps=_objectWithoutProperties(_ref3,_excluded);var matchingSubGroups=[];subGroupList.forEach(function(subGroup){if(subGroup.name===aduGroup&&aduValue in subGroup){var subGroupValue=String(subGroup[aduValue].toLowerCase());if(filterText&&!subGroupValue.includes(filterText))return;if(aduConfidence&&filterConfidence!==undefined&&subGroup[aduConfidence]!==undefined&&filterConfidence>Number(subGroup[aduConfidence]))return;matchingSubGroups.push(subGroup);}});if(matchingSubGroups.length===0)return;matchingAduGroups.push(_objectSpread(_objectSpread({},groupProps),{},{group:matchingSubGroups}));});if(matchingAduGroups.length===0)return;filteredTimespans.push({start:start,end:end,group:matchingAduGroups});}else {var matchingValues=matchingGroups.reduce(function(acc,groupFields){Object.entries(groupFields).forEach(function(_ref4){var _ref5=_slicedToArray(_ref4,2),fieldName=_ref5[0],fieldValue=_ref5[1];if(fieldList.includes(fieldName)){acc.push(fieldValue);}});return acc;},[]);if(matchingValues.length===0)return;if(filterText){var timespanText=matchingValues.join('');if(timespanText==='')return;if(timespanText.toLowerCase().includes(filterText.toLowerCase()))filteredTimespans.push({start:start,end:end,group:matchingGroups});}}});return filteredTimespans;};var filterTimespanList$1 = filterTimespanList;
+
+export { filterTimespanList$1 as default };

package/dist/item/ItemTimespan/utils/findActiveTimespanIndex.js

@@ -0,0 +1,5 @@
+import { formatTimeCodeText } from '@vidispine/vdt-js';
+
+var findActiveTimespanIndex=function findActiveTimespanIndex(_ref){var timespanList=_ref.timespanList,_ref$video=_ref.video,video=_ref$video===void 0?{}:_ref$video,setActiveTimespanIndex=_ref.setActiveTimespanIndex,currentTimespanIndex=_ref.activeTimespanIndex;var _video$currentTime=video.currentTime,currentTime=_video$currentTime===void 0?0:_video$currentTime;var currentSeconds=Number(currentTime.toFixed(3));var activeTimespanIndex=timespanList.findIndex(function(_ref2){var startText=_ref2.start,endText=_ref2.end;var start=formatTimeCodeText(startText);var end=formatTimeCodeText(endText);var startSeconds=Number(start.toSeconds().toFixed(3));var endSeconds=Number(end.toSeconds().toFixed(3));if(currentSeconds>=startSeconds&&currentSeconds<endSeconds){return true;}return false;});if(activeTimespanIndex>-1&&currentTimespanIndex!==activeTimespanIndex){setActiveTimespanIndex(activeTimespanIndex);}};var findActiveTimespanIndex$1 = findActiveTimespanIndex;
+
+export { findActiveTimespanIndex$1 as default };

package/dist/item/ItemTimespan/utils/parseTimespanList.js

@@ -0,0 +1,6 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { parseTimespan } from '@vidispine/vdt-js';
+
+var sortTimespanList=function sortTimespanList(timespan1,timespan2){var firstStart=timespan1.start;var secondStart=timespan2.start;var _firstStart$split=firstStart.split('@'),_firstStart$split2=_slicedToArray(_firstStart$split,1),first=_firstStart$split2[0];var _secondStart$split=secondStart.split('@'),_secondStart$split2=_slicedToArray(_secondStart$split,1),second=_secondStart$split2[0];if(Number(first)<Number(second)){return -1;}if(Number(first)>Number(second)){return 1;}return 0;};var parseTimespanList=function parseTimespanList(_ref){var _ref$itemType=_ref.itemType,itemType=_ref$itemType===void 0?{}:_ref$itemType;var metadataType=itemType.metadata;var parseOptions={includeTimespanAttributes:true,includeGroupAttributes:true,flat:true,overrideGroup:true,groupAsList:true,joinValue:','};var _ref2=metadataType||{},_ref2$timespan=_ref2.timespan,timespan=_ref2$timespan===void 0?[]:_ref2$timespan;var sortedTimespans=timespan.sort(sortTimespanList);return sortedTimespans.map(function(timespanType){return parseTimespan(timespanType,parseOptions);});};var parseTimespanList$1 = parseTimespanList;
+
+export { parseTimespanList$1 as default };

package/dist/item/ItemTimespanTab.js

@@ -0,0 +1,2 @@
+import ItemTimespan from './ItemTimespan/index.js';
+export { default } from './ItemTimespan/index.js';

package/dist/item/ItemTreeItem.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core';
+import { ITEM, COLLECTION, JOIN_CHARACTER } from '../entity/EntityTreeConsts.js';
+import TreeItemDraggable from '../TreeItemDraggable.js';
+import ItemLabelDroppable from './ItemLabelDroppable.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:{}};function ItemTreeItem(_ref){var className=_ref.className,classes=_ref.classes,item=_ref.item,parentCollectionId=_ref.parentCollectionId,_ref$nodeId=_ref.nodeId,nodeId=_ref$nodeId===void 0?[ITEM,item.id,COLLECTION,parentCollectionId].join(JOIN_CHARACTER):_ref$nodeId,onDrop=_ref.onDrop,_ref$ItemLabelCompone=_ref.ItemLabelComponent,ItemLabelComponent=_ref$ItemLabelCompone===void 0?ItemLabelDroppable:_ref$ItemLabelCompone,_ref$TreeItemComponen=_ref.TreeItemComponent,TreeItemComponent=_ref$TreeItemComponen===void 0?TreeItemDraggable:_ref$TreeItemComponen,_ref$TreeItemProps=_ref.TreeItemProps,TreeItemProps=_ref$TreeItemProps===void 0?{}:_ref$TreeItemProps,_ref$ItemLabelProps=_ref.ItemLabelProps,ItemLabelProps=_ref$ItemLabelProps===void 0?{}:_ref$ItemLabelProps;var label=/*#__PURE__*/jsx(ItemLabelComponent,_objectSpread({item:item,parentCollectionId:parentCollectionId,nodeId:nodeId,onDrop:onDrop},ItemLabelProps));return/*#__PURE__*/jsx(TreeItemComponent,_objectSpread({className:clsx(classes.root,'VdtItemTreeItem-root',className),label:label,nodeId:nodeId,dragInfo:{entityType:ITEM,entityId:item.id,entityParentId:parentCollectionId}},TreeItemProps));}var ItemTreeItem$1 = withStyles(styles,{name:'VdtItemTreeItem'})(ItemTreeItem);
+
+export { ItemTreeItem$1 as default };

package/dist/item/player/ItemAudioPlayer.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Box from '@material-ui/core/Box';
+import { withStyles } from '@material-ui/core/styles';
+import { VideoPlayer } from '@vidispine/vdt-videojs-react';
+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 ALLOWED_MIME_TYPES=['audio/mp4','audio/mpeg','audio/x-aac','audio/aac','audio/x-wav','audio/wav','audio/accp','audio/ogg','audio/webm','audio/x-flac'];var styles=function styles(theme){return {root:{'& .video-js':{backgroundColor:'rgba(0, 0, 0, 0.2)'},'& .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar':{transform:'none'},'& .video-js .vjs-play-progress.vjs-slider-bar':{backgroundColor:theme.palette.secondary.main},'& .video-js .vjs-fullscreen-control':{display:'none'}}};};function ItemAudioPlayer(_ref){var className=_ref.className,classes=_ref.classes,videoEl=_ref.videoEl,onReady=_ref.onReady,_ref$width=_ref.width,width=_ref$width===void 0?'100%':_ref$width,_ref$previewSources=_ref.previewSources,previewSources=_ref$previewSources===void 0?[]:_ref$previewSources,_ref$audioPlayerProps=_ref.audioPlayerProps,audioPlayerProps=_ref$audioPlayerProps===void 0?{}:_ref$audioPlayerProps;return/*#__PURE__*/jsx(Box,{className:clsx(classes.root,className),children:/*#__PURE__*/jsx(Box,{width:"100%",children:/*#__PURE__*/jsx(VideoPlayer,_objectSpread({controls:true,sources:previewSources.slice(0,1),ref:videoEl,width:width,onReady:onReady},audioPlayerProps))})});}var ItemAudioPlayer$1 = withStyles(styles,{name:'VdtItemAudioPlayer'})(ItemAudioPlayer);
+
+export { ALLOWED_MIME_TYPES, ItemAudioPlayer$1 as default };

package/dist/item/player/ItemDocumentPlayer.js

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

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

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

package/dist/item/player/ItemImagePlayer.js

@@ -0,0 +1,8 @@
+import clsx from 'clsx';
+import Box from '@material-ui/core/Box';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var ALLOWED_MIME_TYPES=['image/apng','image/bmp','image/gif','image/jpeg','image/x-icon','image/png','image/svg+xml'];var styles=function styles(){return {root:{width:'100%',display:'flex',justifyContent:'center'},img:{display:'block',margin:'auto',maxWidth:'100%',maxHeight:'70vh'}};};function ItemImagePlayer(_ref){var classes=_ref.classes,className=_ref.className,_ref$previewSource=_ref.previewSource,previewSource=_ref$previewSource===void 0?{}:_ref$previewSource;var src=previewSource.src;return/*#__PURE__*/jsx(Box,{className:clsx(classes.root,className),children:/*#__PURE__*/jsx("img",{className:classes.img,src:src,alt:""})});}var ItemImagePlayer$1 = withStyles(styles,{name:'VdtItemImagePlayer'})(ItemImagePlayer);
+
+export { ALLOWED_MIME_TYPES, ItemImagePlayer$1 as default };

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

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

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

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

package/dist/item/player/ItemVideoPlayer.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useMemo } from 'react';
+import clsx from 'clsx';
+import Box from '@material-ui/core/Box';
+import { withStyles } from '@material-ui/core/styles';
+import { item } from '@vidispine/vdt-api';
+import { metadataTypeToWebVtt, createTimeBase, formatTimeCodeSeconds } from '@vidispine/vdt-js';
+import { VideoPlayer } from '@vidispine/vdt-videojs-react';
+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 ALLOWED_MIME_TYPES=['video/mp4'];var styles=function styles(theme){return {root:{'& .video-js.controls-below-player:not(.vjs-fullscreen) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text)':{color:theme.palette.text.primary},'& .video-js.controls-below-player:not(.vjs-fullscreen) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text)':{color:theme.palette.text.primary},'& .video-js.controls-below-player:not(.vjs-fullscreen) .vjs-control-bar .vjs-volume-level':{backgroundColor:theme.palette.text.primary,color:theme.palette.text.primary},'& .video-js .vjs-play-progress.vjs-slider-bar':{backgroundColor:theme.palette.secondary.main}}};};function ItemVideoPlayer(_ref){var className=_ref.className,classes=_ref.classes,itemType=_ref.itemType,videoEl=_ref.videoEl,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField,_ref$subtitleLanguage=_ref.subtitleLanguage,subtitleLanguage=_ref$subtitleLanguage===void 0?'en':_ref$subtitleLanguage,_ref$subtitleLanguage2=_ref.subtitleLanguageLabel,subtitleLanguageLabel=_ref$subtitleLanguage2===void 0?'English':_ref$subtitleLanguage2,_ref$sampleRate=_ref.sampleRate,sampleRate=_ref$sampleRate===void 0?'PAL':_ref$sampleRate,onReady=_ref.onReady,onCinema=_ref.onCinema,onScreenshot=_ref.onScreenshot,onScreenshotSuccess=_ref.onScreenshotSuccess,onScreenshotError=_ref.onScreenshotError,_ref$width=_ref.width,width=_ref$width===void 0?'100%':_ref$width,_ref$sourceTag=_ref.sourceTag,sourceTag=_ref$sourceTag===void 0?'original':_ref$sourceTag,_ref$videoPlayerProps=_ref.videoPlayerProps,videoPlayerProps=_ref$videoPlayerProps===void 0?{}:_ref$videoPlayerProps,_ref$previewSources=_ref.previewSources,previewSources=_ref$previewSources===void 0?[]:_ref$previewSources;var ref=useRef();if(videoEl){ref=videoEl;}var _itemType$thumbnails=itemType.thumbnails;_itemType$thumbnails=_itemType$thumbnails===void 0?{}:_itemType$thumbnails;var _itemType$thumbnails$=_itemType$thumbnails.uri,thumbnailList=_itemType$thumbnails$===void 0?[]:_itemType$thumbnails$,metadataType=itemType.metadata,itemId=itemType.id;var webVtt=useMemo(function(){return metadataTypeToWebVtt(metadataType,{subtitleGroup:subtitleGroup,subtitleField:subtitleField,sampleRate:sampleRate});},[metadataType,subtitleGroup,subtitleField,sampleRate]);var subtitles=useMemo(function(){if(webVtt){return [{src:new Blob([webVtt],{type:'text/plain'}),lang:subtitleLanguage,label:subtitleLanguageLabel}];}return undefined;},[webVtt,subtitleLanguage,subtitleLanguageLabel]);var _thumbnailList=_slicedToArray(thumbnailList,1),poster=_thumbnailList[0];var timeBase=createTimeBase(sampleRate);var defaultOnScreenshot=function defaultOnScreenshot(seconds){var timeText=formatTimeCodeSeconds(seconds,{timeBase:timeBase}).toText();var priority='HIGHEST';var createThumbnails=timeText;var createPosters=timeText;Promise.all([item.createThumbnail({itemId:itemId,queryParams:{createThumbnails:createThumbnails,priority:priority,sourceTag:sourceTag}}),item.createThumbnail({itemId:itemId,queryParams:{createPosters:createPosters,priority:priority,sourceTag:sourceTag}})]).then(function(resp){if(onScreenshotSuccess)onScreenshotSuccess(resp);})["catch"](function(e){if(onScreenshotError)onScreenshotError(e);});};return/*#__PURE__*/jsx(Box,{className:clsx(classes.root,'VdtItemVideoPlayer-root',className),children:/*#__PURE__*/jsx(Box,{width:"100%",display:"flex",justifyContent:"center",children:/*#__PURE__*/jsx(Box,{width:"100%",children:/*#__PURE__*/jsx(VideoPlayer,_objectSpread({controls:true,sources:previewSources,subtitles:subtitles,posterUrl:poster,ref:ref,frameRate:timeBase.denominator/timeBase.numerator,timecode:true,width:width,onScreenshot:onScreenshot||defaultOnScreenshot,onReady:onReady,onCinema:onCinema},videoPlayerProps))})})});}var ItemVideoPlayer$1 = withStyles(styles,{name:'VdtItemVideoPlayer'})(ItemVideoPlayer);
+
+export { ALLOWED_MIME_TYPES, ItemVideoPlayer$1 as default };