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

package/dist/ConfirmationDialog.js

@@ -0,0 +1,7 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["open","titleText","rejectText","confirmText","onConfirm","onReject","children"];function ConfirmationDialog(_ref){var open=_ref.open,_ref$titleText=_ref.titleText,titleText=_ref$titleText===void 0?'Confirm':_ref$titleText,_ref$rejectText=_ref.rejectText,rejectText=_ref$rejectText===void 0?'No':_ref$rejectText,_ref$confirmText=_ref.confirmText,confirmText=_ref$confirmText===void 0?'Yes':_ref$confirmText,onConfirm=_ref.onConfirm,onReject=_ref.onReject,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(Dialog,{open:open,onClose:onReject,children:[/*#__PURE__*/jsx(DialogTitle,{children:titleText}),typeof children==='function'?children(props):children,/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:onReject,color:"primary",children:rejectText}),/*#__PURE__*/jsx(Button,{variant:"contained",onClick:onConfirm,color:"secondary",children:confirmText})]})]});}
+
+export { ConfirmationDialog as default };

package/dist/LayoutButtonGroup.js

@@ -0,0 +1,12 @@
+import clsx from 'clsx';
+import grey from '@material-ui/core/colors/grey';
+import { withStyles } from '@material-ui/core/styles';
+import ViewHeadlineIcon from '@material-ui/icons/ViewHeadline';
+import ViewModuleIcon from '@material-ui/icons/ViewModule';
+import ToggleButton from '@material-ui/lab/ToggleButton';
+import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(theme){return {button:{borderRadius:0,paddingTop:4,paddingBottom:4,borderColor:grey[400],borderStyle:theme.palette.type==='light'?'solid':'none',height:32}};};function LayoutButtonGroup(_ref){var className=_ref.className,classes=_ref.classes,onChangeViewLayout=_ref.onChangeViewLayout,viewLayout=_ref.viewLayout,_ref$gridView=_ref.gridView,gridView=_ref$gridView===void 0?'GRID_VIEW':_ref$gridView,_ref$rowView=_ref.rowView,rowView=_ref$rowView===void 0?'ROW_VIEW':_ref$rowView;return/*#__PURE__*/jsxs(ToggleButtonGroup,{className:clsx(classes.root,'VdtLayoutToggleButtonGroup',className),exclusive:true,onChange:onChangeViewLayout,value:viewLayout,size:"small",children:[/*#__PURE__*/jsx(ToggleButton,{className:clsx(classes.button,'VdtLayoutToggleButton'),value:gridView,children:/*#__PURE__*/jsx(ViewModuleIcon,{})}),/*#__PURE__*/jsx(ToggleButton,{className:clsx(classes.button,'VdtLayoutToggleButton'),value:rowView,children:/*#__PURE__*/jsx(ViewHeadlineIcon,{})})]});}var LayoutButtonGroup$1 = withStyles(styles,{name:'VdtLayoutButtonGroup'})(LayoutButtonGroup);
+
+export { LayoutButtonGroup$1 as default };

package/dist/SplitButton.js

@@ -0,0 +1,17 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef } from 'react';
+import clsx from 'clsx';
+import Button from '@material-ui/core/Button';
+import ButtonGroup from '@material-ui/core/ButtonGroup';
+import ClickAwayListener from '@material-ui/core/ClickAwayListener';
+import MenuItem from '@material-ui/core/MenuItem';
+import MenuList from '@material-ui/core/MenuList';
+import Paper from '@material-ui/core/Paper';
+import Popper from '@material-ui/core/Popper';
+import { withStyles } from '@material-ui/core/styles';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function SplitButton(_ref){var classes=_ref.classes,className=_ref.className,value=_ref.value,defaultOption=_ref.defaultOption,options=_ref.options,onChange=_ref.onChange,_ref$getOptionLabel=_ref.getOptionLabel,getOptionLabel=_ref$getOptionLabel===void 0?function(o){return o.label;}:_ref$getOptionLabel,_ref$getOptionOnClick=_ref.getOptionOnClick,getOptionOnClick=_ref$getOptionOnClick===void 0?function(o){return o.onClick;}:_ref$getOptionOnClick,_ref$getOptionDisable=_ref.getOptionDisabled,getOptionDisabled=_ref$getOptionDisable===void 0?function(o){return o.disabled||false;}:_ref$getOptionDisable,_ref$getOptionSelecte=_ref.getOptionSelected,getOptionSelected=_ref$getOptionSelecte===void 0?function(o,val){return o.label===val.label;}:_ref$getOptionSelecte;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),open=_useState2[0],setOpen=_useState2[1];var anchorRef=useRef(null);var _useState3=useState(defaultOption||options[0]),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1];var selected=value||options.find(function(o){return getOptionSelected(o,selectedOption);});var handleMenuItemClick=function handleMenuItemClick(option){if(onChange)onChange(option);setSelectedOption(option);setOpen(false);};var handleToggle=function handleToggle(){setOpen(function(prevOpen){return !prevOpen;});};var handleClose=function handleClose(event){if(anchorRef.current&&anchorRef.current.contains(event.target)){return;}setOpen(false);};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtSplitButton-root',className),children:[/*#__PURE__*/jsxs(ButtonGroup,{variant:"contained",color:"primary",ref:anchorRef,children:[/*#__PURE__*/jsx(Button,{onClick:getOptionOnClick(selected),disabled:getOptionDisabled(selected),children:getOptionLabel(selected)}),options.length>1&&/*#__PURE__*/jsx(Button,{color:"primary",size:"small",onClick:handleToggle,disabled:options.every(function(o){return o.disabled;}),children:/*#__PURE__*/jsx(ArrowDropDownIcon,{})})]}),/*#__PURE__*/jsx(Popper,{open:open,anchorEl:anchorRef.current,role:undefined,transition:true,disablePortal:true,children:/*#__PURE__*/jsx(Paper,{children:/*#__PURE__*/jsx(ClickAwayListener,{onClickAway:handleClose,children:/*#__PURE__*/jsx(MenuList,{children:options.map(function(option){return/*#__PURE__*/jsx(MenuItem,{disabled:getOptionDisabled(option),selected:option===selected,onClick:function onClick(){return handleMenuItemClick(option);},children:getOptionLabel(option)},getOptionLabel(option));})})})})})]});}var SplitButton$1 = withStyles({},{name:'VdtSplitButton'})(SplitButton);
+
+export { SplitButton$1 as default };

package/dist/Theme.js

@@ -0,0 +1,10 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { createContext, useState, useCallback, useMemo, useContext } from 'react';
+import CssBaseline from '@material-ui/core/CssBaseline';
+import { createTheme, MuiThemeProvider } from '@material-ui/core/styles';
+import 'typeface-roboto';
+import { jsx } from 'react/jsx-runtime';
+
+var light=createTheme({palette:{type:'light'}});var dark=createTheme({palette:{type:'dark'}});var ThemeContext=/*#__PURE__*/createContext({theme:undefined,palette:undefined,togglePalette:function togglePalette(){return null;}});function ThemeProvider(_ref){var _ref$themes=_ref.themes,themes=_ref$themes===void 0?{light:light,dark:dark}:_ref$themes,_ref$defaultPaletteKe=_ref.defaultPaletteKey,defaultPaletteKey=_ref$defaultPaletteKe===void 0?'light':_ref$defaultPaletteKe,_ref$localStoragePale=_ref.localStoragePaletteKey,localStoragePaletteKey=_ref$localStoragePale===void 0?'DEFAULT_PALETTE':_ref$localStoragePale,_ref$props=_ref.props,props=_ref$props===void 0?{}:_ref$props,children=_ref.children;var initialPaletteKey=localStorage.getItem(localStoragePaletteKey)||defaultPaletteKey;var _useState=useState(initialPaletteKey),_useState2=_slicedToArray(_useState,2),palette=_useState2[0],setPalette=_useState2[1];var initialPalette=themes[initialPaletteKey];var _useState3=useState(initialPalette),_useState4=_slicedToArray(_useState3,2),theme=_useState4[0],setTheme=_useState4[1];var updatePalette=useCallback(function(newPaletteKey){var newTheme=themes[newPaletteKey];setTheme(newTheme);setPalette(newPaletteKey);localStorage.setItem(localStoragePaletteKey,newPaletteKey);},[localStoragePaletteKey,themes]);var togglePalette=useCallback(function(){var paletteKeys=Object.keys(themes);var newPaletteKey=paletteKeys[0];if(paletteKeys.length>0&&palette===paletteKeys[0]){newPaletteKey=paletteKeys[1];}updatePalette(newPaletteKey);},[palette,themes,updatePalette]);var isDefaultPalette=palette===defaultPaletteKey;var contextValue=useMemo(function(){return {theme:theme,palette:palette,togglePalette:togglePalette,isDefaultPalette:isDefaultPalette};},[isDefaultPalette,palette,theme,togglePalette]);return/*#__PURE__*/jsx(ThemeContext.Provider,{value:contextValue,children:/*#__PURE__*/jsx(MuiThemeProvider,{theme:createTheme(theme,{props:props}),children:/*#__PURE__*/jsx(CssBaseline,{children:children})})});}function useThemeContext(){var context=useContext(ThemeContext);if(context===undefined){throw new Error('useThemeContext must be used within a ThemeProvider');}return context;}
+
+export { ThemeContext, ThemeProvider, useThemeContext };

package/dist/TreeItemDraggable.js

@@ -0,0 +1,8 @@
+import { withStyles } from '@material-ui/core';
+import TreeItem from '@material-ui/lab/TreeItem';
+import { compose } from '@vidispine/vdt-react';
+import withDrag from './dnd/hoc/withDrag.js';
+
+var styles={isDragging:{opacity:0.5,cursor:'move'}};var TreeItemDraggable = compose(withStyles(styles,{name:'VdtTreeItemDraggable'}),withDrag)(TreeItem);
+
+export { TreeItemDraggable as default };

package/dist/analyze/BatonAnalysisDialog.js

@@ -0,0 +1,18 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useEffect, useMemo, useState } from 'react';
+import clsx from 'clsx';
+import { Form, FormSpy } from 'react-final-form';
+import { withStyles, DialogTitle, Typography, Divider, DialogContent, LinearProgress, DialogActions, Button } from '@material-ui/core';
+import { analyzepreset, resource, item, component, shape, vidinet } from '@vidispine/vdt-api';
+import { useApi } from '@vidispine/vdt-react';
+import BatonFormComponent from './BatonAnalysisForm.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var _excluded=["itemId","FormComponent","FormComponentProps","handleSubmit","submitText","costEstimate"];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 useAnalyzePresetOptions=function useAnalyzePresetOptions(){var _useApi=useApi(analyzepreset.listAnalyzePreset),getPresets=_useApi.request,_useApi$data=_useApi.data;_useApi$data=_useApi$data===void 0?{}:_useApi$data;var _useApi$data$preset=_useApi$data.preset,preset=_useApi$data$preset===void 0?[]:_useApi$data$preset,isLoading=_useApi.isLoading;useEffect(function(){getPresets();},[getPresets]);var presetOptions=useMemo(function(){return preset.map(function(_ref){var name=_ref.name;return {label:name,value:name};});},[preset]);return {presetOptions:presetOptions,isLoading:isLoading};};var useVidinetResourceOptions=function useVidinetResourceOptions(){var _useApi2=useApi(resource.listResourceType),getRss=_useApi2.request,_useApi2$data=_useApi2.data;_useApi2$data=_useApi2$data===void 0?{}:_useApi2$data;var _useApi2$data$resourc=_useApi2$data.resource,resource$1=_useApi2$data$resourc===void 0?[]:_useApi2$data$resourc,isLoading=_useApi2.isLoading;useEffect(function(){getRss({resourceType:'vidinet'});},[getRss]);var resourceOptions=useMemo(function(){return resource$1.map(function(_ref2){var id=_ref2.id,vidinet=_ref2.vidinet;return {label:vidinet.name||id,value:id};});},[resource$1]);return {resourceOptions:resourceOptions,isLoading:isLoading};};var useBatonShapeComponentOptions=function useBatonShapeComponentOptions(itemId){var _useApi3=useApi(item.getItem),getItem=_useApi3.request,_useApi3$data=_useApi3.data;_useApi3$data=_useApi3$data===void 0?{}:_useApi3$data;var _useApi3$data$shape=_useApi3$data.shape,shape=_useApi3$data$shape===void 0?[]:_useApi3$data$shape;useEffect(function(){getItem({itemId:itemId,queryParams:{p:['shape.id','shape.tag','shape.containerComponent.id','shape.videoComponent.id','shape.audioComponent.id','shape.binaryComponent.id','shape.subtitleComponent.id','shape.descriptorComponent.id']}});},[getItem,itemId]);var shapeComponentOptions=useMemo(function(){var media=shape.filter(function(_ref3){var _ref3$tag=_slicedToArray(_ref3.tag,1),shapeTag=_ref3$tag[0];var tag=shapeTag.toLowerCase();return !tag.includes('pdf')&&!tag.includes('xml');});return media.map(function(_ref4){var value=_ref4.id,_ref4$tag=_slicedToArray(_ref4.tag,1),tag=_ref4$tag[0],_ref4$containerCompon=_ref4.containerComponent,containerComponent=_ref4$containerCompon===void 0?{}:_ref4$containerCompon,_ref4$videoComponent=_ref4.videoComponent,videoComponent=_ref4$videoComponent===void 0?[]:_ref4$videoComponent,_ref4$audioComponent=_ref4.audioComponent,audioComponent=_ref4$audioComponent===void 0?[]:_ref4$audioComponent,_ref4$binaryComponent=_ref4.binaryComponent,binaryComponent=_ref4$binaryComponent===void 0?[]:_ref4$binaryComponent,_ref4$subtitleCompone=_ref4.subtitleComponent,subtitleComponent=_ref4$subtitleCompone===void 0?[]:_ref4$subtitleCompone,_ref4$descriptorCompo=_ref4.descriptorComponent,descriptorComponent=_ref4$descriptorCompo===void 0?[]:_ref4$descriptorCompo;var addComponentType=function addComponentType(components,type){return components.map(function(_ref5){var id=_ref5.id;return {value:id,label:"".concat(type," component (").concat(id,")")};});};var components=[containerComponent.id&&{value:containerComponent.id,label:"container component (".concat(containerComponent.id,")")}].concat(_toConsumableArray(addComponentType(videoComponent,'video')),_toConsumableArray(addComponentType(audioComponent,'audio')),_toConsumableArray(addComponentType(binaryComponent,'binary')),_toConsumableArray(addComponentType(subtitleComponent,'subtitle')),_toConsumableArray(addComponentType(descriptorComponent,'descriptor')));return {value:value,tag:tag,label:"".concat(tag," (").concat(value,")"),components:components};});},[shape]);return {shapeComponentOptions:shapeComponentOptions};};var useBatonJob=function useBatonJob(itemId){var startBatonJob=function startBatonJob(shapeId,componentId,queryParams){return componentId?component.createComponentAnalyze({itemId:itemId,shapeId:shapeId,componentId:componentId,queryParams:queryParams}):shape.createShapeAnalyze({itemId:itemId,shapeId:shapeId,queryParams:queryParams});};return {startBatonJob:startBatonJob};};function FormWrapper(_ref6){var itemId=_ref6.itemId,FormComponent=_ref6.FormComponent,FormComponentProps=_ref6.FormComponentProps,handleSubmit=_ref6.handleSubmit,submitText=_ref6.submitText,costEstimate=_ref6.costEstimate,props=_objectWithoutProperties(_ref6,_excluded);var _useState=useState({}),_useState2=_slicedToArray(_useState,2),_useState2$=_useState2[0],value=_useState2$.value,error=_useState2$.error,setCostEstimate=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),loading=_useState4[0],setLoading=_useState4[1];var onPoll=/*#__PURE__*/function(){var _ref7=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(costEstimateId){var _yield$VidinetApi$get,_yield$VidinetApi$get2,data,state,_data$service,service,_service,cost;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return vidinet.getCostEstimate({costEstimateId:costEstimateId});case 2:_yield$VidinetApi$get=_context.sent;_yield$VidinetApi$get2=_yield$VidinetApi$get.data;data=_yield$VidinetApi$get2===void 0?{}:_yield$VidinetApi$get2;state=data.state,_data$service=data.service,service=_data$service===void 0?[]:_data$service;if(!(state!=='FINISHED')){_context.next=8;break;}return _context.abrupt("return",setTimeout(function(){return onPoll(costEstimateId);},1000));case 8:_service=_slicedToArray(service,1),cost=_service[0].cost;setLoading(false);return _context.abrupt("return",setCostEstimate(cost));case 11:case"end":return _context.stop();}}},_callee);}));return function onPoll(_x){return _ref7.apply(this,arguments);};}();var onChange=function onChange(_ref8){var _ref8$values=_ref8.values,values=_ref8$values===void 0?{}:_ref8$values;setCostEstimate({});var shapeId=values.shapeId,componentId=values.componentId,resourceId=values.resourceId,preset=values.preset;if(!shapeId||!resourceId||!preset)return;var costEstimatePromise=componentId?component.createComponentAnalyze({itemId:itemId,shapeId:shapeId,componentId:componentId,queryParams:{resourceId:resourceId,preset:preset},costEstimate:true}):shape.createShapeAnalyze({itemId:itemId,shapeId:shapeId,queryParams:{resourceId:resourceId,preset:preset},costEstimate:true});costEstimatePromise.then(function(_ref9){var _ref9$data=_ref9.data;_ref9$data=_ref9$data===void 0?{}:_ref9$data;var id=_ref9$data.id;setLoading(true);onPoll(id);})["catch"](function(){return setCostEstimate({error:"Couldn't get cost estimate, please choose another resource"});});};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(DialogContent,{children:[/*#__PURE__*/jsx(FormComponent,_objectSpread(_objectSpread({},props),FormComponentProps)),costEstimate&&/*#__PURE__*/jsx(FormSpy,{subscription:{values:true},onChange:onChange})]}),loading?/*#__PURE__*/jsx(LinearProgress,{}):/*#__PURE__*/jsx(Divider,{light:true}),/*#__PURE__*/jsxs(DialogActions,{children:[value&&/*#__PURE__*/jsx(Typography,{variant:"caption",children:"Estimated cost: ".concat(value)}),error&&/*#__PURE__*/jsx(Typography,{variant:"caption",color:"error",children:error}),/*#__PURE__*/jsx(Button,{disabled:costEstimate&&(loading||!value),onClick:handleSubmit,color:"primary",variant:"contained",children:submitText})]})]});}function BatonAnalysisDialog(_ref10){var classes=_ref10.classes,className=_ref10.className,titleText=_ref10.titleText,submitText=_ref10.submitText,errorText=_ref10.errorText,itemId=_ref10.itemId,onClose=_ref10.onClose,onSuccess=_ref10.onSuccess,onFailure=_ref10.onFailure,InitialFormValues=_ref10.InitialFormValues,FormComponent=_ref10.FormComponent,FormComponentProps=_ref10.FormComponentProps,costEstimate=_ref10.costEstimate,showDynamicParams=_ref10.showDynamicParams;var _useBatonJob=useBatonJob(itemId),startBatonJob=_useBatonJob.startBatonJob;var _useAnalyzePresetOpti=useAnalyzePresetOptions(),presetOptions=_useAnalyzePresetOpti.presetOptions,isLoading=_useAnalyzePresetOpti.isLoading;var _useBatonShapeCompone=useBatonShapeComponentOptions(itemId),shapeComponentOptions=_useBatonShapeCompone.shapeComponentOptions;var _useVidinetResourceOp=useVidinetResourceOptions(),resourceOptions=_useVidinetResourceOp.resourceOptions;var onSubmit=function onSubmit(form){var preset=form.preset,shapeId=form.shapeId,componentId=form.componentId,resourceId=form.resourceId,batonDynamicParams=form.batonDynamicParams;var queryParams={preset:preset,resourceId:resourceId,jobmetadata:batonDynamicParams&&[{key:'batonDynamicParams',value:batonDynamicParams}]};startBatonJob(shapeId,componentId,queryParams).then(onSuccess)["catch"](onFailure);};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtBatonAnalysisDialog-root',className),children:[/*#__PURE__*/jsxs(DialogTitle,{disableTypography:true,children:[/*#__PURE__*/jsx(Typography,{variant:"h6",children:titleText}),!isLoading&&!presetOptions.length&&/*#__PURE__*/jsx(Typography,{variant:"subtitle1",color:"error",children:errorText})]}),/*#__PURE__*/jsx(Divider,{}),/*#__PURE__*/jsx(Form,{itemId:itemId,FormComponent:FormComponent,FormComponentProps:FormComponentProps,initialValues:InitialFormValues,onSubmit:onSubmit,render:FormWrapper,resources:resourceOptions,testplans:presetOptions,onClose:onClose,shapes:shapeComponentOptions,submitText:submitText,subscription:{submitting:true,pristine:true},costEstimate:costEstimate,showDynamicParams:showDynamicParams})]});}BatonAnalysisDialog.defaultProps={classes:{},className:'VdtBatonAnalysisDialog',onClose:function onClose(){},onSuccess:function onSuccess(){},onFailure:function onFailure(){},titleText:'Baton QC',errorText:'Please configure testplans',submitText:'Start QC',costEstimate:true,showDynamicParams:false,InitialFormValues:{preset:null,shapeId:'',componentId:''},FormComponent:BatonFormComponent,FormComponentProps:{}};var BatonAnalysisDialog$1 = withStyles({},{name:'VdtBatonAnalysisDialog'})(BatonAnalysisDialog);
+
+export { BatonAnalysisDialog, BatonAnalysisDialog$1 as default };

package/dist/analyze/BatonAnalysisForm.js

@@ -0,0 +1,13 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { useFormState, Field } from 'react-final-form';
+import { withStyles } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import SelectField from '../fields/SelectField.js';
+import AutocompleteField from '../fields/AutocompleteField.js';
+import TextField from '../fields/TextField.js';
+
+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 BatonAnalysisForm(_ref){var classes=_ref.classes,className=_ref.className,testplans=_ref.testplans,testplansLabel=_ref.testplansLabel,noTestplansText=_ref.noTestplansText,resources=_ref.resources,resourcesLabel=_ref.resourcesLabel,shapes=_ref.shapes,shapesLabel=_ref.shapesLabel,componentsLabel=_ref.componentsLabel,dynamicParamsLabel=_ref.dynamicParamsLabel,validation=_ref.validation,showDynamicParams=_ref.showDynamicParams,FieldProps=_ref.FieldProps,form=_ref.form;var _useFormState=useFormState(),_useFormState$values=_useFormState.values,selectedShape=_useFormState$values.shapeId,selectedComponent=_useFormState$values.componentId;var componentOptions=useMemo(function(){var shape=shapes.find(function(_ref2){var value=_ref2.value;return value===selectedShape;});return (shape===null||shape===void 0?void 0:shape.components)||[];},[selectedShape,shapes]);var onChangeShape=function onChangeShape(){if(selectedComponent){form.change('componentId','');}};return/*#__PURE__*/jsxs("form",{className:clsx(classes.root,'VdtBatonAnalysisForm-root',className),children:[/*#__PURE__*/jsx(Field,{name:"shapeId",children:function children(_ref3){var _ref3$input=_ref3.input,name=_ref3$input.name,value=_ref3$input.value,_onChange=_ref3$input.onChange;return/*#__PURE__*/jsx(SelectField,{name:name,label:shapesLabel,value:value,options:shapes,onChange:function onChange(e){onChangeShape();_onChange(e);}});}}),/*#__PURE__*/jsx(Field,_objectSpread({validate:validation,allowNull:true,name:"componentId",component:SelectField,options:componentOptions,label:componentsLabel,disabled:!selectedShape},FieldProps)),/*#__PURE__*/jsx(Field,_objectSpread({validate:validation,allowNull:true,name:"preset",component:AutocompleteField,label:testplansLabel,options:testplans,noOptionsText:noTestplansText,helperText:""},FieldProps)),/*#__PURE__*/jsx(Field,_objectSpread({name:"resourceId",component:SelectField,label:resourcesLabel,options:resources},FieldProps)),showDynamicParams&&/*#__PURE__*/jsx(Field,_objectSpread({name:"batonDynamicParams",component:TextField,label:dynamicParamsLabel,multiline:true},FieldProps))]});}BatonAnalysisForm.defaultProps={classes:{},form:{},className:'VdtBatonAnalysisDialog',testplans:[],testplansLabel:'Select testplan',noTestplansText:'No matching testplans',resources:[],resourcesLabel:'Select resource',shapes:[],shapesLabel:'Select shape',componentsLabel:'Select component (optional)',dynamicParamsLabel:'Dynamic parameters',validation:function validation(value){return !value?'Required':undefined;},showDynamicParams:false,FieldProps:{FormControlProps:{margin:'normal'}}};var BatonFormComponent = withStyles({},{name:'VdtBatonAnalysisForm'})(BatonAnalysisForm);
+
+export { BatonFormComponent as default };

package/dist/collection/AddToCollectionDialog/AddToCollectionDialog.js

@@ -0,0 +1,23 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core';
+import Button from '@material-ui/core/Button';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Tab from '@material-ui/core/Tab';
+import Tabs from '@material-ui/core/Tabs';
+import TextField from '@material-ui/core/TextField';
+import CreateNewFolderIcon from '@material-ui/icons/CreateNewFolder';
+import SearchIcon from '@material-ui/icons/Search';
+import { collection } from '@vidispine/vdt-api';
+import { parseMetadataType, createMetadataType } from '@vidispine/vdt-js';
+import CollectionSearchPicker from '../CollectionSearchPicker/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function defaultOnSubmit(entities,collectionIds){var groupSize=100;var binEntitiesGroups=entities.map(function(e,i){return i%groupSize===0?entities.slice(i,i+groupSize):null;}).filter(function(e){return e;});return Promise.all(binEntitiesGroups.flatMap(function(group){return collectionIds.map(function(collectionId){return collection.updateCollection({collectionId:collectionId,collectionDocument:{content:group.map(function(_ref){var id=_ref.id,type=_ref.type,metadata=_ref.metadata;return {id:id,mode:'add',type:type.toLowerCase(),metadata:metadata};})},queryParams:{clear:false}});});}));}function defaultOnCreate(entities,collectionDocument){return collection.createCollection({collectionDocument:_objectSpread({},collectionDocument)}).then(function(response){var newCollectionIds=new Array(response.data.id);defaultOnSubmit(entities,newCollectionIds);});}var CreateCollection=withStyles({},{name:'VdtCreateCollection'})(function(_ref2){var collectionDocument=_ref2.collectionDocument,onChange=_ref2.onChange,_ref2$collectionNameT=_ref2.collectionNameText,collectionNameText=_ref2$collectionNameT===void 0?'New Collection':_ref2$collectionNameT;var _ref3=collectionDocument.metadata?parseMetadataType(collectionDocument.metadata,{flat:true,joinValue:','}):{},_ref3$title=_ref3.title,title=_ref3$title===void 0?'':_ref3$title;var createCollectionDocument=function createCollectionDocument(newTitle){return {metadata:createMetadataType({title:newTitle})};};var handleChange=function handleChange(){var event=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var _event$target=event.target;_event$target=_event$target===void 0?{}:_event$target;var value=_event$target.value;if(value){return onChange(createCollectionDocument(value));}return onChange({});};return/*#__PURE__*/jsx(TextField,{value:title,required:true,autoFocus:true,margin:"dense",label:collectionNameText,type:"text",fullWidth:true,onChange:handleChange});});var styles={root:{}};function AddToCollectionDialog(_ref4){var classes=_ref4.classes,className=_ref4.className,entities=_ref4.entities,onClose=_ref4.onClose,onSubmit=_ref4.onSubmit,onCreate=_ref4.onCreate,onSuccess=_ref4.onSuccess,onError=_ref4.onError,CollectionPickerComponent=_ref4.CollectionPickerComponent,CollectionPickerProps=_ref4.CollectionPickerProps,CreateCollectionComponent=_ref4.CreateCollectionComponent,CreateCollectionProps=_ref4.CreateCollectionProps,defaultView=_ref4.defaultView,titleText=_ref4.titleText,submitText=_ref4.submitText,searchText=_ref4.searchText,createdText=_ref4.createdText,cancelText=_ref4.cancelText,CreateCollectionIcon=_ref4.CreateCollectionIcon,SearchCollectionIcon=_ref4.SearchCollectionIcon;var _useState=useState(defaultView),_useState2=_slicedToArray(_useState,2),view=_useState2[0],setView=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),collectionIds=_useState4[0],setCollectionIds=_useState4[1];var _useState5=useState({}),_useState6=_slicedToArray(_useState5,2),createCollectionDocument=_useState6[0],setCreateCollectionDocument=_useState6[1];var handleSubmit=function handleSubmit(){Promise.resolve(view==='create'?onCreate(entities,createCollectionDocument):onSubmit(entities,collectionIds)).then(function(){for(var _len=arguments.length,response=new Array(_len),_key=0;_key<_len;_key++){response[_key]=arguments[_key];}return onSuccess.apply(void 0,[collectionIds].concat(response));})["catch"](function(e){return onError(collectionIds,e);})["finally"](function(){return onClose();});};var isDisabled=view==='search'?collectionIds.length===0:Object.keys(createCollectionDocument).length===0;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtAddToCollectionDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{children:titleText}),/*#__PURE__*/jsxs(DialogContent,{children:[/*#__PURE__*/jsxs(Tabs,{value:view,onChange:function onChange(e,newValue){return newValue&&setView(newValue);},variant:"fullWidth",textColor:"primary",indicatorColor:"primary",style:{marginBottom:'10px'},children:[/*#__PURE__*/jsx(Tab,{value:"search",label:searchText,icon:/*#__PURE__*/jsx(SearchCollectionIcon,{})}),/*#__PURE__*/jsx(Tab,{value:"create",label:createdText,icon:/*#__PURE__*/jsx(CreateCollectionIcon,{})})]}),{search:/*#__PURE__*/jsx(CollectionPickerComponent,_objectSpread({onChange:setCollectionIds},CollectionPickerProps)),create:/*#__PURE__*/jsx(CreateCollectionComponent,_objectSpread({collectionDocument:createCollectionDocument,onChange:setCreateCollectionDocument},CreateCollectionProps))}[view]]}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:onClose,variant:"outlined",children:cancelText}),/*#__PURE__*/jsx(Button,{onClick:handleSubmit,color:"primary",variant:"contained",disabled:isDisabled,children:submitText})]})]});}AddToCollectionDialog.defaultProps={classes:{},className:undefined,CollectionPickerComponent:CollectionSearchPicker,CreateCollectionComponent:CreateCollection,onClose:function onClose(){},onSubmit:defaultOnSubmit,onCreate:defaultOnCreate,onSuccess:function onSuccess(){},// eslint-disable-next-line no-console
+onError:function onError(e){return console.error(e);},CollectionPickerProps:{},CreateCollectionProps:{},defaultView:'search',titleText:'Add to Collection',submitText:'Add',searchText:'Search',createdText:'Create',cancelText:'Cancel',CreateCollectionIcon:CreateNewFolderIcon,SearchCollectionIcon:SearchIcon};
+
+export { AddToCollectionDialog as default, styles };

package/dist/collection/AddToCollectionDialog/index.js

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

package/dist/collection/CollectionAccessTab.js

@@ -0,0 +1,15 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import Box from '@material-ui/core/Box';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import { withStyles } from '@material-ui/core/styles';
+import Switch from '@material-ui/core/Switch';
+import { useEntityAccess } from '@vidispine/vdt-react';
+import EntityAccessEdit from '../entity/EntityAccessAdd.js';
+import EntityAccessTable from '../entity/EntityAccessTable.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function CollectionAccessTab(_ref){var collectionId=_ref.collectionId,_ref$toggleAddLabelTe=_ref.toggleAddLabelText,toggleAddLabelText=_ref$toggleAddLabelTe===void 0?function(isAdding){return isAdding?'Cancel':'Add permission';}:_ref$toggleAddLabelTe,_ref$showAddAccess=_ref.showAddAccess,showAddAccess=_ref$showAddAccess===void 0?true:_ref$showAddAccess,_ref$EntityAccessTabl=_ref.EntityAccessTableProps,EntityAccessTableProps=_ref$EntityAccessTabl===void 0?{}:_ref$EntityAccessTabl;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isAdding=_useState2[0],setIsAdding=_useState2[1];var toggleAdd=function toggleAdd(){return setIsAdding(!isAdding);};var _useEntityAccess=useEntityAccess({entityId:collectionId,entityType:'collection'}),accessControlList=_useEntityAccess.accessControlList,onList=_useEntityAccess.onList,onRemove=_useEntityAccess.onRemove,onAdd=_useEntityAccess.onAdd;useEffect(function(){onList();},[onList]);var handleRemove=function handleRemove(props){return onRemove(props).then(onList);};var onAddSuccess=function onAddSuccess(){onList();setIsAdding(false);};return/*#__PURE__*/jsxs(Fragment,{children:[showAddAccess&&/*#__PURE__*/jsx(Box,{display:"flex",justifyContent:"flex-end",children:/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:isAdding,onChange:toggleAdd}),label:toggleAddLabelText(isAdding),labelPlacement:"start"})}),showAddAccess&&isAdding?/*#__PURE__*/jsx(EntityAccessEdit,{entityType:"collection",entityId:collectionId,onSuccess:onAddSuccess,onCancel:function onCancel(){return setIsAdding(false);},onSubmit:onAdd}):/*#__PURE__*/jsx(EntityAccessTable,_objectSpread({entityType:"collection",entityId:collectionId,accessControlList:accessControlList,onRemove:handleRemove},EntityAccessTableProps))]});}var CollectionAccessTab$1 = withStyles({},{name:'VdtCollectionAccessTab'})(CollectionAccessTab);
+
+export { CollectionAccessTab$1 as default };

package/dist/collection/CollectionCard/CollectionCard.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo } from 'react';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import MediaCard from '../../media/MediaCard/index.js';
+import CollectionAvatar from './components/CollectionAvatar.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["collectionType","MediaCardComponent","AvatarComponent","ThumbnailComponent","MenuComponent","ContentComponent","ActionsComponent","metadataToProps","parseMetadataOpts","titleSelector","subheaderSelector"];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={};var metadataToProps=function metadataToProps(_ref){var collectionType=_ref.collectionType,titleSelector=_ref.titleSelector,subheaderSelector=_ref.subheaderSelector,parseMetadataOpts=_ref.parseMetadataOpts;var _collectionType$metad=collectionType.metadata,metadata=_collectionType$metad===void 0?{}:_collectionType$metad;var parsedMetadata=parseMetadataType(metadata,parseMetadataOpts);return {title:titleSelector(parsedMetadata),subheader:subheaderSelector(parsedMetadata)};};function CollectionCard(_ref2){var collectionType=_ref2.collectionType,MediaCardComponent=_ref2.MediaCardComponent,AvatarComponent=_ref2.AvatarComponent,ThumbnailComponent=_ref2.ThumbnailComponent,MenuComponent=_ref2.MenuComponent,ContentComponent=_ref2.ContentComponent,ActionsComponent=_ref2.ActionsComponent,handleMetadataToProps=_ref2.metadataToProps,parseMetadataOpts=_ref2.parseMetadataOpts,titleSelector=_ref2.titleSelector,subheaderSelector=_ref2.subheaderSelector,innerProps=_objectWithoutProperties(_ref2,_excluded);var mediaCardProps=useMemo(function(){return handleMetadataToProps({collectionType:collectionType,parseMetadataOpts:parseMetadataOpts,titleSelector:titleSelector,subheaderSelector:subheaderSelector});},// eslint-disable-next-line react-hooks/exhaustive-deps
+[handleMetadataToProps]);return/*#__PURE__*/jsx(MediaCardComponent,_objectSpread({title:mediaCardProps.title,subheader:mediaCardProps.subheader,collectionType:collectionType,AvatarComponent:AvatarComponent,ThumbnailComponent:ThumbnailComponent,MenuComponent:MenuComponent,ContentComponent:ContentComponent,ActionsComponent:ActionsComponent},innerProps));}CollectionCard.defaultProps={collectionType:undefined,metadataToProps:metadataToProps,parseMetadataOpts:{joinValue:', ',flat:true},MediaCardComponent:MediaCard,AvatarComponent:CollectionAvatar,ThumbnailComponent:null,MenuComponent:null,ContentComponent:null,ActionsComponent:null,titleSelector:function titleSelector(parsedMetadata){return parsedMetadata.title;},subheaderSelector:function subheaderSelector(parsedMetadata){return parsedMetadata.created;}};
+
+export { CollectionCard as default, styles };

package/dist/collection/CollectionCard/components/CollectionAvatar.js

@@ -0,0 +1,7 @@
+import { Avatar } from '@material-ui/core';
+import { Folder } from '@material-ui/icons';
+import { jsx } from 'react/jsx-runtime';
+
+function CollectionAvatar(){return/*#__PURE__*/jsx(Avatar,{variant:"square",children:/*#__PURE__*/jsx(Folder,{})});}
+
+export { CollectionAvatar as default };

package/dist/collection/CollectionCard/index.js

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

package/dist/collection/CollectionCardThumbnail/CollectionCardThumbnail.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, useEffect } from 'react';
+import clsx from 'clsx';
+import { utils } from '@vidispine/vdt-api';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import ImageCollage from '../../general/ImageCollage/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","component","height","width","primaryColor","onClick","onError","innerProps","ImageCollageProps"];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:{},isClickable:{cursor:'pointer'}};};function CollectionCardThumbnail(_ref){var classes=_ref.classes,className=_ref.className,Component=_ref.component,height=_ref.height,width=_ref.width,primaryColor=_ref.primaryColor,onClick=_ref.onClick,onError=_ref.onError,innerProps=_ref.innerProps,_ref$ImageCollageProp=_ref.ImageCollageProps,ImageCollageProps=_ref$ImageCollageProp===void 0?{}:_ref$ImageCollageProp,props=_objectWithoutProperties(_ref,_excluded);var collectionId=innerProps.collectionId,_innerProps$collectio=innerProps.collectionType;_innerProps$collectio=_innerProps$collectio===void 0?{}:_innerProps$collectio;var metadata=_innerProps$collectio.metadata;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),thumbnailUrls=_useState2[0],setThumbnailUrls=_useState2[1];var _utils$defaultClient=utils.defaultClient;_utils$defaultClient=_utils$defaultClient===void 0?{}:_utils$defaultClient;var _utils$defaultClient$=_utils$defaultClient.defaults;_utils$defaultClient$=_utils$defaultClient$===void 0?{}:_utils$defaultClient$;var serverUrl=_utils$defaultClient$.baseURL;useEffect(function(){var _parseMetadataType=parseMetadataType(metadata,{flat:true}),_parseMetadataType$__=_parseMetadataType.__representativeThumbnailsNoAuth,thumbnailPaths=_parseMetadataType$__===void 0?[]:_parseMetadataType$__;setThumbnailUrls(thumbnailPaths.map(function(path){return (serverUrl?serverUrl.replace(/\/$/,''):'')+path;}));},[metadata,serverUrl]);var getItemId=function getItemId(){var url=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';try{return url.split(';').shift().split('/').pop();}catch(_){return '';}};var handleError=function handleError(e){var _e$target=e.target;_e$target=_e$target===void 0?{}:_e$target;var _e$target$src=_e$target.src,src=_e$target$src===void 0?'':_e$target$src;var itemId=getItemId(src);if(onError)onError("Could not get thumbnail for item ".concat(itemId," in collection ").concat(collectionId));setThumbnailUrls(function(existing){return existing.filter(function(url){return url!==src;});});};return/*#__PURE__*/jsx(Component,_objectSpread(_objectSpread({className:clsx(classes.root,className,_defineProperty({},classes.isClickable,onClick)),onClick:onClick},props),{},{children:/*#__PURE__*/jsx("div",{style:{height:height,width:width,backgroundColor:thumbnailUrls.length?undefined:primaryColor},children:/*#__PURE__*/jsx(ImageCollage,_objectSpread({className:"VdtCollectionCardThumbnail-image",urls:thumbnailUrls,onError:handleError},ImageCollageProps))})}));}CollectionCardThumbnail.defaultProps={className:'',classes:{},component:'div',height:180,width:284,primaryColor:undefined,onClick:undefined,onError:undefined,innerProps:{},ImageCollageProps:{}};
+
+export { CollectionCardThumbnail as default, styles };

package/dist/collection/CollectionCardThumbnail/index.js

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

package/dist/collection/CollectionContent/CollectionContent.js

@@ -0,0 +1,21 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect, createElement } from 'react';
+import clsx from 'clsx';
+import List from '@material-ui/core/List';
+import { withStyles, emphasize } from '@material-ui/core/styles';
+import { collection } from '@vidispine/vdt-api';
+import { useGetCollection, useRepresentativeItems, compose } from '@vidispine/vdt-react';
+import { uuidv4 } from '../../utils.js';
+import CollectionContentEntity from './components/CollectionContentEntity.js';
+import { jsx } from 'react/jsx-runtime';
+import withDrop from '../../dnd/hoc/withDrop.js';
+import withDrag from '../../dnd/hoc/withDrag.js';
+
+var _excluded=["children","classes","className"],_excluded2=["children","classes","className"];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 COLLECTION_ENTITY_TYPE='COLLECTION';var styles=function styles(){return {root:{}};};function CollectionContentWrapper(_ref){var children=_ref.children,classes=_ref.classes,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(List,_objectSpread(_objectSpread({className:clsx(className,classes.root)},props),{},{children:children}));}var collectionContentDroppableStyles=function collectionContentDroppableStyles(theme){return {root:{transition:'background-color 0.3s ease',paddingLeft:theme.spacing(2),paddingRight:theme.spacing(2),paddingTop:theme.spacing(1),paddingBottom:theme.spacing(1),minHeight:60,minWidth:300},canDrop:{boxShadow:"inset 0px 0px 1px 1px ".concat(theme.palette.primary.main),'&.VdtDroppable-isOver':{backgroundColor:emphasize(theme.palette.background.paper,0.05)}}};};var CollectionContentDroppable=compose(withStyles(collectionContentDroppableStyles,{name:'VdtCollectionContentDroppable'}),withDrop)(CollectionContentWrapper);var CollectionContentEntityStyles=function CollectionContentEntityStyles(theme){return {root:{marginBottom:theme.spacing(1.25),backgroundColor:theme.palette.type==='dark'?emphasize(theme.palette.background.paper,0.1):undefined,color:theme.palette.type==='dark'?theme.palette.common.white:undefined,borderColor:'transparent',borderWidth:0.7,borderStyle:'solid',transition:'border-color 1s ease-out',overflow:'hidden',borderRadius:4},isDragging:{opacity:0}};};function CollectionContentEntityWrapper(_ref2){_ref2.children;var _ref2$classes=_ref2.classes,classes=_ref2$classes===void 0?{}:_ref2$classes,className=_ref2.className,props=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx("div",{className:clsx(className,classes.root),children:/*#__PURE__*/jsx(CollectionContentEntity,_objectSpread({},props))});}var CollectionContentEntityDraggable=compose(withStyles(CollectionContentEntityStyles,{name:'VdtCollectionContentEntityDraggable'}),withDrag)(CollectionContentEntityWrapper);function CollectionContent(_ref3){var classes=_ref3.classes,className=_ref3.className,collectionId=_ref3.collectionId,_ref3$ListProps=_ref3.ListProps,ListProps=_ref3$ListProps===void 0?{}:_ref3$ListProps,_ref3$ListComponent=_ref3.ListComponent,ListComponent=_ref3$ListComponent===void 0?CollectionContentDroppable:_ref3$ListComponent,_ref3$ListItemCompone=_ref3.ListItemComponent,ListItemComponent=_ref3$ListItemCompone===void 0?CollectionContentEntityDraggable:_ref3$ListItemCompone,_ref3$ListItemProps=_ref3.ListItemProps,ListItemProps=_ref3$ListItemProps===void 0?{}:_ref3$ListItemProps,_ref3$ListItemMenuPro=_ref3.ListItemMenuProps,ListItemMenuProps=_ref3$ListItemMenuPro===void 0?{}:_ref3$ListItemMenuPro,onClick=_ref3.onClick,_ref3$onDrop=_ref3.onDrop,onDrop=_ref3$onDrop===void 0?function(){return undefined;}:_ref3$onDrop,onChange=_ref3.onChange,selected=_ref3.selected,onError=_ref3.onError,onRouteChange=_ref3.onRouteChange;var _useGetCollection=useGetCollection({collectionId:collectionId}),collectionType=_useGetCollection.collectionType,onRefresh=_useGetCollection.onRefresh;var content=collectionType.content;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),collectionContentItems=_useState2[0],setCollectionContentItems=_useState2[1];useEffect(function(){if(content)setCollectionContentItems(content.map(function(item){return _objectSpread(_objectSpread({},item),{},{reorderId:uuidv4()});}));},[content,setCollectionContentItems]);var onRemoveCollectionEntity=/*#__PURE__*/function(){var _ref4=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(selectedCollectionId,entityId,entityType){return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return collection.removeCollectionEntity({collectionId:selectedCollectionId,entityId:entityId,queryParams:{type:entityType.toLowerCase()}});case 3:onRefresh();_context.next=9;break;case 6:_context.prev=6;_context.t0=_context["catch"](0);if(onError)onError(_context.t0);case 9:case"end":return _context.stop();}}},_callee,null,[[0,6]]);}));return function onRemoveCollectionEntity(_x,_x2,_x3){return _ref4.apply(this,arguments);};}();var _useRepresentativeIte=useRepresentativeItems({collectionId:collectionId,onError:onError}),representativeItems=_useRepresentativeIte.representativeItems,onAddAsRepresentativeItem=_useRepresentativeIte.onAdd,onRemoveAsRepresentativeItem=_useRepresentativeIte.onRemove;var onSort=function onSort(_ref5){var dragId=_ref5.dragId,hoverId=_ref5.hoverId,originalDragIndex=_ref5.originalDragIndex;if(dragId===undefined||hoverId===undefined&&originalDragIndex===undefined)return;setCollectionContentItems(function(state){var newState=_toConsumableArray(state);var dragIndex=collectionContentItems.findIndex(function(item){return item.reorderId===dragId;});var hoverIndex=collectionContentItems.findIndex(function(item){return item.reorderId===hoverId;});var newDragIndex=hoverIndex>-1?hoverIndex:originalDragIndex;var _ref6=[newState[dragIndex],newState[newDragIndex]];newState[newDragIndex]=_ref6[0];newState[dragIndex]=_ref6[1];return newState;});};var handleOnChange=function handleOnChange(){if(onChange)onChange(collectionContentItems);};return/*#__PURE__*/jsx(ListComponent,_objectSpread(_objectSpread({dropInfo:{entityType:COLLECTION_ENTITY_TYPE},className:clsx(classes.root,className),onDrop:onDrop},ListProps),{},{children:collectionContentItems.map(function(collectionContentType,index){return/*#__PURE__*/createElement(ListItemComponent,_objectSpread(_objectSpread({},collectionContentType),{},{key:collectionContentType.reference||collectionContentType.id,index:index,id:collectionContentType.reorderId,itemId:collectionContentType.id,itemType:collectionContentType,collectionContentType:collectionContentType,representativeItems:representativeItems,selected:selected,onClick:onClick,onSort:onSort,callbackOnDrop:handleOnChange,onRouteChange:onRouteChange,ListItemMenuProps:_objectSpread({onRemoveCollectionEntity:onRemoveCollectionEntity,onAddAsRepresentativeItem:onAddAsRepresentativeItem,onRemoveAsRepresentativeItem:onRemoveAsRepresentativeItem,selectedCollectionId:collectionId},ListItemMenuProps)},ListItemProps));})}));}
+
+export { CollectionContent as default, styles };

package/dist/collection/CollectionContent/components/CollectionContentCollection.js

@@ -0,0 +1,17 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import clsx from 'clsx';
+import moment from 'moment';
+import { Paper, IconButton, ListItem, ListItemAvatar, Menu, MenuItem, ListItemText } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import FolderIcon from '@material-ui/icons/Folder';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import { parseTimespan } from '@vidispine/vdt-js';
+import MimeTypeIcon from '../../../general/MimeTypeIcon/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","ListItemTextComponent","collectionId","collectionType","showUser","showDate"];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 {ListItemAvatar:{paddingRight:6,marginTop:0,marginBottom:0},Paper:{height:94,width:168,display:'flex',alignItems:'center',justifyContent:'center'},Icon:{fontSize:40},primary:{textOverflow:'ellipsis',overflow:'hidden',whiteSpace:'nowrap'},secondary:{fontStyle:'italic'},ListItemText:{},Menu:{visibility:'hidden'},root:{'&:hover $Menu':{visibility:'visible'}}};};var defaultListItemTextComponent=function defaultListItemTextComponent(_ref){var className=_ref.className,classes=_ref.classes,_ref$ListItemTextComp=_ref.ListItemTextComponent,ListItemTextComponent=_ref$ListItemTextComp===void 0?ListItemText:_ref$ListItemTextComp;_ref.collectionId;var collectionType=_ref.collectionType,showUser=_ref.showUser,showDate=_ref.showDate,props=_objectWithoutProperties(_ref,_excluded);var _collectionType$metad=collectionType.metadata;_collectionType$metad=_collectionType$metad===void 0?{}:_collectionType$metad;var _collectionType$metad2=_collectionType$metad.timespan,timespanList=_collectionType$metad2===void 0?[]:_collectionType$metad2;var genericMetadataTimespan=timespanList.find(function(timespan){return timespan.start==='-INF'&&timespan.end==='+INF';});var _parseTimespan=parseTimespan(genericMetadataTimespan,{flat:true,arrayOnSingleValue:false}),title=_parseTimespan.title,user=_parseTimespan.user,created=_parseTimespan.created;var secondary;if(showUser){secondary=/*#__PURE__*/jsx("div",{className:classes.secondary,children:user});}if(showDate){secondary=/*#__PURE__*/jsx("div",{className:classes.secondary,children:moment(created).fromNow()});}if(showUser&&showDate){secondary=/*#__PURE__*/jsx("div",{className:classes.secondary,children:"".concat(user," \u2022 ").concat(moment(created).fromNow())});}return/*#__PURE__*/jsx(ListItemTextComponent,_objectSpread({className:className,primary:/*#__PURE__*/jsx("div",{className:classes.primary,children:title}),secondary:secondary,secondaryTypographyProps:{component:'div'}},props));};function ListItemMenu(_ref2){var className=_ref2.className,entityId=_ref2.entityId,entityType=_ref2.entityType,collectionId=_ref2.selectedCollectionId,onRemoveCollectionEntity=_ref2.onRemoveCollectionEntity,_ref2$onRemoveCollect=_ref2.onRemoveCollectionEntityText,onRemoveCollectionEntityText=_ref2$onRemoveCollect===void 0?'Remove From Collection':_ref2$onRemoveCollect,_ref2$IconComponent=_ref2.IconComponent,IconComponent=_ref2$IconComponent===void 0?MoreVertIcon:_ref2$IconComponent;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",{className:className,children:[/*#__PURE__*/jsx(IconButton,{onClick:handleMenuClick,children:/*#__PURE__*/jsx(IconComponent,{})}),/*#__PURE__*/jsx(Menu,{open:Boolean(anchorEl),onClose:handleMenuClose,anchorEl:anchorEl,children:/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(e){e.stopPropagation();onRemoveCollectionEntity(collectionId,entityId,entityType);handleMenuClose();},disabled:onRemoveCollectionEntity===undefined,children:onRemoveCollectionEntityText})})]});}function CollectionContentCollection(_ref3){var className=_ref3.className,classes=_ref3.classes,selected=_ref3.selected,collectionType=_ref3.collectionType,collectionId=_ref3.collectionId,entityType=_ref3.entityType,onClick=_ref3.onClick,_ref3$ListItemCompone=_ref3.ListItemComponent,ListItemComponent=_ref3$ListItemCompone===void 0?ListItem:_ref3$ListItemCompone,_ref3$ListItemProps=_ref3.ListItemProps,ListItemProps=_ref3$ListItemProps===void 0?{}:_ref3$ListItemProps,_ref3$ListItemTextCom=_ref3.ListItemTextComponent,ListItemTextComponent=_ref3$ListItemTextCom===void 0?defaultListItemTextComponent:_ref3$ListItemTextCom,_ref3$ListItemTextPro=_ref3.ListItemTextProps,ListItemTextProps=_ref3$ListItemTextPro===void 0?{}:_ref3$ListItemTextPro,_ref3$ListItemAvatarC=_ref3.ListItemAvatarComponent,ListItemAvatarComponent=_ref3$ListItemAvatarC===void 0?ListItemAvatar:_ref3$ListItemAvatarC,_ref3$ListItemAvatarP=_ref3.ListItemAvatarProps,ListItemAvatarProps=_ref3$ListItemAvatarP===void 0?{}:_ref3$ListItemAvatarP,_ref3$ListItemMenuCom=_ref3.ListItemMenuComponent,ListItemMenuComponent=_ref3$ListItemMenuCom===void 0?ListItemMenu:_ref3$ListItemMenuCom,_ref3$ListItemMenuPro=_ref3.ListItemMenuProps,ListItemMenuProps=_ref3$ListItemMenuPro===void 0?{}:_ref3$ListItemMenuPro,_ref3$PaperProps=_ref3.PaperProps,PaperProps=_ref3$PaperProps===void 0?{}:_ref3$PaperProps,_ref3$IconComponent=_ref3.IconComponent,IconComponent=_ref3$IconComponent===void 0?MimeTypeIcon:_ref3$IconComponent,_ref3$onRouteChange=_ref3.onRouteChange,onRouteChange=_ref3$onRouteChange===void 0?function(){}:_ref3$onRouteChange;var isSelected=selected&&selected.entityType==='collection'&&selected.entityId===collectionId;var onClickListItem=function onClickListItem(e){if(e.detail===2){onRouteChange(collectionId);}else {onClick({entityType:entityType,entityId:collectionId});}};return/*#__PURE__*/jsxs(ListItemComponent,_objectSpread(_objectSpread({className:clsx(classes.root,className),selected:isSelected,alignItems:"flex-start",button:true,onClick:onClickListItem,disableRipple:true},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemAvatarComponent,_objectSpread(_objectSpread({className:classes.ListItemAvatar},ListItemAvatarProps),{},{children:/*#__PURE__*/jsx(Paper,_objectSpread(_objectSpread({className:classes.Paper,elevation:0,square:true},PaperProps),{},{children:/*#__PURE__*/jsx(IconComponent,{mimeType:entityType,className:classes.Icon})}))})),/*#__PURE__*/jsx(ListItemTextComponent,_objectSpread({className:classes.ListItemText,classes:classes,collectionType:collectionType,collectionId:collectionId},ListItemTextProps)),/*#__PURE__*/jsx(IconButton,{onClick:function onClick(){return onRouteChange(collectionId);},className:classes.Menu,disableRipple:true,children:/*#__PURE__*/jsx(FolderIcon,{})}),ListItemMenuComponent&&/*#__PURE__*/jsx(ListItemMenuComponent,_objectSpread({className:classes.Menu,entityId:collectionId,entityType:entityType},ListItemMenuProps))]}));}var CollectionContentCollection$1 = withStyles(styles,{name:'VdtCollectionContentCollection'})(CollectionContentCollection);
+
+export { CollectionContentCollection$1 as default };

package/dist/collection/CollectionContent/components/CollectionContentEntity.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useEffect } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import { useGetEntity } from '@vidispine/vdt-react';
+import CollectionContentCollection from './CollectionContentCollection.js';
+import CollectionContentItem from './CollectionContentItem.js';
+import CollectionContentSkeleton from './CollectionContentSkeleton.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","selectedCollectionId","collectionContentType","onClick","onRemoveCollectionEntity","selected","ItemEntityComponent","ItemContentProps","CollectionEntityComponent","CollectionEntityProps","LoadingEntityComponent","LoadingEntityProps","onRouteChange"];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 CollectionContentEntity(_ref){var classes=_ref.classes,className=_ref.className;_ref.selectedCollectionId;var collectionContentType=_ref.collectionContentType,onClick=_ref.onClick;_ref.onRemoveCollectionEntity;var selected=_ref.selected,_ref$ItemEntityCompon=_ref.ItemEntityComponent,ItemEntityComponent=_ref$ItemEntityCompon===void 0?CollectionContentItem:_ref$ItemEntityCompon,_ref$ItemContentProps=_ref.ItemContentProps,ItemContentProps=_ref$ItemContentProps===void 0?{}:_ref$ItemContentProps,_ref$CollectionEntity=_ref.CollectionEntityComponent,CollectionEntityComponent=_ref$CollectionEntity===void 0?CollectionContentCollection:_ref$CollectionEntity,_ref$CollectionEntity2=_ref.CollectionEntityProps,CollectionEntityProps=_ref$CollectionEntity2===void 0?{}:_ref$CollectionEntity2,_ref$LoadingEntityCom=_ref.LoadingEntityComponent,LoadingEntityComponent=_ref$LoadingEntityCom===void 0?CollectionContentSkeleton:_ref$LoadingEntityCom,_ref$LoadingEntityPro=_ref.LoadingEntityProps,LoadingEntityProps=_ref$LoadingEntityPro===void 0?{}:_ref$LoadingEntityPro,onRouteChange=_ref.onRouteChange,EntityProps=_objectWithoutProperties(_ref,_excluded);var entityId=collectionContentType.id,entityType=collectionContentType.type,simpleMetadataType=collectionContentType.metadata;var _useGetEntity=useGetEntity({entityId:entityId,entityType:entityType}),itemType=_useGetEntity.itemType,itemId=_useGetEntity.itemId,collectionType=_useGetEntity.collectionType,collectionId=_useGetEntity.collectionId,onGetEntity=_useGetEntity.onGetEntity,isLoading=_useGetEntity.isLoading;useEffect(function(){onGetEntity({queryParams:{content:['metadata','thumbnail'],'noauth-url':true}});// eslint-disable-next-line react-hooks/exhaustive-deps
+},[]);return isLoading?/*#__PURE__*/jsx(LoadingEntityComponent,_objectSpread({AvatarProps:{height:94,width:168}},LoadingEntityProps)):{item:/*#__PURE__*/jsx(ItemEntityComponent,_objectSpread(_objectSpread({},EntityProps),{},{classes:classes,className:className,itemId:itemId,itemType:itemType,entityType:entityType,simpleMetadataType:simpleMetadataType,onClick:onClick,selected:selected},ItemContentProps)),collection:/*#__PURE__*/jsx(CollectionEntityComponent,_objectSpread(_objectSpread({},EntityProps),{},{classes:classes,className:className,collectionId:collectionId,collectionType:collectionType,entityType:entityType,simpleMetadataType:simpleMetadataType,onClick:onClick,selected:selected,onRouteChange:onRouteChange},CollectionEntityProps))}[entityType];}var CollectionContentEntity$1 = withStyles({},{name:'VdtCollectionContentEntity'})(CollectionContentEntity);
+
+export { CollectionContentEntity$1 as default };

package/dist/collection/CollectionContent/components/CollectionContentItem.js

@@ -0,0 +1,20 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo, useState } from 'react';
+import clsx from 'clsx';
+import get from 'lodash.get';
+import moment from 'moment';
+import { ListItem, Paper, IconButton, Menu, MenuItem, ListItemText, ListItemAvatar } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { Wallpaper } from '@material-ui/icons';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import { parseSimpleMetadataType, parseTimespan, formatTimeCodeText, formatTimeCodeSeconds, findNearestThumbnail } from '@vidispine/vdt-js';
+import MimeTypeIcon from '../../../general/MimeTypeIcon/index.js';
+import MediaCardThumbnail from '../../../media/MediaCardThumbnail/index.js';
+import MediaCardThumbnailLabel from '../../../media/MediaCardThumbnailLabel/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["className","classes","ListItemTextComponent","itemId","itemType","simpleMetadataType","primaryTextKeys","showWithStartTimecode","showUser","showDate"],_excluded2=["className","classes","itemId","itemType","simpleMetadataType","PaperProps","ThumbnailComponent","ThumbnailProps","ThumbnailLabelComponent","IconComponent","ListItemAvatarComponent"];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 {ListItemAvatar:{paddingRight:6,marginTop:0,marginBottom:0},Thumbnail:{},Paper:{height:94,width:168,position:'relative'},Icon:{fontSize:40,position:'absolute',left:'50%',marginLeft:-20,top:'50%',marginTop:-20},ThumbnailLabel:{position:'absolute',bottom:0,right:4},ListItemTextComponent:{},Menu:{visibility:'hidden'},primary:{textOverflow:'ellipsis',overflow:'hidden',whiteSpace:'nowrap'},secondary:{fontStyle:'italic'},root:{'&:hover $Menu':{visibility:'visible'}},menuContainer:{display:'flex',flexDirection:'column',justifyContent:'space-between',alignItems:'flex-end'},representativeWrapper:{height:46,width:46,display:'flex',justifyContent:'center',alignItems:'center'}};};var defaultListItemTextComponent=function defaultListItemTextComponent(_ref){var className=_ref.className,classes=_ref.classes,_ref$ListItemTextComp=_ref.ListItemTextComponent,ListItemTextComponent=_ref$ListItemTextComp===void 0?ListItemText:_ref$ListItemTextComp;_ref.itemId;var itemType=_ref.itemType,simpleMetadataType=_ref.simpleMetadataType,_ref$primaryTextKeys=_ref.primaryTextKeys,primaryTextKeys=_ref$primaryTextKeys===void 0?['adu_label_AWSVideoRekognitionAnalyzer.adu_value','adu_transcript_AWSTranscribeAnalyzer.adu_value','adu_celebrity_AWSVideoRekognitionAnalyzer.adu_value','stl_subtitle.stl_text','co']:_ref$primaryTextKeys,_ref$showWithStartTim=_ref.showWithStartTimecode,showWithStartTimecode=_ref$showWithStartTim===void 0?true:_ref$showWithStartTim,showUser=_ref.showUser,showDate=_ref.showDate,props=_objectWithoutProperties(_ref,_excluded);var _parseSimpleMetadataT=parseSimpleMetadataType(simpleMetadataType),startText=_parseSimpleMetadataT.start,endText=_parseSimpleMetadataT.end;var isEvent=startText!==undefined;var _itemType$metadata=itemType.metadata;_itemType$metadata=_itemType$metadata===void 0?{}:_itemType$metadata;var _itemType$metadata$ti=_itemType$metadata.timespan,timespanList=_itemType$metadata$ti===void 0?[]:_itemType$metadata$ti;var timedMetadataTimespan=timespanList.find(function(_ref2){var start=_ref2.start,end=_ref2.end;return start===startText&&end===endText;});var genericMetadataTimespan=timespanList.find(function(_ref3){var start=_ref3.start,end=_ref3.end;return start==='-INF'&&end==='+INF';});var _parseTimespan=parseTimespan(genericMetadataTimespan,{flat:true,arrayOnSingleValue:false}),title=_parseTimespan.title,originalFilename=_parseTimespan.originalFilename,durationSeconds=_parseTimespan.durationSeconds,user=_parseTimespan.user,created=_parseTimespan.created,startTimecodeText=_parseTimespan.startTimeCode;var timedMetadata=parseTimespan(timedMetadataTimespan,{flat:true,arrayOnSingleValue:false});var start=formatTimeCodeText(startText);var end=formatTimeCodeText(endText);var startTimecode=startTimecodeText?formatTimeCodeText(startTimecodeText):undefined;var displayStart=(showWithStartTimecode&&startTimecode?startTimecode.add(start):start).toSmpte();var displayEnd=(showWithStartTimecode&&startTimecode?startTimecode.add(end):end).toSmpte();var primary;var secondary;if(isEvent){primary=/*#__PURE__*/jsx("div",{children:primaryTextKeys.map(function(textKey){return get(timedMetadata,textKey)!==undefined?/*#__PURE__*/jsx("div",{className:classes.primary,children:get(timedMetadata,textKey)},textKey):null;})});secondary=/*#__PURE__*/jsxs("div",{children:[/*#__PURE__*/jsx("div",{className:classes.primary,children:title||originalFilename}),/*#__PURE__*/jsx("div",{className:classes.secondary,children:"".concat(displayStart," - ").concat(displayEnd)}),showUser&&!showDate&&/*#__PURE__*/jsx("div",{className:classes.secondary,children:user}),showDate&&!showUser&&/*#__PURE__*/jsx("div",{className:classes.secondary,children:moment(created).fromNow()}),showDate&&showUser&&/*#__PURE__*/jsx("div",{className:classes.secondary,children:"".concat(user," \u2022 ").concat(moment(created).fromNow())})]});}else if(durationSeconds){primary=/*#__PURE__*/jsx("div",{className:classes.primary,children:title||originalFilename});if(showUser){secondary=/*#__PURE__*/jsx("div",{className:classes.secondary,children:user});}if(showDate){secondary=/*#__PURE__*/jsx("div",{className:classes.secondary,children:moment(created).fromNow()});}if(showUser&&showDate){secondary=/*#__PURE__*/jsx("div",{className:classes.secondary,children:"".concat(user," \u2022 ").concat(moment(created).fromNow())});}}return/*#__PURE__*/jsx(ListItemTextComponent,_objectSpread({className:className,primary:primary,secondary:secondary,secondaryTypographyProps:{component:'div'}},props));};var defaultListItemAvatarComponent=function defaultListItemAvatarComponent(_ref4){var className=_ref4.className,classes=_ref4.classes;_ref4.itemId;var itemType=_ref4.itemType,simpleMetadataType=_ref4.simpleMetadataType,_ref4$PaperProps=_ref4.PaperProps,PaperProps=_ref4$PaperProps===void 0?{}:_ref4$PaperProps,_ref4$ThumbnailCompon=_ref4.ThumbnailComponent,ThumbnailComponent=_ref4$ThumbnailCompon===void 0?MediaCardThumbnail:_ref4$ThumbnailCompon,_ref4$ThumbnailProps=_ref4.ThumbnailProps,ThumbnailProps=_ref4$ThumbnailProps===void 0?{}:_ref4$ThumbnailProps,_ref4$ThumbnailLabelC=_ref4.ThumbnailLabelComponent,ThumbnailLabelComponent=_ref4$ThumbnailLabelC===void 0?MediaCardThumbnailLabel:_ref4$ThumbnailLabelC,_ref4$IconComponent=_ref4.IconComponent,IconComponent=_ref4$IconComponent===void 0?MimeTypeIcon:_ref4$IconComponent,_ref4$ListItemAvatarC=_ref4.ListItemAvatarComponent,ListItemAvatarComponent=_ref4$ListItemAvatarC===void 0?ListItemAvatar:_ref4$ListItemAvatarC,props=_objectWithoutProperties(_ref4,_excluded2);var _parseSimpleMetadataT2=parseSimpleMetadataType(simpleMetadataType),startTimecodeText=_parseSimpleMetadataT2.start,endTimecodeText=_parseSimpleMetadataT2.end;var isEvent=startTimecodeText!==undefined;var _itemType$metadata2=itemType.metadata;_itemType$metadata2=_itemType$metadata2===void 0?{}:_itemType$metadata2;var _itemType$metadata2$t=_itemType$metadata2.timespan,timespanList=_itemType$metadata2$t===void 0?[]:_itemType$metadata2$t;var genericMetadataTimespan=timespanList.find(function(_ref5){var start=_ref5.start,end=_ref5.end;return start==='-INF'&&end==='+INF';});var _parseTimespan2=parseTimespan(genericMetadataTimespan,{flat:true,arrayOnSingleValue:false}),durationSeconds=_parseTimespan2.durationSeconds,mimeType=_parseTimespan2.mimeType;var start=formatTimeCodeText(startTimecodeText);var end=formatTimeCodeText(endTimecodeText);var labelRightBottom;if(isEvent){labelRightBottom=end.subtract(start).toSmpte();}else if(durationSeconds){labelRightBottom=formatTimeCodeSeconds(durationSeconds).toDuration();}var thumbnail=findNearestThumbnail(itemType,startTimecodeText);return/*#__PURE__*/jsx(ListItemAvatarComponent,_objectSpread(_objectSpread({className:className},props),{},{children:thumbnail?/*#__PURE__*/jsx(ThumbnailComponent,_objectSpread({className:classes.Thumbnail,innerProps:{itemType:{thumbnails:{uri:[thumbnail]}}},height:94,width:168,labelRightBottom:labelRightBottom},ThumbnailProps)):/*#__PURE__*/jsxs(Paper,_objectSpread(_objectSpread({className:classes.Paper,elevation:0,square:true},PaperProps),{},{children:[/*#__PURE__*/jsx(IconComponent,{mimeType:mimeType,className:classes.Icon}),labelRightBottom&&/*#__PURE__*/jsx(ThumbnailLabelComponent,{className:classes.ThumbnailLabel,label:labelRightBottom})]}))}));};function ListItemMenu(_ref6){var className=_ref6.className,entityId=_ref6.entityId,entityType=_ref6.entityType,collectionId=_ref6.selectedCollectionId,isRepresentativeItem=_ref6.isRepresentativeItem,onRemoveCollectionEntity=_ref6.onRemoveCollectionEntity,_ref6$onRemoveCollect=_ref6.onRemoveCollectionEntityText,onRemoveCollectionEntityText=_ref6$onRemoveCollect===void 0?'Remove From Collection':_ref6$onRemoveCollect,onAddAsRepresentativeItem=_ref6.onAddAsRepresentativeItem,_ref6$onAddAsRepresen=_ref6.onAddAsRepresentativeItemText,onAddAsRepresentativeItemText=_ref6$onAddAsRepresen===void 0?'Add As Representative Item':_ref6$onAddAsRepresen,onRemoveAsRepresentativeItem=_ref6.onRemoveAsRepresentativeItem,_ref6$onRemoveAsRepre=_ref6.onRemoveAsRepresentativeItemText,onRemoveAsRepresentativeItemText=_ref6$onRemoveAsRepre===void 0?'Remove As Representative Item':_ref6$onRemoveAsRepre,_ref6$IconComponent=_ref6.IconComponent,IconComponent=_ref6$IconComponent===void 0?MoreVertIcon:_ref6$IconComponent;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",{className:className,children:[/*#__PURE__*/jsx(IconButton,{onClick:handleMenuClick,children:/*#__PURE__*/jsx(IconComponent,{})}),/*#__PURE__*/jsxs(Menu,{open:Boolean(anchorEl),onClose:handleMenuClose,anchorEl:anchorEl,children:[/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(e){e.stopPropagation();onRemoveCollectionEntity(collectionId,entityId,entityType);handleMenuClose();},disabled:onRemoveCollectionEntity===undefined,children:onRemoveCollectionEntityText}),isRepresentativeItem===false&&/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(e){e.stopPropagation();onAddAsRepresentativeItem(entityId);handleMenuClose();},disabled:onAddAsRepresentativeItem===undefined,children:onAddAsRepresentativeItemText}),isRepresentativeItem===true&&/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(e){e.stopPropagation();onRemoveAsRepresentativeItem(entityId);handleMenuClose();},disabled:onRemoveAsRepresentativeItem===undefined,children:onRemoveAsRepresentativeItemText})]})]});}function CollectionContentItem(_ref7){var className=_ref7.className,classes=_ref7.classes,selected=_ref7.selected,simpleMetadataType=_ref7.simpleMetadataType,itemType=_ref7.itemType,itemId=_ref7.itemId,entityType=_ref7.entityType,selectedCollectionId=_ref7.selectedCollectionId,representativeItems=_ref7.representativeItems,onClick=_ref7.onClick,onRemoveCollectionEntity=_ref7.onRemoveCollectionEntity,_ref7$ListItemCompone=_ref7.ListItemComponent,ListItemComponent=_ref7$ListItemCompone===void 0?ListItem:_ref7$ListItemCompone,_ref7$ListItemProps=_ref7.ListItemProps,ListItemProps=_ref7$ListItemProps===void 0?{}:_ref7$ListItemProps,_ref7$ListItemTextCom=_ref7.ListItemTextComponent,ListItemTextComponent=_ref7$ListItemTextCom===void 0?defaultListItemTextComponent:_ref7$ListItemTextCom,_ref7$ListItemTextPro=_ref7.ListItemTextProps,ListItemTextProps=_ref7$ListItemTextPro===void 0?{}:_ref7$ListItemTextPro,_ref7$ListItemAvatarC=_ref7.ListItemAvatarComponent,ListItemAvatarComponent=_ref7$ListItemAvatarC===void 0?defaultListItemAvatarComponent:_ref7$ListItemAvatarC,_ref7$ListItemAvatarP=_ref7.ListItemAvatarProps,ListItemAvatarProps=_ref7$ListItemAvatarP===void 0?{}:_ref7$ListItemAvatarP,_ref7$ListItemMenuCom=_ref7.ListItemMenuComponent,ListItemMenuComponent=_ref7$ListItemMenuCom===void 0?ListItemMenu:_ref7$ListItemMenuCom,_ref7$ListItemMenuPro=_ref7.ListItemMenuProps,ListItemMenuProps=_ref7$ListItemMenuPro===void 0?{}:_ref7$ListItemMenuPro;var _parseSimpleMetadataT3=parseSimpleMetadataType(simpleMetadataType),startTimecodeText=_parseSimpleMetadataT3.start,endTimecodeText=_parseSimpleMetadataT3.end;var isSelected=selected&&selected.entityType==='item'&&selected.entityId===itemId&&selected.startTimecodeText===startTimecodeText&&selected.endTimecodeText===endTimecodeText;var onClickListItem=function onClickListItem(){return onClick({entityType:entityType,entityId:itemId,startTimecodeText:startTimecodeText,endTimecodeText:endTimecodeText,entity:itemType});};var isRepresentativeItem=useMemo(function(){return representativeItems?representativeItems.some(function(_ref8){var value=_ref8.value;return value===itemId;}):undefined;},[itemId,representativeItems]);return/*#__PURE__*/jsxs(ListItemComponent,_objectSpread(_objectSpread({className:clsx(classes.root,className),selected:isSelected,alignItems:"flex-start",button:true,onClick:onClickListItem,disableRipple:true},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemAvatarComponent,_objectSpread({className:classes.ListItemAvatar,classes:classes,itemId:itemId,itemType:itemType,simpleMetadataType:simpleMetadataType},ListItemAvatarProps)),/*#__PURE__*/jsx(ListItemTextComponent,_objectSpread({className:classes.ListItemTextComponent,classes:classes,itemId:itemId,itemType:itemType,simpleMetadataType:simpleMetadataType},ListItemTextProps)),ListItemMenuComponent&&/*#__PURE__*/jsxs("div",{className:classes.menuContainer,children:[/*#__PURE__*/jsx(ListItemMenuComponent,_objectSpread({className:classes.Menu,entityId:itemId,entityType:"item",selectedCollectionId:selectedCollectionId,isRepresentativeItem:isRepresentativeItem,onRemoveCollectionEntity:onRemoveCollectionEntity},ListItemMenuProps)),isRepresentativeItem&&/*#__PURE__*/jsx("span",{className:classes.representativeWrapper,children:/*#__PURE__*/jsx(Wallpaper,{})})]})]}));}var CollectionContentItem$1 = withStyles(styles,{name:'VdtCollectionContentItem'})(CollectionContentItem);
+
+export { CollectionContentItem$1 as default };

package/dist/collection/CollectionContent/components/CollectionContentSkeleton.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { ListItem, ListItemAvatar, ListItemText, ListItemSecondaryAction } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import Skeleton from '@material-ui/lab/Skeleton';
+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 {root:{},ListItemAvatar:{},Avatar:{},ListItemText:{},Action:{},ListItemSecondaryAction:{visibility:'hidden'},ListItemContainer:{'&:hover $ListItemSecondaryAction':{visibility:'visible'}}};};function CollectionContentSkeleton(_ref){var classes=_ref.classes,className=_ref.className,AvatarComponent=_ref.AvatarComponent,AvatarProps=_ref.AvatarProps,ActionComponent=_ref.ActionComponent,ActionProps=_ref.ActionProps,ListItemProps=_ref.ListItemProps,ListItemAvatarProps=_ref.ListItemAvatarProps,ListItemTextProps=_ref.ListItemTextProps;return/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtCollectionContentSkeleton-root'),classes:{container:classes.ListItemContainer}},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemAvatar,_objectSpread(_objectSpread({className:clsx(classes.ListItemAvatar,'VdtCollectionContentSkeleton-ListItemAvatar')},ListItemAvatarProps),{},{children:/*#__PURE__*/jsx(AvatarComponent,_objectSpread({variant:"rect",height:"100%",width:"100%"},AvatarProps))})),/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:/*#__PURE__*/jsx(Skeleton,{width:120}),secondary:/*#__PURE__*/jsx(Skeleton,{width:60}),className:clsx(classes.ListItemText,'VdtCollectionContentSkeleton-ListItemText')},ListItemTextProps)),ActionComponent&&/*#__PURE__*/jsx(ListItemSecondaryAction,{className:clsx(classes.ListItemSecondaryAction,'VdtCollectionContentSkeleton-ListItemSecondaryAction'),children:/*#__PURE__*/jsx(ActionComponent,_objectSpread({skeleton:true,className:clsx(classes.Action,'VdtCollectionContentSkeleton-Action')},ActionProps))})]}));}CollectionContentSkeleton.defaultProps={className:undefined,classes:{},ActionComponent:undefined,ActionProps:{},AvatarComponent:Skeleton,AvatarProps:{},ListItemProps:{},ListItemAvatarProps:{},ListItemTextProps:{}};var CollectionContentSkeleton$1 = withStyles(styles,{name:'VdtCollectionContentSkeleton'})(CollectionContentSkeleton);
+
+export { CollectionContentSkeleton$1 as default };

package/dist/collection/CollectionContent/index.js

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

package/dist/collection/CollectionCreateDialog/CollectionCreateDialog.js

@@ -0,0 +1,15 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import TextField from '@material-ui/core/TextField';
+import { collection } from '@vidispine/vdt-api';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{}};};function CollectionCreateDialog(_ref){var classes=_ref.classes,className=_ref.className,collectionDocument=_ref.collectionDocument,createText=_ref.createText,closeText=_ref.closeText,collectionNameText=_ref.collectionNameText,title=_ref.title,open=_ref.open,onClose=_ref.onClose,onSuccess=_ref.onSuccess;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),collectionName=_useState2[0],setCollectionName=_useState2[1];var onCreateCollection=function onCreateCollection(){var queryParams={name:collectionName};collection.createCollection({collectionDocument:collectionDocument,queryParams:queryParams}).then(function(_ref2){var newCollectionDocument=_ref2.data;if(onSuccess)onSuccess(newCollectionDocument);});};return/*#__PURE__*/jsxs(Dialog,{open:open,onClose:onClose,className:clsx(classes.root,'VdtCollectionCreateDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{children:title}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(TextField,{autoFocus:true,margin:"dense",label:collectionNameText,type:"text",fullWidth:true,onChange:function onChange(event){return setCollectionName(event.target.value);}})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:onClose,children:closeText}),/*#__PURE__*/jsx(Button,{onClick:onCreateCollection,color:"primary",variant:"contained",disabled:!collectionName,children:createText})]})]});}CollectionCreateDialog.defaultProps={className:undefined,classes:{},collectionDocument:{},createText:'Create',closeText:'Cancel',collectionNameText:'Collection Name',title:'New Collection',open:false,onClose:undefined,onSuccess:undefined};
+
+export { CollectionCreateDialog as default, styles };

package/dist/collection/CollectionCreateDialog/index.js

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

package/dist/collection/CollectionGrid/CollectionGrid.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import Grid from '@material-ui/core/Grid';
+import CollectionCard from '../CollectionCard/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:{}};function CollectionGrid(_ref){var className=_ref.className,classes=_ref.classes,collectionListType=_ref.collectionListType,CollectionCardComponent=_ref.CollectionCardComponent,CollectionCardProps=_ref.CollectionCardProps,GridContainerProps=_ref.GridContainerProps,GridItemProps=_ref.GridItemProps,onCollectionClick=_ref.onCollectionClick,onItemClick=_ref.onItemClick;var _collectionListType$c=collectionListType.collection,collection=_collectionListType$c===void 0?[]:_collectionListType$c;var _GridItemProps$style=GridItemProps.style,gridItemPropsStyle=_GridItemProps$style===void 0?{}:_GridItemProps$style;var _onClick=onCollectionClick||onItemClick;return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({container:true,className:clsx(classes.root,'VdtCollectionCreateDialog-root',className)},GridContainerProps),{},{children:collection&&collection.map(function(collectionType,index){return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({item:true,xs:"auto",onClick:function onClick(){return _onClick&&_onClick(collectionType);}},GridItemProps),{},{style:_objectSpread({cursor:_onClick?'pointer':'initial'},gridItemPropsStyle),children:/*#__PURE__*/jsx(CollectionCardComponent,_objectSpread({index:index,collectionId:collectionType.id,collectionType:collectionType},CollectionCardProps))}),collectionType.id);})}));}CollectionGrid.defaultProps={className:undefined,classes:{},collectionListType:{},CollectionCardComponent:CollectionCard,CollectionCardProps:{},GridContainerProps:{},GridItemProps:{},onItemClick:null,onCollectionClick:null};
+
+export { CollectionGrid, CollectionGrid as default, styles };

package/dist/collection/CollectionGrid/index.js

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

package/dist/collection/CollectionLabel.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { withStyles, Box, Typography } from '@material-ui/core';
+import { Folder } from '@material-ui/icons';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles={root:{}};function CollectionLabel(_ref){var className=_ref.className,classes=_ref.classes,collection=_ref.collection,labelField=_ref.labelField;var collectionLabel=useMemo(function(){if(!labelField)return collection.id;if(labelField==='name')return collection.name||collection.id;var metadata=parseMetadataType(collection.metadata,{joinValue:',',flat:true});return metadata[labelField]||collection.id;},[labelField,collection]);return/*#__PURE__*/jsxs(Box,{className:clsx(className,classes.root,'VdtCollectionLabel-root'),display:"flex",alignItems:"flex-end",children:[/*#__PURE__*/jsx(Folder,{color:"inherit"}),/*#__PURE__*/jsx(Typography,{variant:"body1",style:{fontWeight:'inherit'},children:collectionLabel})]});}var CollectionLabel$1 = withStyles(styles,{name:'CollectionLabel'})(CollectionLabel);
+
+export { CollectionLabel$1 as default };

package/dist/collection/CollectionList/CollectionList.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import List from '@material-ui/core/List';
+import CollectionListItem from '../CollectionListItem/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=function styles(){return {root:{width:'100%'},listItem:{},addButton:{}};};function CollectionList(_ref){var classes=_ref.classes,className=_ref.className,collectionListType=_ref.collectionListType,onItemClick=_ref.onItemClick,CollectionListItemComponent=_ref.CollectionListItemComponent,CollectionListItemProps=_ref.CollectionListItemProps;var _collectionListType$c=collectionListType.collection,collectionList=_collectionListType$c===void 0?[]:_collectionListType$c;return/*#__PURE__*/jsx(List,{className:clsx(classes.root,'VdtCollectionList-root',className),children:collectionList.map(function(collectionType){return/*#__PURE__*/jsx(CollectionListItemComponent,_objectSpread({collectionType:collectionType,onClick:onItemClick},CollectionListItemProps),collectionType.id);})});}CollectionList.defaultProps={className:undefined,classes:{},collectionListType:{},onItemClick:undefined,CollectionListItemComponent:CollectionListItem,CollectionListItemProps:{}};
+
+export { CollectionList as default, styles };

package/dist/collection/CollectionList/index.js

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

package/dist/collection/CollectionListItem/CollectionListItem.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { ListItem, ListItemAvatar, ListItemText, ListItemSecondaryAction } from '@material-ui/core';
+import Skeleton from '@material-ui/lab/Skeleton';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import MediaCardAvatar from '../../media/MediaCardAvatar/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(){return {ListItemSecondaryAction:{visibility:'hidden'},ListItemContainer:{'&:hover $ListItemSecondaryAction':{visibility:'visible'}}};};function CollectionListItem(_ref){var classes=_ref.classes,className=_ref.className,collectionType=_ref.collectionType,onClick=_ref.onClick,parseMetadataOptions=_ref.parseMetadataOptions,primary=_ref.primary,secondary=_ref.secondary,AvatarComponent=_ref.AvatarComponent,AvatarProps=_ref.AvatarProps,ActionComponent=_ref.ActionComponent,ActionProps=_ref.ActionProps,ListItemProps=_ref.ListItemProps,skeleton=_ref.skeleton;var collectionId=collectionType.id,metadataType=collectionType.metadata;var parsedMetadata=parseMetadataType(metadataType,parseMetadataOptions);var primaryText;var secondaryText;if(typeof primary==='string'){primaryText=parsedMetadata[primary];}else if(typeof primary==='function'){primaryText=primary(_objectSpread(_objectSpread({},parsedMetadata),{},{collectionType:collectionType,collectionId:collectionId}));}if(typeof secondary==='string'){secondaryText=parsedMetadata[secondary];}else if(typeof secondary==='function'){secondaryText=secondary(_objectSpread(_objectSpread({},parsedMetadata),{},{collectionType:collectionType,collectionId:collectionId}));}return/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtCollectionListItem-root'),onClick:onClick?function(event){return onClick(event,{collectionId:collectionId,collectionType:collectionType});}:undefined,button:onClick?true:undefined,classes:{container:classes.ListItemContainer}},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemAvatar,{className:clsx(classes.ListItemAvatar,'VdtCollectionListItem-ListItemAvatar'),children:/*#__PURE__*/jsx(AvatarComponent,_objectSpread({avatar:"collection",collectionId:collectionId,collectionType:collectionType,skeleton:skeleton},AvatarProps))}),/*#__PURE__*/jsx(ListItemText,{primary:skeleton?/*#__PURE__*/jsx(Skeleton,{width:120}):primaryText,secondary:skeleton?/*#__PURE__*/jsx(Skeleton,{width:60}):secondaryText}),ActionComponent&&/*#__PURE__*/jsx(ListItemSecondaryAction,{className:clsx(classes.ListItemSecondaryAction,'VdtCollectionListItem-ListItemSecondaryAction'),children:/*#__PURE__*/jsx(ActionComponent,_objectSpread({skeleton:skeleton,collectionId:collectionId,collectionType:collectionType},ActionProps))})]}));}CollectionListItem.defaultProps={className:undefined,classes:{},primary:function primary(_ref2){var collectionId=_ref2.collectionId;return collectionId;},secondary:undefined,onClick:undefined,ActionComponent:undefined,ActionProps:{},AvatarComponent:MediaCardAvatar,AvatarProps:{},ListItemProps:{},parseMetadataOptions:{flat:true,arrayOnSingleValue:false},skeleton:false};
+
+export { CollectionListItem as default, styles };

package/dist/collection/CollectionListItem/index.js

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