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

package/dist/item/AddRelationDialog.js

@@ -0,0 +1,19 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+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 { withStyles } from '@material-ui/core/styles';
+import SearchIcon from '@material-ui/icons/Search';
+import { item } from '@vidispine/vdt-api';
+import ItemSearchPicker from './ItemSearchPicker.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function defaultOnSubmit(itemId,itemIds){return Promise.resolve(item.createItemRelationList({itemRelationListDocument:{relation:itemIds.map(function(item){return {direction:{source:itemId,target:item}};})}}));}function AddRelationDialog(_ref){var classes=_ref.classes,className=_ref.className,itemId=_ref.itemId,onSubmit=_ref.onSubmit,onSuccess=_ref.onSuccess,onError=_ref.onError,ItemPickerComponent=_ref.ItemPickerComponent,ItemPickerProps=_ref.ItemPickerProps,view=_ref.defaultView,titleText=_ref.titleText,submitText=_ref.submitText,onRefresh=_ref.onRefresh,open=_ref.open,setOpenDialog=_ref.setOpenDialog;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),itemIds=_useState2[0],setItemIds=_useState2[1];var handleSubmit=function handleSubmit(){Promise.resolve(onSubmit(itemId,itemIds)).then(function(){for(var _len=arguments.length,response=new Array(_len),_key=0;_key<_len;_key++){response[_key]=arguments[_key];}onSuccess.apply(void 0,[itemIds].concat(response));setOpenDialog(false);onRefresh();})["catch"](function(e){return onError(itemIds,e);})["finally"](function(){return setOpenDialog(false);});};return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtAddRelationDialog-root',className),children:/*#__PURE__*/jsxs(Dialog,{open:open,onClose:function onClose(){setOpenDialog(false);},children:[/*#__PURE__*/jsx(DialogTitle,{children:titleText}),/*#__PURE__*/jsx(DialogContent,{children:{search:/*#__PURE__*/jsx(ItemPickerComponent,_objectSpread({onChange:setItemIds},ItemPickerProps))}[view]}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:function onClick(){setOpenDialog(false);},color:"secondary",children:"Cancel"}),/*#__PURE__*/jsx(Button,{onClick:handleSubmit,color:"primary",variant:"contained",disabled:view==='search'&&itemIds.length===0,children:submitText})]})]})});}AddRelationDialog.defaultProps={classes:{},className:undefined,ItemPickerComponent:ItemSearchPicker,onClose:function onClose(){},onSubmit:defaultOnSubmit,onSuccess:function onSuccess(){},// eslint-disable-next-line no-console
+onError:function onError(e){return console.error(e);},ItemPickerProps:{},CreateCollectionProps:{},defaultView:'search',titleText:'Add Relation',submitText:'Add',searchText:'Search',SearchCollectionIcon:SearchIcon,onRefresh:function onRefresh(){},open:false,setOpenDialog:function setOpenDialog(){}};var AddRelationDialog$1 = withStyles({},{name:'VdtAddRelationDialog'})(AddRelationDialog);
+
+export { AddRelationDialog$1 as default };

package/dist/item/ItemAccessTab.js

@@ -0,0 +1,16 @@
+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 ItemAccessTab(_ref){var itemId=_ref.itemId,_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:itemId,entityType:'item'}),accessControlList=_useEntityAccess.accessControlList,onList=_useEntityAccess.onList,onRemove=_useEntityAccess.onRemove,onAdd=_useEntityAccess.onAdd;useEffect(function(){onList();// eslint-disable-next-line react-hooks/exhaustive-deps
+},[itemId]);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:"item",entityId:itemId,onSuccess:onAddSuccess,onCancel:function onCancel(){return setIsAdding(false);},onSubmit:onAdd}):/*#__PURE__*/jsx(EntityAccessTable,_objectSpread({entityType:"item",entityId:itemId,accessControlList:accessControlList,onRemove:handleRemove},EntityAccessTableProps))]});}var ItemAccessTab$1 = withStyles({},{name:'VdtItemAccessTab'})(ItemAccessTab);
+
+export { ItemAccessTab$1 as default };

package/dist/item/ItemCard.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, parseHighlightTimespanList } from '@vidispine/vdt-js';
+import MediaCard from '../media/MediaCard/index.js';
+import MediaCardDurationLabel from '../media/MediaCardDurationLabel.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["itemType","MediaCardComponent","metadataToProps","parseMetadataOpts","parseHighlightOpts","titleSelector","subheaderSelector","imageSelector","contentSelector","avatarSelector","labelRightBottomSelector","ThumbnailProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var metadataToProps=function metadataToProps(_ref){var itemType=_ref.itemType,titleSelector=_ref.titleSelector,subheaderSelector=_ref.subheaderSelector,imageSelector=_ref.imageSelector,contentSelector=_ref.contentSelector,avatarSelector=_ref.avatarSelector,labelRightBottomSelector=_ref.labelRightBottomSelector,parseMetadataOpts=_ref.parseMetadataOpts,parseHighlightOpts=_ref.parseHighlightOpts;var _itemType$metadata=itemType.metadata,metadata=_itemType$metadata===void 0?{}:_itemType$metadata,_itemType$timespan=itemType.timespan,timespan=_itemType$timespan===void 0?[]:_itemType$timespan;var parsedMetadata=parseMetadataType(metadata,parseMetadataOpts);var parsedHighlight=parseHighlightTimespanList(timespan,parseHighlightOpts);return {title:titleSelector(parsedMetadata,parsedHighlight),subheader:subheaderSelector(parsedMetadata,parsedHighlight),image:imageSelector(parsedMetadata),content:contentSelector(parsedMetadata),avatar:avatarSelector(parsedMetadata),labelRightBottom:labelRightBottomSelector(parsedMetadata)};};function ItemCard(_ref2){var itemType=_ref2.itemType,MediaCardComponent=_ref2.MediaCardComponent,handleMetadataToProps=_ref2.metadataToProps,parseMetadataOpts=_ref2.parseMetadataOpts,parseHighlightOpts=_ref2.parseHighlightOpts,titleSelector=_ref2.titleSelector,subheaderSelector=_ref2.subheaderSelector,imageSelector=_ref2.imageSelector,contentSelector=_ref2.contentSelector,avatarSelector=_ref2.avatarSelector,labelRightBottomSelector=_ref2.labelRightBottomSelector,ThumbnailProps=_ref2.ThumbnailProps,innerProps=_objectWithoutProperties(_ref2,_excluded);var mediaCardProps=useMemo(function(){return handleMetadataToProps({itemType:itemType,titleSelector:titleSelector,subheaderSelector:subheaderSelector,imageSelector:imageSelector,contentSelector:contentSelector,avatarSelector:avatarSelector,labelRightBottomSelector:labelRightBottomSelector,parseMetadataOpts:parseMetadataOpts,parseHighlightOpts:parseHighlightOpts});},// eslint-disable-next-line react-hooks/exhaustive-deps
+[itemType]);return/*#__PURE__*/jsx(MediaCardComponent,_objectSpread({title:mediaCardProps.title,subheader:mediaCardProps.subheader,content:mediaCardProps.content,avatar:mediaCardProps.avatar,image:mediaCardProps.image,ThumbnailProps:_objectSpread({labelRightBottom:mediaCardProps.labelRightBottom,LabelComponentRightBottom:MediaCardDurationLabel},ThumbnailProps),itemType:itemType},innerProps));}ItemCard.defaultProps={itemType:undefined,metadataToProps:metadataToProps,parseMetadataOpts:{joinValue:', ',flat:true},parseHighlightOpts:{arrayOnSingle:false,flat:true},MediaCardComponent:MediaCard,titleSelector:function titleSelector(){var parsedMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return parsedMetadata.title;},subheaderSelector:function subheaderSelector(){var parsedMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return parsedMetadata.created;},imageSelector:function imageSelector(){var parsedMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return parsedMetadata.representativeThumbnailNoAuth;},contentSelector:function contentSelector(){var parsedMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return parsedMetadata.user;},avatarSelector:function avatarSelector(){var parsedMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return parsedMetadata.mimeType;},labelRightBottomSelector:function labelRightBottomSelector(){var parsedMetadata=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return parsedMetadata.durationSeconds;},ThumbnailProps:{}};
+
+export { ItemCard as default };

package/dist/item/ItemCompoundMetadataTab.js

@@ -0,0 +1,13 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo, useState } 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 { useAddMetadataFieldAttributes, GetItem, MetadataType } from '@vidispine/vdt-react';
+import ItemCompoundMetadataTable from './ItemCompoundMetadataTable.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ItemCompoundMetadataTab(_ref){var itemId=_ref.itemId,groups=_ref.groups,_ref$editingLabel=_ref.editingLabel,editingLabel=_ref$editingLabel===void 0?function(isEditing){return isEditing?'Cancel':'Edit';}:_ref$editingLabel,_ref$showEditMetadata=_ref.showEditMetadata,showEditMetadata=_ref$showEditMetadata===void 0?true:_ref$showEditMetadata,onError=_ref.onError,_ref$useContentPaths=_ref.useContentPaths,useContentPaths=_ref$useContentPaths===void 0?false:_ref$useContentPaths,formatValue=_ref.formatValue;var queryParams=useMemo(function(){if(useContentPaths){var groupPathParams=groups?groups.map(function(g){return g.name;}).map(function(name){return "metadata.timespan.group[name=".concat(name,"]");}).join(','):undefined;return {p:[groupPathParams].join(',')};}return {group:groups?groups.map(function(_ref2){var name=_ref2.name;return name;}):[],content:'metadata'};},[groups,useContentPaths]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isEditing=_useState2[0],setIsEditing=_useState2[1];var toggleEdit=function toggleEdit(){return setIsEditing(!isEditing);};var _useAddMetadataFieldA=useAddMetadataFieldAttributes({groups:groups}),groupsWithAttributes=_useAddMetadataFieldA.groupsWithAttributes;return/*#__PURE__*/jsxs(Fragment,{children:[showEditMetadata&&/*#__PURE__*/jsx(Box,{display:"flex",justifyContent:"flex-end",children:/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:isEditing,onChange:toggleEdit}),label:editingLabel(isEditing),labelPlacement:"start"})}),groupsWithAttributes.length>0&&/*#__PURE__*/jsx(GetItem,{itemId:itemId,queryParams:queryParams,children:/*#__PURE__*/jsx(MetadataType,{joinValue:", ",children:/*#__PURE__*/jsx(ItemCompoundMetadataTable,{itemId:itemId,groups:groupsWithAttributes,formatValue:formatValue,isEditing:isEditing,onSuccess:toggleEdit,onError:onError})})})]});}var ItemCompoundMetadataTab$1 = withStyles({},{name:'VdtItemCompoundMetadataTab'})(ItemCompoundMetadataTab);
+
+export { ItemCompoundMetadataTab$1 as default };

package/dist/item/ItemCompoundMetadataTable.js

@@ -0,0 +1,20 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import { Box, Button } from '@material-ui/core';
+import Input from '@material-ui/core/Input';
+import Paper from '@material-ui/core/Paper';
+import { withStyles } from '@material-ui/core/styles';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableHead from '@material-ui/core/TableHead';
+import TablePagination from '@material-ui/core/TablePagination';
+import TableRow from '@material-ui/core/TableRow';
+import { useCompoundMetadata } from '@vidispine/vdt-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","itemId","groups","isEditing","onRefresh","onSuccess","onError","editJoinValue","formatValue","rowsPerPageOptions"];var styles=function styles(){return {root:{width:'100%',overflowX:'auto',display:'grid'},table:{maxWidth:'100%'}};};function ItemCompoundMetadataTable(_ref){var classes=_ref.classes;_ref.className;var itemId=_ref.itemId,_ref$groups=_ref.groups,groups=_ref$groups===void 0?[]:_ref$groups,isEditing=_ref.isEditing,onRefresh=_ref.onRefresh,onSuccess=_ref.onSuccess,onError=_ref.onError;_ref.editJoinValue;_ref.formatValue;var _ref$rowsPerPageOptio=_ref.rowsPerPageOptions,rowsPerPageOptions=_ref$rowsPerPageOptio===void 0?[5,10,25]:_ref$rowsPerPageOptio,values=_objectWithoutProperties(_ref,_excluded);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),groupFields=_useState2[0],setGroupFields=_useState2[1];var _useState3=useState(0),_useState4=_slicedToArray(_useState3,2),page=_useState4[0],setPage=_useState4[1];var _useState5=useState(5),_useState6=_slicedToArray(_useState5,2),rowsPerPage=_useState6[0],setRowsPerPage=_useState6[1];var _useCompoundMetadata=useCompoundMetadata(itemId,values,groups,groupFields,setGroupFields,onRefresh,onSuccess,onError),tableColumns=_useCompoundMetadata.tableColumns,_onChange=_useCompoundMetadata.onChange,onSubmit=_useCompoundMetadata.onSubmit;var handleChangePage=function handleChangePage(event,newPage){setPage(newPage);};var handleChangeRowsPerPage=function handleChangeRowsPerPage(event){setRowsPerPage(event.target.value);setPage(0);};var getKey=function getKey(name,index){return "".concat(name,"_").concat(Math.random(),"_").concat(index);};return/*#__PURE__*/jsxs(Fragment,{children:[groupFields&&groupFields.map(function(group,groupIndex){return/*#__PURE__*/jsxs(Paper,{className:classes.root,children:[/*#__PURE__*/jsx(TableContainer,{className:classes.table,children:/*#__PURE__*/jsxs(Table,{size:"medium",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx(TableRow,{children:tableColumns.map(function(row){return/*#__PURE__*/jsx(TableCell,{children:row.name},row.name);})})}),/*#__PURE__*/jsx(TableBody,{children:group.group.slice(page*rowsPerPage,page*rowsPerPage+rowsPerPage).map(function(row,rowIndex){return/*#__PURE__*/jsx(TableRow,{children:tableColumns.map(function(field,fieldIndex){return/*#__PURE__*/jsx(TableCell,{children:isEditing?/*#__PURE__*/jsx(Input,{value:row[field.name],name:field.name,onChange:function onChange(e){return _onChange(e,row,groupIndex,page*rowsPerPage+fieldIndex);}}):row[field.name]},getKey(field.name,fieldIndex));})},getKey(row.name,rowIndex));})})]})}),/*#__PURE__*/jsx(TablePagination,{rowsPerPageOptions:rowsPerPageOptions,component:"div",count:group.group.length,rowsPerPage:rowsPerPage,page:page,onPageChange:handleChangePage,onRowsPerPageChange:handleChangeRowsPerPage})]},getKey(group.name,groupIndex));}),isEditing&&/*#__PURE__*/jsx(Box,{m:2,children:/*#__PURE__*/jsx(Button,{fullWidth:true,variant:"outlined",onClick:function onClick(){return onSubmit(groupFields);},color:"primary",children:"Save"})})]});}var ItemCompoundMetadataTable$1 = withStyles(styles,{name:'VdtItemCompoundMetadataTable'})(ItemCompoundMetadataTable);
+
+export { ItemCompoundMetadataTable$1 as default };

package/dist/item/ItemFieldGroupTab.js

@@ -0,0 +1,20 @@
+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 TextField from '@material-ui/core/TextField';
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import { fieldgroup } from '@vidispine/vdt-api';
+import { useApi, GetItem, MetadataType } from '@vidispine/vdt-react';
+import ItemMetadataEdit from './ItemMetadataEdit.js';
+import ItemMetadataTable from './ItemMetadataTable.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 ItemFieldGroupTab(_ref){var itemId=_ref.itemId,_ref$metadataGroupTex=_ref.metadataGroupText,metadataGroupText=_ref$metadataGroupTex===void 0?'Metadata Group':_ref$metadataGroupTex,_ref$editingLabel=_ref.editingLabel,editingLabel=_ref$editingLabel===void 0?function(isEditing){return isEditing?'Cancel':'Edit';}:_ref$editingLabel;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),fields=_useState2[0],setFields=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),groups=_useState4[0],setGroups=_useState4[1];var _useState5=useState(),_useState6=_slicedToArray(_useState5,2),selectedGroup=_useState6[0],setSelectedGroup=_useState6[1];var _useState7=useState(false),_useState8=_slicedToArray(_useState7,2),isEditing=_useState8[0],setIsEditing=_useState8[1];var _useApi=useApi(fieldgroup.getFieldGroup),getFieldGroupRequest=_useApi.request,_useApi$data=_useApi.data;_useApi$data=_useApi$data===void 0?{}:_useApi$data;var _useApi$data$field=_useApi$data.field,fieldGroupFields=_useApi$data$field===void 0?[]:_useApi$data$field;var _useApi2=useApi(fieldgroup.listFieldGroup),listFieldGroupRequest=_useApi2.request,_useApi2$data=_useApi2.data;_useApi2$data=_useApi2$data===void 0?{}:_useApi2$data;var _useApi2$data$group=_useApi2$data.group,fieldGroups=_useApi2$data$group===void 0?[]:_useApi2$data$group;useEffect(function(){listFieldGroupRequest();// eslint-disable-next-line react-hooks/exhaustive-deps
+},[]);var getMetadataFieldGroup=function getMetadataFieldGroup(){return getFieldGroupRequest({groupName:selectedGroup});};useEffect(function(){var groupArr=fieldGroups.map(function(group){return group.name;});setGroups(groupArr);},[fieldGroups]);useEffect(function(){if(selectedGroup){getMetadataFieldGroup();}// eslint-disable-next-line react-hooks/exhaustive-deps
+},[selectedGroup]);useEffect(function(){if(fieldGroupFields&&fieldGroupFields.length){var fieldArr=fieldGroupFields.map(function(field){return {value:field.name,label:field.name};});setFields(fieldArr);}},[fieldGroupFields]);var queryParams={content:'metadata',interval:'generic',includeTransientMetadata:false,field:fields?fields.map(function(_ref2){var value=_ref2.value;return value;}):[]};var toggleEdit=function toggleEdit(){return setIsEditing(!isEditing);};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(Box,{display:"flex",justifyContent:"flex-end",children:[/*#__PURE__*/jsx(Autocomplete,{options:groups,id:"field-group-select",disabled:isEditing,disableClearable:true,style:{width:'100%',paddingBottom:'1rem'},onChange:function onChange(event,value){if(value){setSelectedGroup(value);}},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread({label:metadataGroupText},params));}}),/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:isEditing,onChange:toggleEdit}),label:editingLabel(isEditing),labelPlacement:"start"})]}),/*#__PURE__*/jsx(GetItem,{itemId:itemId,queryParams:queryParams,children:isEditing?/*#__PURE__*/jsx(ItemMetadataEdit,{fields:fields,groups:groups,onSuccess:toggleEdit}):/*#__PURE__*/jsx(MetadataType,{children:/*#__PURE__*/jsx(ItemMetadataTable,{fields:fields,groups:groups})})})]});}var ItemFieldGroupTab$1 = withStyles({},{name:'VdtItemFieldGroupTab'})(ItemFieldGroupTab);
+
+export { ItemFieldGroupTab$1 as default };

package/dist/item/ItemFileShareDialog.js

@@ -0,0 +1,16 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect, useMemo } from 'react';
+import clsx from 'clsx';
+import { withStyles, Dialog, DialogTitle, Typography, DialogContent, Grid, Button, Chip, DialogActions } from '@material-ui/core';
+import { item, file } from '@vidispine/vdt-api';
+import { parseShapeType } from '@vidispine/vdt-js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import SelectField from '../fields/SelectField.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;}var styles=function styles(){return {root:{}};};function defaultOnSendEmail(users,encodedUrl){window.open("mailto:".concat(users,"?subject=Vidispine media access link&body=").concat(encodedUrl));}function defaultOnShareFile(file$1,duration){return Promise.resolve(file.createFileTemporaryCredentials({fileId:file$1,queryParams:{methodMetadata:[{key:'format',value:'SIGNED-AUTO'}],'noauth-url':true,duration:duration}}));}function ItemFileShareDialog(_ref){var className=_ref.className,classes=_ref.classes,open=_ref.open,propItemId=_ref.itemId,propItem=_ref.item,queryParams=_ref.queryParams,title=_ref.title,closeButtonText=_ref.closeButtonText,generateLinkText=_ref.generateLinkText,emailShareText=_ref.emailShareText,onClose=_ref.onClose,onError=_ref.onError,DialogProps=_ref.DialogProps,onSendEmail=_ref.onSendEmail,onShareFile=_ref.onShareFile;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),selectedShape=_useState2[0],setSelectedShape=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),selectedEmails=_useState4[0],setSelectedEmails=_useState4[1];var _useState5=useState(''),_useState6=_slicedToArray(_useState5,2),emailInputValue=_useState6[0],setEmailInputValue=_useState6[1];var _useState7=useState({}),_useState8=_slicedToArray(_useState7,2),emailMeta=_useState8[0],setEmailMeta=_useState8[1];var _useState9=useState(propItem),_useState10=_slicedToArray(_useState9,2),item$1=_useState10[0],setItem=_useState10[1];var _useState11=useState(''),_useState12=_slicedToArray(_useState11,2),externalUrl=_useState12[0],setExternalUrl=_useState12[1];var _useState13=useState(15),_useState14=_slicedToArray(_useState13,2),duration=_useState14[0],setDuration=_useState14[1];useEffect(function(){if(!item$1){item.getItem({itemId:propItemId,queryParams:queryParams}).then(function(_ref2){var data=_ref2.data;setItem(data);})["catch"](function(error){return onError({message:'Could not retrieve item to share',error:error});});}},[item$1,onError,propItemId,queryParams]);var shapes=useMemo(function(){if(!item$1||!item$1.shape)return [];return item$1.shape.map(function(entry){var _parseShapeType=parseShapeType(entry),tag=_parseShapeType.tag,videoCodec=_parseShapeType.videoCodec,height=_parseShapeType.height,frameRate=_parseShapeType.frameRate,fileId=_parseShapeType.fileId;var label="".concat(tag," (").concat(videoCodec,", ").concat(height,", ").concat(frameRate,")");return {label:label,value:entry.id,file:fileId};});},[item$1]);var shapeInput={name:'shape',value:selectedShape,onChange:function onChange(_ref3){var _ref3$target=_ref3.target;_ref3$target=_ref3$target===void 0?{}:_ref3$target;var value=_ref3$target.value;setSelectedShape(value);}};var durationInput={name:'duration',value:duration,onChange:function onChange(_ref4){var _ref4$target=_ref4.target;_ref4$target=_ref4$target===void 0?{}:_ref4$target;var value=_ref4$target.value;setDuration(value);}};var emailInput={name:'email',value:emailInputValue,onChange:function onChange(_ref5){var _ref5$target=_ref5.target;_ref5$target=_ref5$target===void 0?{}:_ref5$target;var value=_ref5$target.value;return setEmailInputValue(value);}};var resetState=function resetState(){setSelectedShape('');setExternalUrl('');setSelectedEmails([]);onClose();};var handleDelete=function handleDelete(emailToDelete){setSelectedEmails(function(emails){return emails.filter(function(email){return email!==emailToDelete;});});};var isValidEmailFormat=function isValidEmailFormat(email){return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);};var addEmail=function addEmail(email){if(!isValidEmailFormat(email)){setEmailMeta({error:'Please enter a valid email address',touched:true});return;}if(selectedEmails.includes(email)){setEmailMeta({error:'Email already added',touched:true});return;}setSelectedEmails(function(existingEmails){return [].concat(_toConsumableArray(existingEmails),[email]);});setEmailInputValue('');setEmailMeta({});};var durations=[{label:'15',value:15},{label:'60',value:60},{label:'720',value:720}];var handleOnShareFile=function handleOnShareFile(){var _shapes$find=shapes.find(function(_ref6){var value=_ref6.value;return value===selectedShape;}),file=_shapes$find.file;if(file){try{onShareFile(file,duration).then(function(res){return setExternalUrl(res.data.uri[0]);})["catch"](function(error){return onError({message:'Could not share item',error:error});});}catch(error){onError({message:'Could not share item',error:error});}}else {onError({message:'Item is not shareable'});}};var handleOnSendEmail=function handleOnSendEmail(){var users=selectedEmails.map(function(e){return e;});var encodedUrl=encodeURIComponent(externalUrl);onSendEmail(users.toString(),encodedUrl);resetState();};var copyToClipboard=function copyToClipboard(){var copyText=document.getElementById('url');copyText.select();document.execCommand('copy');};return/*#__PURE__*/jsxs(Dialog,_objectSpread(_objectSpread({maxWidth:"sm",fullWidth:true,open:open,onClose:onClose,"aria-labelledby":"share-dialog",className:clsx(classes.root,'VdtItemFileShareDialog-root',className)},DialogProps),{},{children:[/*#__PURE__*/jsx(DialogTitle,{disableTypography:true,className:clsx(classes.title,'VdtItemFileShareDialog-title'),children:/*#__PURE__*/jsx(Typography,{variant:"h6",children:title})}),/*#__PURE__*/jsxs(DialogContent,{dividers:true,className:clsx(classes.content,'VdtItemFileShareDialog-content'),children:[/*#__PURE__*/jsx(SelectField,{input:shapeInput,options:shapes,FormControlProps:{disabled:!shapes.length},label:"Shape",required:true,meta:!shapes.length?{error:'No shapes detected',touched:true}:undefined}),/*#__PURE__*/jsx(SelectField,{input:durationInput,options:durations,label:"Expire duration (minutes)",required:true}),/*#__PURE__*/jsxs(Grid,{container:true,spacing:0,alignItems:"center",direction:"row",children:[/*#__PURE__*/jsx(Grid,{item:true,xs:9,children:/*#__PURE__*/jsx(TextField,{id:"url",label:"URL",value:externalUrl,InputProps:{readOnly:true},variant:"filled",fullWidth:true,margin:"none"})}),/*#__PURE__*/jsx(Grid,{item:true,xs:3,style:{textAlign:'right'},children:/*#__PURE__*/jsx(Button,{color:"primary",disabled:externalUrl==='',onClick:copyToClipboard,children:"Copy to clipboard"})})]}),/*#__PURE__*/jsx(Grid,{container:true,spacing:0,alignItems:"center",direction:"row",children:externalUrl!==''&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Grid,{item:true,xs:9,children:/*#__PURE__*/jsx(TextField,{input:emailInput,onKeyDown:function onKeyDown(_ref7){var key=_ref7.key;if(key==='Enter'){addEmail(emailInputValue);}},margin:"none",id:"email",label:"Email Address",type:"email",meta:emailMeta,required:true,fullWidth:true})}),/*#__PURE__*/jsx(Grid,{item:true,xs:3,style:{textAlign:'right'},children:/*#__PURE__*/jsx(Button,{onClick:function onClick(){return addEmail(emailInputValue);},color:"primary",children:"Add Recipient"})})]})}),selectedEmails.length>0&&selectedEmails.map(function(email){return/*#__PURE__*/jsx(Chip,{className:classes.root,label:email,onDelete:function onDelete(){return handleDelete(email);}},email);})]}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:onClose,children:closeButtonText}),/*#__PURE__*/jsx(Button,{onClick:handleOnShareFile,disabled:!selectedShape,color:"primary",children:generateLinkText}),selectedEmails.length>0&&/*#__PURE__*/jsx(Button,{onClick:handleOnSendEmail,color:"primary",children:emailShareText})]})]}));}var ItemFileShareDialog$1 = withStyles(styles,'VdtItemFileShareDialog')(ItemFileShareDialog);ItemFileShareDialog.defaultProps={className:'VdtItemFileShareDialog',classes:{},open:false,itemId:undefined,item:undefined,queryParams:{field:['created','title','mimeType','durationSeconds','itemId','collectionId'],content:['metadata','thumbnail','shape'],'noauth-url':true},title:'Share file',closeButtonText:'Cancel',generateLinkText:'Generate link',emailShareText:'Send email',onClose:function onClose(){return null;},onSuccess:function onSuccess(){return null;},// eslint-disable-next-line no-console
+onError:function onError(_ref8){var message=_ref8.message,error=_ref8.error;return console.error("".concat(message,"\n").concat(error));},DialogProps:{},onSendEmail:defaultOnSendEmail,onShareFile:defaultOnShareFile};
+
+export { ItemFileShareDialog$1 as default };

package/dist/item/ItemGrid.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Grid from '@material-ui/core/Grid';
+import ItemCard from './ItemCard.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemGrid(_ref){var itemListType=_ref.itemListType,ItemCardComponent=_ref.ItemCardComponent,ItemCardProps=_ref.ItemCardProps,GridContainerProps=_ref.GridContainerProps,GridItemProps=_ref.GridItemProps;var _itemListType$item=itemListType.item,item=_itemListType$item===void 0?[]:_itemListType$item;return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({container:true},GridContainerProps),{},{children:item&&item.map(function(itemType,index){return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({item:true,xs:"auto"},GridItemProps),{},{children:/*#__PURE__*/jsx(ItemCardComponent,_objectSpread({itemId:itemType.id,itemType:itemType,index:index},ItemCardProps))}),itemType.id);})}));}ItemGrid.defaultProps={itemListType:{},ItemCardComponent:ItemCard,ItemCardProps:{},GridContainerProps:{},GridItemProps:{}};
+
+export { ItemGrid as default };

package/dist/item/ItemGridDroppable.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Droppable } from 'react-beautiful-dnd';
+import Grid from '@material-ui/core/Grid';
+import MediaCard from '../media/MediaCard/index.js';
+import ItemCard from './ItemCard.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["ItemCardComponent","itemType","provided","snapshot","rubric"];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 ItemCardClone(_ref){var ItemCardComponent=_ref.ItemCardComponent,itemType=_ref.itemType,provided=_ref.provided;_ref.snapshot;_ref.rubric;var props=_objectWithoutProperties(_ref,_excluded);var draggableProps=provided.draggableProps,dragHandleProps=provided.dragHandleProps;var style=draggableProps.style;return/*#__PURE__*/jsx("div",_objectSpread(_objectSpread(_objectSpread({ref:provided.innerRef},draggableProps),dragHandleProps),{},{style:_objectSpread(_objectSpread({},style),{},{height:'inherit'}),children:/*#__PURE__*/jsx(ItemCardComponent,_objectSpread(_objectSpread({},props),{},{itemId:itemType.id,itemType:itemType,MediaCardComponent:MediaCard,ThumbnailComponent:null}))}));}function ItemGridDroppable(_ref2){var _ref2$ItemCardCloneCo=_ref2.ItemCardCloneComponent,ItemCardCloneComponent=_ref2$ItemCardCloneCo===void 0?ItemCardClone:_ref2$ItemCardCloneCo,_ref2$ItemCardCompone=_ref2.ItemCardComponent,ItemCardComponent=_ref2$ItemCardCompone===void 0?ItemCard:_ref2$ItemCardCompone,_ref2$ItemCardProps=_ref2.ItemCardProps,ItemCardProps=_ref2$ItemCardProps===void 0?{}:_ref2$ItemCardProps,_ref2$GridContainerPr=_ref2.GridContainerProps,GridContainerProps=_ref2$GridContainerPr===void 0?{}:_ref2$GridContainerPr,_ref2$GridItemProps=_ref2.GridItemProps,GridItemProps=_ref2$GridItemProps===void 0?{}:_ref2$GridItemProps,_ref2$item=_ref2.item,itemList=_ref2$item===void 0?[]:_ref2$item,_ref2$DroppableProps=_ref2.DroppableProps,DroppableProps=_ref2$DroppableProps===void 0?{}:_ref2$DroppableProps;return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({container:true},GridContainerProps),{},{children:itemList&&itemList.map(function(itemType,index){return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({item:true,xs:"auto"},GridItemProps),{},{children:/*#__PURE__*/jsx(Droppable,_objectSpread(_objectSpread({droppableId:itemType.id,isDropDisabled:true,renderClone:function renderClone(provided,snapshot,rubric){return/*#__PURE__*/jsx(ItemCardCloneComponent,_objectSpread({ItemCardComponent:ItemCardComponent,provided:provided,snapshot:snapshot,rubric:rubric,itemType:itemType},ItemCardProps));}},DroppableProps),{},{children:function children(provided){return/*#__PURE__*/jsxs("div",_objectSpread(_objectSpread({},provided.droppableProps),{},{style:{minWidth:320},ref:provided.innerRef,children:[/*#__PURE__*/jsx(ItemCardComponent,_objectSpread({draggableId:itemType.id,index:index,itemId:itemType.id,itemType:itemType},ItemCardProps)),/*#__PURE__*/jsx("div",{style:{display:'none',visibility:'hidden'},children:provided.placeholder})]}));}}))}),itemType.id);})}));}
+
+export { ItemGridDroppable as default };

package/dist/item/ItemLabel.js

@@ -0,0 +1,12 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { withStyles, Box, Typography } from '@material-ui/core';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import MimeTypeIcon from '../general/MimeTypeIcon/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{}};};function ItemLabel(_ref){var className=_ref.className,classes=_ref.classes,item=_ref.item,labelField=_ref.labelField;var _useMemo=useMemo(function(){var metadata=parseMetadataType(item.metadata,{joinValue:',',flat:true});return [metadata.mimeType,metadata[labelField]||item.id];// eslint-disable-next-line react-hooks/exhaustive-deps
+},[item]),_useMemo2=_slicedToArray(_useMemo,2),mimeType=_useMemo2[0],label=_useMemo2[1];return/*#__PURE__*/jsxs(Box,{className:clsx(className,classes.root,'VdtItemLabel-root'),display:"flex",alignItems:"flex-end",children:[/*#__PURE__*/jsx(MimeTypeIcon,{mimeType:mimeType}),/*#__PURE__*/jsx(Typography,{style:{fontWeight:'inherit'},children:label})]});}var ItemLabel$1 = withStyles(styles,{name:'VdtItemLabel'})(ItemLabel);
+
+export { ItemLabel$1 as default };

package/dist/item/ItemLabelDroppable.js

@@ -0,0 +1,8 @@
+import { withStyles } from '@material-ui/core';
+import { compose } from '@vidispine/vdt-react';
+import ItemLabel from './ItemLabel.js';
+import withDrop from '../dnd/hoc/withDrop.js';
+
+var styles=function styles(theme){return {isOver:{backgroundColor:theme.palette.primary.main}};};var ItemLabelDroppable = compose(withStyles(styles,{name:'VdtItemLabelDroppable'}),withDrop)(ItemLabel);
+
+export { ItemLabelDroppable as default };

package/dist/item/ItemList/ItemList.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { List } from '@material-ui/core';
+import ItemListItem from '../ItemListItem/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%'}};};function ItemList(_ref){var classes=_ref.classes,className=_ref.className,itemListType=_ref.itemListType,ItemListItemComponent=_ref.ItemListItemComponent,ItemListItemProps=_ref.ItemListItemProps;var _itemListType$item=itemListType.item,itemList=_itemListType$item===void 0?[]:_itemListType$item;return/*#__PURE__*/jsx(List,{className:clsx(classes.root,'VdtItemList-root',className),children:itemList.map(function(itemType){return/*#__PURE__*/jsx(ItemListItemComponent,_objectSpread({itemType:itemType,primary:"title"},ItemListItemProps),itemType.id);})});}ItemList.defaultProps={className:undefined,classes:{},itemListType:{},ItemListItemComponent:ItemListItem,ItemListItemProps:{}};
+
+export { ItemList as default, styles };

package/dist/item/ItemList/index.js

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

package/dist/item/ItemListItem/ItemListItem.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 {root:{},ListItemAvatar:{},Avatar:{},ListItemText:{},Action:{},ListItemSecondaryAction:{visibility:'hidden'},ListItemContainer:{'&:hover $ListItemSecondaryAction':{visibility:'visible'}}};};function ItemListItem(_ref){var classes=_ref.classes,className=_ref.className,itemType=_ref.itemType,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,ListItemAvatarProps=_ref.ListItemAvatarProps,ListItemTextProps=_ref.ListItemTextProps;var itemId=itemType.id,metadataType=itemType.metadata;var primaryText;var secondaryText;if(skeleton===false){var parsedMetadata=parseMetadataType(metadataType,parseMetadataOptions);if(typeof primary==='string'){primaryText=parsedMetadata[primary];}else if(typeof primary==='function'){primaryText=primary(_objectSpread(_objectSpread({},parsedMetadata),{},{itemType:itemType,itemId:itemId}));}if(typeof secondary==='string'){secondaryText=parsedMetadata[secondary];}else if(typeof secondary==='function'){secondaryText=secondary(_objectSpread(_objectSpread({},parsedMetadata),{},{itemType:itemType,itemId:itemId}));}}return/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtItemListItem-root'),onClick:onClick?function(event){return onClick(event,{id:itemId});}:undefined,button:onClick?true:undefined,classes:{container:classes.ListItemContainer}},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemAvatar,_objectSpread(_objectSpread({className:clsx(classes.ListItemAvatar,'VdtItemListItem-ListItemAvatar')},ListItemAvatarProps),{},{children:/*#__PURE__*/jsx(AvatarComponent,_objectSpread({avatar:"item",itemId:itemId,itemType:itemType,skeleton:skeleton,className:clsx(classes.Avatar,'VdtItemListItem-Avatar')},AvatarProps))})),/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:skeleton?/*#__PURE__*/jsx(Skeleton,{width:120}):primaryText,secondary:skeleton?/*#__PURE__*/jsx(Skeleton,{width:60}):secondaryText,className:clsx(classes.ListItemText,'VdtItemListItem-ListItemText')},ListItemTextProps)),ActionComponent&&/*#__PURE__*/jsx(ListItemSecondaryAction,{className:clsx(classes.ListItemSecondaryAction,'VdtItemListItem-ListItemSecondaryAction'),children:/*#__PURE__*/jsx(ActionComponent,_objectSpread({skeleton:skeleton,itemType:itemType,className:clsx(classes.Action,'VdtItemListItem-Action')},ActionProps))})]}));}ItemListItem.defaultProps={className:undefined,classes:{},itemType:{},primary:function primary(_ref2){var itemId=_ref2.itemId;return itemId;},secondary:undefined,onClick:undefined,ActionComponent:undefined,ActionProps:{},AvatarComponent:MediaCardAvatar,AvatarProps:{},ListItemProps:{},ListItemAvatarProps:{},ListItemTextProps:{},parseMetadataOptions:{flat:true,arrayOnSingleValue:false},skeleton:false};
+
+export { ItemListItem as default, styles };

package/dist/item/ItemListItem/index.js

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

package/dist/item/ItemMetadataEdit.js

@@ -0,0 +1,13 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useMemo } from 'react';
+import { Form } from 'react-final-form';
+import { item } from '@vidispine/vdt-api';
+import { parseMetadataType, createMetadataType } from '@vidispine/vdt-js';
+import { stringsToBooleans, booleansToStrings } from '../mapStringsBooleans.js';
+import ItemMetadataForm from './ItemMetadataForm.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ItemMetadataEdit(_ref){var itemId=_ref.itemId,onSuccess=_ref.onSuccess,fields=_ref.fields,groups=_ref.groups,itemType=_ref.itemType,onRefresh=_ref.onRefresh,isLoading=_ref.isLoading,joinValue=_ref.joinValue,_ref$onError=_ref.onError,onError=_ref$onError===void 0?function(error){return console.error(error.message);}:_ref$onError;var metadataType=itemType.metadata;var initialValues=useMemo(function(){var values=parseMetadataType(metadataType,{flat:true,arrayOnSingleValue:false});var valuesWithBooleans=Object.entries(values).reduce(stringsToBooleans,{});return valuesWithBooleans;},[metadataType]);var onSubmit=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values){var valuesAsStrings,metadataDocument;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:valuesAsStrings=Object.entries(values).reduce(function(a,c){return booleansToStrings(a,c,joinValue);},{});metadataDocument=createMetadataType(valuesAsStrings);_context.prev=2;_context.next=5;return item.updateItemMetadata({itemId:itemId,metadataDocument:metadataDocument});case 5:_context.next=7;return onRefresh();case 7:onSuccess();_context.next=13;break;case 10:_context.prev=10;_context.t0=_context["catch"](2);onError(_context.t0);case 13:case"end":return _context.stop();}}},_callee,null,[[2,10]]);}));return function onSubmit(_x){return _ref2.apply(this,arguments);};}();return !isLoading&&/*#__PURE__*/jsx(Form,{onSubmit:onSubmit,component:ItemMetadataForm,fields:fields,groups:groups,initialValues:initialValues});}
+
+export { ItemMetadataEdit as default };

package/dist/item/ItemMetadataFieldRow.js

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core/styles';
+import TableCell from '@material-ui/core/TableCell';
+import TableRow from '@material-ui/core/TableRow';
+import Field from '../fields/Field.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","name","label","labelText"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{height:'42px',paddingTop:'8px !important'},cell:{borderBottom:'none',fontSize:'14px'},labelCell:{lineHeight:'20px',padding:'10px 0'},fieldCell:{'& .MuiInput-root':_objectSpread(_objectSpread({},theme.typography.body1),{},{'& .MuiInput-input':{lineHeight:'20px',height:'20px',padding:'7px 0'}}),'& .MuiInputBase-multiline':{padding:0}},field:{marginTop:0,'& .MuiFormHelperText-root':{display:'none'},'& .VdtSelectField-select':{marginTop:0},'&.VdtSelectField-root':{height:'34px'}}};};function ItemMetadataFieldRow(_ref){var classes=_ref.classes,className=_ref.className,name=_ref.name,label=_ref.label,_ref$labelText=_ref.labelText,labelText=_ref$labelText===void 0?function(){return label||name;}:_ref$labelText,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(TableRow,{className:clsx(classes.root,'VdtItemMetadataFieldRow-root',className),children:[/*#__PURE__*/jsx(TableCell,{className:clsx(classes.cell,classes.labelCell,'VdtItemMetadataFieldRow-labelCell'),colSpan:2,children:labelText(name,label)}),/*#__PURE__*/jsx(TableCell,{className:clsx(classes.cell,classes.fieldCell,'VdtItemMetadataFieldRow-fieldCell'),colSpan:3,children:/*#__PURE__*/jsx(Field,_objectSpread({name:name,className:clsx(classes.field,'VdtItemMetadataFieldRow-field')},props))})]});}var ItemMetadataFieldRow$1 = withStyles(styles,{name:'VdtItemMetadataFieldRow'})(ItemMetadataFieldRow);
+
+export { ItemMetadataFieldRow$1 as default };

package/dist/item/ItemMetadataForm.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { FormSpy } from 'react-final-form';
+import { Box, Button } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { ItemMetadataFormTable } from './ItemMetadataFormTable.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 ItemMetadataForm(_ref){var _ref$fields=_ref.fields,fields=_ref$fields===void 0?[]:_ref$fields,_ref$groups=_ref.groups,groups=_ref$groups===void 0?[]:_ref$groups,handleSubmit=_ref.handleSubmit,handleFormSpy=_ref.handleFormSpy,_ref$saveText=_ref.saveText,saveText=_ref$saveText===void 0?'Save':_ref$saveText,_ref$ItemMetadataForm=_ref.ItemMetadataFormComponent,ItemMetadataFormComponent=_ref$ItemMetadataForm===void 0?ItemMetadataFormTable:_ref$ItemMetadataForm,_ref$ItemMetadataForm2=_ref.ItemMetadataFormProps,ItemMetadataFormProps=_ref$ItemMetadataForm2===void 0?{}:_ref$ItemMetadataForm2;return/*#__PURE__*/jsxs("form",{onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(ItemMetadataFormComponent,_objectSpread({fields:fields,groups:groups},ItemMetadataFormProps)),handleFormSpy&&/*#__PURE__*/jsx(FormSpy,{subscription:{values:true,invalid:true,active:true},onChange:handleFormSpy}),/*#__PURE__*/jsx(Box,{m:2,children:/*#__PURE__*/jsx(Button,{fullWidth:true,variant:"outlined",type:"submit",color:"primary",children:saveText})})]});}var ItemMetadataForm$1 = withStyles({},{name:'VdtItemMetadataForm'})(ItemMetadataForm);
+
+export { ItemMetadataForm$1 as default };

package/dist/item/ItemMetadataFormTable.js

@@ -0,0 +1,25 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { Table, TableBody, TableRow, TableCell, Accordion, AccordionSummary, Typography, AccordionDetails } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { ExpandMore } from '@material-ui/icons';
+import ItemMetadataFieldRow from './ItemMetadataFieldRow.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import TextField from '../fields/TextField.js';
+import RadioField from '../fields/RadioField.js';
+import CheckboxGroupField from '../fields/CheckboxGroupField.js';
+import CheckboxField from '../fields/CheckboxField.js';
+import SwitchField from '../fields/SwitchField.js';
+import SelectField from '../fields/SelectField.js';
+import TagField from '../fields/TagField.js';
+import AutocompleteConstraintField from '../fields/AutocompleteConstraintField.js';
+import AutocompleteField from '../fields/AutocompleteField.js';
+
+var _excluded=["name","fields","groups"],_excluded2=["name","displayType"];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 DISPLAY_TYPES={AUTOCOMPLETE:'autocomplete',SELECT:'select',SWITCH:'switch',CHECKBOX:'checkbox',CHECKBOXGROUP:'checkboxGroup',RADIO:'radio',INTEGER:'integer',FLOAT:'float',LONG:'long',TEXTAREA:'textArea',TEXT:'text',TAG:'tag'};var DEFAULT_TYPE=DISPLAY_TYPES.TEXT;var componentSelector=function componentSelector(displayType,constraint){switch(displayType){case DISPLAY_TYPES.AUTOCOMPLETE:return constraint?AutocompleteConstraintField:AutocompleteField;case DISPLAY_TYPES.TAG:return TagField;case DISPLAY_TYPES.SELECT:return SelectField;case DISPLAY_TYPES.SWITCH:return SwitchField;case DISPLAY_TYPES.CHECKBOX:return CheckboxField;case DISPLAY_TYPES.CHECKBOXGROUP:return CheckboxGroupField;case DISPLAY_TYPES.RADIO:return RadioField;case DISPLAY_TYPES.DATE:case DISPLAY_TYPES.INTEGER:case DISPLAY_TYPES.LONG:case DISPLAY_TYPES.FLOAT:case DISPLAY_TYPES.TEXTAREA:case DISPLAY_TYPES.TEXT:default:return TextField;}};var typeSelector=function typeSelector(type,displayType){// react-final-form needs type checkbox to manage values correctly
+if(type==='boolean'&&displayType==='checkbox'){return 'checkbox';}if(['integer','long'].includes(type)){return 'number';}return type||DEFAULT_TYPE;};var defaultGetFieldProps=function defaultGetFieldProps(_ref){var displayType=_ref.displayType,fieldType=_ref.type,constraint=_ref.constraint;var component=componentSelector(displayType,constraint);var type=typeSelector(fieldType,displayType);var multiline=displayType===DISPLAY_TYPES.TEXTAREA||undefined;return {component:component,type:type,multiline:multiline};};var styles={root:{tableLayout:'fixed'},dividerCell:{height:'20px'}};function PureItemMetadataFormTable(_ref2){var classes=_ref2.classes,className=_ref2.className,groupName=_ref2.groupName,_ref2$fields=_ref2.fields,fields=_ref2$fields===void 0?[]:_ref2$fields,_ref2$groups=_ref2.groups,groups=_ref2$groups===void 0?[]:_ref2$groups,_ref2$getFieldProps=_ref2.getFieldProps,getFieldProps=_ref2$getFieldProps===void 0?defaultGetFieldProps:_ref2$getFieldProps;var GroupFieldTableRows=useMemo(function(){return groups.map(function(_ref3){var name=_ref3.name,groupFields=_ref3.fields,childGroups=_ref3.groups,props=_objectWithoutProperties(_ref3,_excluded);return/*#__PURE__*/jsx(ItemMetadataFieldGroupRow,_objectSpread({name:groupName?"".concat(groupName,".").concat(name):name,fields:groupFields,groups:childGroups,getFieldProps:getFieldProps},props),name);});},// eslint-disable-next-line react-hooks/exhaustive-deps
+[groups]);var FieldTableRows=useMemo(function(){return fields.map(function(field){var name=field.name;field.displayType;var props=_objectWithoutProperties(field,_excluded2);return/*#__PURE__*/jsx(ItemMetadataFieldRow,_objectSpread(_objectSpread({name:groupName?"".concat(groupName,".").concat(name):name},getFieldProps(field)),props),name);});},// eslint-disable-next-line react-hooks/exhaustive-deps
+[fields]);return/*#__PURE__*/jsx(Table,{size:"small",padding:"none",className:clsx(classes.root,'VdtItemMetadataFormTable-root',className),children:/*#__PURE__*/jsxs(TableBody,{children:[FieldTableRows,/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{className:clsx(classes.dividerCell,'VdtItemMetadataFormTable-dividerCell'),colSpan:5})}),GroupFieldTableRows]})});}var FieldGroupRowStyles={accordion:{backgroundColor:'unset',boxShadow:'unset'},summary:{padding:0,'&.MuiAccordionSummary-root.Mui-expanded':{minHeight:'56px'},'& .MuiAccordionSummary-content':{marginTop:'5px',marginBottom:'5px'}},details:{paddingTop:0}};function PureItemMetadataFieldGroupRow(_ref4){var classes=_ref4.classes,className=_ref4.className,name=_ref4.name,label=_ref4.label,_ref4$labelText=_ref4.labelText,labelText=_ref4$labelText===void 0?function(){return label||name;}:_ref4$labelText,fields=_ref4.fields,groups=_ref4.groups,getFieldProps=_ref4.getFieldProps;return/*#__PURE__*/jsx(TableRow,{className:clsx(classes.root,'VdtItemMetadataFieldGroupRow-root',className),children:/*#__PURE__*/jsx(TableCell,{colSpan:5,children:/*#__PURE__*/jsxs(Accordion,{className:clsx(classes.accordion,'VdtItemMetadataFieldGroupRow-accordion'),children:[/*#__PURE__*/jsx(AccordionSummary,{className:clsx(classes.summary,'VdtItemMetadataFieldGroupRow-summary'),expandIcon:/*#__PURE__*/jsx(ExpandMore,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:/*#__PURE__*/jsx(Typography,{className:clsx(classes.label,'VdtItemMetadataFieldGroupRow-label'),children:labelText(name,label)})}),/*#__PURE__*/jsx(AccordionDetails,{className:clsx(classes.details,'VdtItemMetadataFieldGroupRow-details'),children:/*#__PURE__*/jsx(ItemMetadataFormTable,{groupName:name,fields:fields,groups:groups,getFieldProps:getFieldProps})})]})})});}var ItemMetadataFieldGroupRow=withStyles(FieldGroupRowStyles,{name:'VdtItemMetadataFieldGroupRow'})(PureItemMetadataFieldGroupRow);var ItemMetadataFormTable=withStyles(styles,{name:'VdtItemMetadataFormTable'})(PureItemMetadataFormTable);
+
+export { ItemMetadataFieldGroupRow, ItemMetadataFormTable };

package/dist/item/ItemMetadataList.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import clsx from 'clsx';
+import { List, Divider } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import ItemMetadataListFieldGroupItem from './ItemMetadataListFieldGroupItem.js';
+import ItemMetadataListFieldItem from './ItemMetadataListFieldItem.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","fields","groups","showFieldName","showOptionLabel","formatValue"],_excluded2=["name"],_excluded3=["name"];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%','& .MuiDivider-root':{marginTop:'10px',marginBottom:'10px'}}};};function ItemMetadataList(_ref){var classes=_ref.classes,className=_ref.className,_ref$fields=_ref.fields,fields=_ref$fields===void 0?[]:_ref$fields,_ref$groups=_ref.groups,groups=_ref$groups===void 0?[]:_ref$groups,_ref$showFieldName=_ref.showFieldName,showFieldName=_ref$showFieldName===void 0?false:_ref$showFieldName,_ref$showOptionLabel=_ref.showOptionLabel,showOptionLabel=_ref$showOptionLabel===void 0?true:_ref$showOptionLabel,formatValue=_ref.formatValue,values=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(List,{className:clsx(classes.root,'VdtItemMetadataList-root',className),size:"small",padding:"none",component:"div",children:[fields.map(function(_ref2){var fieldName=_ref2.name,fieldProps=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(ItemMetadataListFieldItem,_objectSpread({name:fieldName,value:values[fieldName],showFieldName:showFieldName,formatValue:formatValue},fieldProps),fieldName);}),/*#__PURE__*/jsx(Divider,{}),groups.map(function(_ref3){var groupName=_ref3.name,groupProps=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(ItemMetadataListFieldGroupItem,_objectSpread({name:groupName,values:values[groupName]?values[groupName]:{},showFieldName:showFieldName,showOptionLabel:showOptionLabel,formatValue:formatValue},groupProps),groupName);})]});}var ItemMetadataList$1 = withStyles(styles,{name:'VdtItemMetadataList'})(ItemMetadataList);
+
+export { ItemMetadataList$1 as default };

package/dist/item/ItemMetadataListFieldGroupItem.js

@@ -0,0 +1,14 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { ListItem, ListItemText, Collapse, List } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { ExpandLess, ExpandMore } from '@material-ui/icons';
+import ItemMetadataListFieldItem from './ItemMetadataListFieldItem.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","className","name","label","fields","groups","values","showFieldName","showOptionLabel","formatValue","defaultExpanded"],_excluded2=["name"],_excluded3=["name","fields","groups"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{padding:0},label:{flexBasis:1,margin:'2px','& > .MuiListItemText-primary':_objectSpread({},theme.typography.body2)},list:{padding:0,paddingLeft:'1em'}};};function ItemMetadataListFieldGroupItem(_ref){var classes=_ref.classes,className=_ref.className,name=_ref.name,label=_ref.label,_ref$fields=_ref.fields,fields=_ref$fields===void 0?[]:_ref$fields,_ref$groups=_ref.groups,groups=_ref$groups===void 0?[]:_ref$groups,values=_ref.values,showFieldName=_ref.showFieldName,showOptionLabel=_ref.showOptionLabel,formatValue=_ref.formatValue,_ref$defaultExpanded=_ref.defaultExpanded,defaultExpanded=_ref$defaultExpanded===void 0?false:_ref$defaultExpanded,props=_objectWithoutProperties(_ref,_excluded);var _useState=useState(defaultExpanded),_useState2=_slicedToArray(_useState,2),open=_useState2[0],setOpen=_useState2[1];var handleClick=function handleClick(){setOpen(!open);};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtItemMetadataListFieldGroupItem-root',className),button:true,onClick:handleClick},props),{},{children:[/*#__PURE__*/jsx(ListItemText,{className:clsx(classes.label,'VdtItemMetadataListFieldGroupItem-label'),primary:label||name,secondary:showFieldName&&name}),open?/*#__PURE__*/jsx(ExpandLess,{}):/*#__PURE__*/jsx(ExpandMore,{})]})),/*#__PURE__*/jsx(Collapse,{"in":open,timeout:"auto",unmountOnExit:true,children:/*#__PURE__*/jsxs(List,{component:"div",className:clsx(classes.list,'VdtItemMetadataListFieldGroupItem-list'),children:[fields.map(function(_ref2){var fieldName=_ref2.name,fieldProps=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(ItemMetadataListFieldItem,_objectSpread({name:fieldName,value:values[fieldName],showFieldName:showFieldName,showOptionLabel:showOptionLabel,formatValue:formatValue},fieldProps),"".concat(name,"-").concat(fieldName));}),groups.map(function(_ref3){var groupName=_ref3.name,groupFields=_ref3.fields,childGroups=_ref3.groups,groupProps=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(ItemMetadataListFieldGroupItem,_objectSpread({classes:classes,className:className,name:groupName,fields:groupFields,groups:childGroups,values:values[groupName]?values[groupName]:{},showFieldName:showFieldName,showOptionLabel:showOptionLabel,formatValue:formatValue},groupProps),"".concat(name,"-").concat(groupName));})]})})]});}var ItemMetadataListFieldGroupItem$1 = withStyles(styles,{name:'VdtItemMetadataListFieldGroupItem'})(ItemMetadataListFieldGroupItem);
+
+export { ItemMetadataListFieldGroupItem$1 as default };

package/dist/item/ItemMetadataListFieldItem.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { ListItem, ListItemText } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{padding:0,margin:'2px 0'},text:{margin:0,'& > .MuiListItemText-primary':_objectSpread({},theme.typography.body2)},label:{flexBasis:'30%',marginBottom:'auto','& > .MuiListItemText-primary':{whiteSpace:'nowrap',overflow:'hidden',textOverflow:'ellipsis'}},value:{flexBasis:'70%',display:'flex',alignItems:'flex-end','& > .MuiListItemText-primary':{wordBreak:'break-all',fontWeight:600},'& > .MuiListItemText-secondary':{marginLeft:'6px'}}};};function ItemMetadataListFieldItem(_ref){var classes=_ref.classes,className=_ref.className,name=_ref.name,label=_ref.label,value=_ref.value,_ref$formatValue=_ref.formatValue,formatValue=_ref$formatValue===void 0?function(thisValue){return thisValue;}:_ref$formatValue,options=_ref.options,showFieldName=_ref.showFieldName,_ref$showOptionLabel=_ref.showOptionLabel,showOptionLabel=_ref$showOptionLabel===void 0?true:_ref$showOptionLabel;var optionLabel=options&&options.some(function(o){return o.value===value;})?options.find(function(o){return o.value===value;}).label:undefined;return/*#__PURE__*/jsxs(ListItem,{className:clsx(classes.root,'VdtItemMetadataListFieldItem-root',className),children:[/*#__PURE__*/jsx(ListItemText,{className:clsx(classes.text,classes.label,'VdtItemMetadataListFieldItem-label'),primary:label||name,secondary:showFieldName&&name}),/*#__PURE__*/jsx(ListItemText,{className:clsx(classes.text,classes.value,'VdtItemMetadataListFieldItem-value'),primary:value!==undefined?formatValue(value):'',secondary:showOptionLabel&&optionLabel&&"(".concat(optionLabel,")")})]});}var ItemMetadataListFieldItem$1 = withStyles(styles,{name:'VdtItemMetadataListFieldItem'})(ItemMetadataListFieldItem);
+
+export { ItemMetadataListFieldItem$1 as default };

package/dist/item/ItemMetadataTab.js

@@ -0,0 +1,15 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useState } 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 { useAddMetadataFieldAttributes, GetItem, MetadataType } from '@vidispine/vdt-react';
+import ItemMetadataEdit from './ItemMetadataEdit.js';
+import ItemMetadataList from './ItemMetadataList.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 ItemMetadataTab(_ref){var itemId=_ref.itemId,_ref$fields=_ref.fields,fields=_ref$fields===void 0?[]:_ref$fields,_ref$groups=_ref.groups,groups=_ref$groups===void 0?[]:_ref$groups,_ref$editingLabel=_ref.editingLabel,editingLabel=_ref$editingLabel===void 0?function(isEditing){return isEditing?'Cancel':'Edit';}:_ref$editingLabel,_ref$showEditMetadata=_ref.showEditMetadata,showEditMetadata=_ref$showEditMetadata===void 0?true:_ref$showEditMetadata,onError=_ref.onError,_ref$editJoinValue=_ref.editJoinValue,editJoinValue=_ref$editJoinValue===void 0?';':_ref$editJoinValue,_ref$displayJoinValue=_ref.displayJoinValue,displayJoinValue=_ref$displayJoinValue===void 0?', ':_ref$displayJoinValue,_ref$displayGroupAsLi=_ref.displayGroupAsList,displayGroupAsList=_ref$displayGroupAsLi===void 0?false:_ref$displayGroupAsLi,_ref$useContentPaths=_ref.useContentPaths,useContentPaths=_ref$useContentPaths===void 0?false:_ref$useContentPaths,formatValue=_ref.formatValue,_ref$queryParams=_ref.queryParams,propsQueryParams=_ref$queryParams===void 0?{}:_ref$queryParams,_ref$getAttributes=_ref.getAttributes,getAttributes=_ref$getAttributes===void 0?false:_ref$getAttributes;var queryParams=useMemo(function(){var memoQueryParams=_objectSpread({},propsQueryParams);if(useContentPaths){var groupPathParams=groups?groups.map(function(g){return g.name;}).map(function(name){return "metadata.timespan[start=-INF][end=+INF].group[name=".concat(name,"]");}).join(','):undefined;var fieldPathParams=fields?fields.map(function(f){return f.name;}).map(function(name){return "metadata.timespan[start=-INF][end=+INF].field[name=".concat(name,"]");}).join(','):'metadata.timespan[start=-INF][end=+INF].field';memoQueryParams.p=encodeURIComponent([fieldPathParams,groupPathParams].join(','));}else {memoQueryParams.content='metadata';if(Array.isArray(fields)&&fields.length>0)memoQueryParams.field=fields.map(function(_ref2){var name=_ref2.name;return name;});if(Array.isArray(groups)&&groups.length>0)memoQueryParams.group=groups.map(function(_ref3){var name=_ref3.name;return name;});}return memoQueryParams;},[fields,groups,useContentPaths,propsQueryParams]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isEditing=_useState2[0],setIsEditing=_useState2[1];var toggleEdit=function toggleEdit(){return setIsEditing(!isEditing);};var _useAddMetadataFieldA=useAddMetadataFieldAttributes({fields:fields,groups:groups,getAttributes:getAttributes}),_useAddMetadataFieldA2=_useAddMetadataFieldA.fieldsWithAttributes,fieldsWithAttributes=_useAddMetadataFieldA2===void 0?[]:_useAddMetadataFieldA2,_useAddMetadataFieldA3=_useAddMetadataFieldA.groupsWithAttributes,groupsWithAttributes=_useAddMetadataFieldA3===void 0?[]:_useAddMetadataFieldA3;return/*#__PURE__*/jsxs(Fragment,{children:[showEditMetadata&&/*#__PURE__*/jsx(Box,{display:"flex",justifyContent:"flex-end",children:/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:isEditing,onChange:toggleEdit}),label:editingLabel(isEditing),labelPlacement:"start"})}),/*#__PURE__*/jsx(GetItem,{itemId:itemId,queryParams:queryParams,children:showEditMetadata&&isEditing?/*#__PURE__*/jsx(ItemMetadataEdit,{fields:fieldsWithAttributes||fields,groups:groupsWithAttributes||groups,onSuccess:toggleEdit,onError:onError,joinValue:editJoinValue}):/*#__PURE__*/jsx(MetadataType,{joinValue:displayJoinValue,groupAsList:displayGroupAsList,children:/*#__PURE__*/jsx(ItemMetadataList,{fields:fieldsWithAttributes||fields,groups:groupsWithAttributes||groups,formatValue:formatValue})})})]});}var ItemMetadataTab$1 = withStyles({},{name:'VdtItemMetadataTab'})(ItemMetadataTab);
+
+export { ItemMetadataTab$1 as default };

package/dist/item/ItemMetadataTable.js

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles } from '@material-ui/core/styles';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableRow$1 from '@material-ui/core/TableRow';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["fields","TableRowComponent","TableRowProps"],_excluded2=["label","value"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var TableCellLabel=withStyles(function(theme){return {root:_objectSpread({borderStyle:'none',verticalAlign:'top',paddingRight:'1em'},theme.typography.body2)};})(TableCell);var TableCellValue=withStyles(function(theme){return {root:_objectSpread({borderStyle:'none',wordBreak:'break-word',verticalAlign:'top'},theme.typography.subtitle2)};})(TableCell);function TableRow(_ref){var label=_ref.label,value=_ref.value,_ref$formatValue=_ref.formatValue,formatValue=_ref$formatValue===void 0?function(thisValue){return thisValue;}:_ref$formatValue,_ref$TableRowProps=_ref.TableRowProps,TableRowProps=_ref$TableRowProps===void 0?{}:_ref$TableRowProps,_ref$TableCellLabelPr=_ref.TableCellLabelProps,TableCellLabelProps=_ref$TableCellLabelPr===void 0?{}:_ref$TableCellLabelPr,_ref$TableCellValuePr=_ref.TableCellValueProps,TableCellValueProps=_ref$TableCellValuePr===void 0?{}:_ref$TableCellValuePr;return/*#__PURE__*/jsxs(TableRow$1,_objectSpread(_objectSpread({component:"div"},TableRowProps),{},{children:[/*#__PURE__*/jsx(TableCellLabel,_objectSpread(_objectSpread({component:"div"},TableCellLabelProps),{},{children:label})),/*#__PURE__*/jsx(TableCellValue,_objectSpread(_objectSpread({component:"div"},TableCellValueProps),{},{children:value!==undefined?formatValue(value):''}))]}));}function ItemMetadataTable(_ref2){var _ref2$fields=_ref2.fields,fields=_ref2$fields===void 0?[]:_ref2$fields,_ref2$TableRowCompone=_ref2.TableRowComponent,TableRowComponent=_ref2$TableRowCompone===void 0?TableRow:_ref2$TableRowCompone,_ref2$TableRowProps=_ref2.TableRowProps,TableRowProps=_ref2$TableRowProps===void 0?{}:_ref2$TableRowProps,values=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(Table,{size:"small",padding:"none",style:{width:'100%'},component:"div",children:/*#__PURE__*/jsx(TableBody,{component:"div",children:fields.map(function(_ref3){var label=_ref3.label,fieldName=_ref3.value,fieldProps=_objectWithoutProperties(_ref3,_excluded2);return/*#__PURE__*/jsx(TableRowComponent,_objectSpread(_objectSpread({label:label,value:values[fieldName],TableRowProps:TableRowProps},TableRowProps),fieldProps),fieldName);})})});}
+
+export { ItemMetadataTable as default };

package/dist/item/ItemParentsTab.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import _update from 'lodash.update';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import Dialog from '@material-ui/core/Dialog';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import { withStyles } from '@material-ui/core/styles';
+import ForwardIcon from '@material-ui/icons/Forward';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';
+import { item, collection } from '@vidispine/vdt-api';
+import { parseMetadataType } from '@vidispine/vdt-js';
+import RemoveFromCollectionDialog from '../collection/RemoveFromCollectionDialog/index.js';
+import useMenu from '../hooks/useMenu.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import CollectionList from '../collection/CollectionList/index.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;}var styles={};function ActionComponent(_ref){var collectionId=_ref.collectionId,itemId=_ref.itemId,_ref$removeText=_ref.removeText,removeText=_ref$removeText===void 0?'Remove Item From Collection':_ref$removeText,onClickCollection=_ref.onClick,_ref$goToText=_ref.goToText,goToText=_ref$goToText===void 0?'Go To Collection':_ref$goToText,onRefresh=_ref.onRefresh;var _useMenu=useMenu(),anchorEl=_useMenu.anchorEl,onOpen=_useMenu.onOpen,onClose=_useMenu.onClose,isOpen=_useMenu.isOpen,onClickMenu=_useMenu.onClick;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),openDialog=_useState2[0],setOpenDialog=_useState2[1];return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:onOpen,children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,open:isOpen,keepMounted:true,onClose:onClose,getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(e){return onClickCollection(e,{collectionId:collectionId});}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ForwardIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:goToText})]}),/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(){return setOpenDialog(true);}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(RemoveCircleOutlineIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:removeText})]})]}),/*#__PURE__*/jsx(Dialog,{open:openDialog,children:/*#__PURE__*/jsx(RemoveFromCollectionDialog,{collectionId:collectionId,entityId:itemId,entityType:"item",onClose:function onClose(){return setOpenDialog(false);},onSuccess:function onSuccess(){onRefresh();setOpenDialog(false);}})})]});}function ItemParentsTab(_ref2){var className=_ref2.className,classes=_ref2.classes,itemId=_ref2.itemId,initialItemSearchDocument=_ref2.itemSearchDocument,initialCollectionListType=_ref2.collectionListType,queryParams=_ref2.queryParams,onError=_ref2.onError,CollectionListComponent=_ref2.CollectionListComponent,CollectionListProps=_ref2.CollectionListProps;var _useState3=useState(initialCollectionListType),_useState4=_slicedToArray(_useState3,2),collectionListType=_useState4[0],setCollectionListType=_useState4[1];var _useState5=useState(true),_useState6=_slicedToArray(_useState5,2),skeleton=_useState6[0],setSkeleton=_useState6[1];var onRefresh=function onRefresh(){item.getItem({itemId:itemId,queryParams:{content:'metadata',field:'__collection'}}).then(function(_ref3){var itemType=_ref3.data;var _parseMetadataType=parseMetadataType(itemType.metadata,{flat:true}),_parseMetadataType$__=_parseMetadataType.__collection,parentCollectionIds=_parseMetadataType$__===void 0?[]:_parseMetadataType$__;if(parentCollectionIds.length===0){return {data:{}};}var parentCollectionsField={name:'collectionId',value:parentCollectionIds.map(function(id){return {value:id};})};var itemSearchDocument=_update(initialItemSearchDocument,'field',function(){var field=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return [].concat(_toConsumableArray(field.filter(function(f){return f.name!=='collectionId';})),[parentCollectionsField]);});return collection.searchCollection({itemSearchDocument:itemSearchDocument,queryParams:queryParams});}).then(function(_ref4){var newCollectionListType=_ref4.data;setCollectionListType(newCollectionListType);setSkeleton(false);})["catch"](function(error){return onError(error);});};useEffect(function(){onRefresh();// eslint-disable-next-line react-hooks/exhaustive-deps
+},[]);var _CollectionListProps$=CollectionListProps.CollectionListItemProps,CollectionListItemProps=_CollectionListProps$===void 0?{}:_CollectionListProps$;var onClick=CollectionListItemProps.onClick,_CollectionListItemPr=CollectionListItemProps.ActionProps,ActionProps=_CollectionListItemPr===void 0?{}:_CollectionListItemPr;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtItemParentsTab-root',className),children:/*#__PURE__*/jsx(CollectionListComponent,_objectSpread(_objectSpread({collectionListType:collectionListType},CollectionListProps),{},{CollectionListItemProps:_objectSpread({skeleton:skeleton,ActionProps:_objectSpread({itemId:itemId,onClick:onClick,onRefresh:onRefresh},ActionProps),ActionComponent:ActionComponent},CollectionListItemProps)}))});}ItemParentsTab.defaultProps={className:undefined,itemSearchDocument:{},queryParams:{content:'metadata',field:'title'},// eslint-disable-next-line no-console
+onError:function onError(_ref5){var message=_ref5.message;return console.error(message);},CollectionListComponent:CollectionList,CollectionListProps:{},collectionListType:{collection:_toConsumableArray(Array(3).keys()).map(function(id){return {id:String(id)};})}};var ItemParentsTab$1 = withStyles(styles,{name:'VdtItemParentsTab'})(ItemParentsTab);
+
+export { ItemParentsTab, ItemParentsTab$1 as default };

package/dist/item/ItemPoster.js

@@ -0,0 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo, useState } from 'react';
+import { utils } from '@vidispine/vdt-api';
+import { formatTimeCodeText } from '@vidispine/vdt-js';
+import ItemPosterDialog from './ItemPosterDialog.js';
+import ItemPosterList from './ItemPosterList.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var ApiClient=utils.defaultClient;var findThumbnailUri=function findThumbnailUri(posterUri,thumbnailList){var thisPoster=posterUri.split('poster')[1].split('?hash')[0];var time=formatTimeCodeText(thisPoster.split('/').pop());var thumbnailUri=thumbnailList.find(function(thisThumbnail){return thisPoster===thisThumbnail.split('thumbnail')[1].split('?hash')[0];});return {posterUri:posterUri,thumbnailUri:thumbnailUri,time:time};};var downloadFile=function downloadFile(url,fileName){ApiClient({url:url,method:'GET',responseType:'blob'}).then(function(_ref){var data=_ref.data;var objectUrl=window.URL.createObjectURL(new Blob([data]));var link=document.createElement('a');link.href=objectUrl;link.setAttribute('download',fileName);link.click();window.URL.revokeObjectURL(objectUrl);});};function ItemPoster(_ref2){var _ref2$itemType=_ref2.itemType,itemType=_ref2$itemType===void 0?{}:_ref2$itemType;var _itemType$posters=itemType.posters;_itemType$posters=_itemType$posters===void 0?{}:_itemType$posters;var _itemType$posters$uri=_itemType$posters.uri,posterList=_itemType$posters$uri===void 0?[]:_itemType$posters$uri,_itemType$thumbnails=itemType.thumbnails;_itemType$thumbnails=_itemType$thumbnails===void 0?{}:_itemType$thumbnails;var _itemType$thumbnails$=_itemType$thumbnails.uri,thumbnailList=_itemType$thumbnails$===void 0?[]:_itemType$thumbnails$;var imgList=useMemo(function(){return posterList.map(function(posterUri){return findThumbnailUri(posterUri,thumbnailList);});},[posterList,thumbnailList]);var _useState=useState(),_useState2=_slicedToArray(_useState,2),posterIdx=_useState2[0],setPosterIdx=_useState2[1];var open=posterIdx!==undefined;var _ref3=imgList[posterIdx]||{},posterUri=_ref3.posterUri;var handleOpen=function handleOpen(newPosterIdx){return setPosterIdx(newPosterIdx);};var handleClose=function handleClose(){return setPosterIdx();};var handleDownload=function handleDownload(){return downloadFile(posterUri.replace('APInoauth','API'),'poster.jpeg');};var handleBefore=posterIdx!==0?function(){return setPosterIdx(posterIdx-1);}:undefined;var handleNext=posterIdx+1!==imgList.length?function(){return setPosterIdx(posterIdx+1);}:undefined;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ItemPosterList,{imgList:imgList,handleOpen:handleOpen}),/*#__PURE__*/jsx(ItemPosterDialog,{open:open,posterUri:posterUri,handleClose:handleClose,handleBefore:handleBefore,handleNext:handleNext,handleDownload:handleDownload})]});}
+
+export { ItemPoster as default };

package/dist/item/ItemPosterDialog.js

@@ -0,0 +1,13 @@
+import Box from '@material-ui/core/Box';
+import Dialog from '@material-ui/core/Dialog';
+import IconButton from '@material-ui/core/IconButton';
+import Toolbar from '@material-ui/core/Toolbar';
+import CloseIcon from '@material-ui/icons/Close';
+import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';
+import NavigateNextIcon from '@material-ui/icons/NavigateNext';
+import SaveAltIcon from '@material-ui/icons/SaveAlt';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ItemPosterDialog(_ref){var open=_ref.open,posterUri=_ref.posterUri,handleClose=_ref.handleClose,handleBefore=_ref.handleBefore,handleNext=_ref.handleNext,handleDownload=_ref.handleDownload;return/*#__PURE__*/jsxs(Dialog,{fullScreen:true,open:open,onClose:handleClose,children:[/*#__PURE__*/jsx(Toolbar,{children:/*#__PURE__*/jsxs(Box,{display:"flex",justifyContent:"space-between",width:"100%",children:[/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",onClick:handleClose,children:/*#__PURE__*/jsx(CloseIcon,{})}),/*#__PURE__*/jsxs(Box,{children:[/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",disabled:!handleBefore,onClick:handleBefore,children:/*#__PURE__*/jsx(NavigateBeforeIcon,{})}),/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",disabled:!handleNext,onClick:handleNext,children:/*#__PURE__*/jsx(NavigateNextIcon,{})})]}),/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",onClick:handleDownload,children:/*#__PURE__*/jsx(SaveAltIcon,{})})]})}),open&&/*#__PURE__*/jsx(Box,{width:"100vw",height:"80vh",display:"flex",justifyContent:"center",children:/*#__PURE__*/jsx("img",{src:posterUri,alt:"",style:{maxWidth:'100%',maxHeight:'100%'}})})]});}
+
+export { ItemPosterDialog as default };

package/dist/item/ItemPosterList.js

@@ -0,0 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { withStyles } from '@material-ui/core/styles';
+import MediaCardThumbnail from '../media/MediaCardThumbnail/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(theme){return {root:{},posterRoot:{width:320,margin:theme.spacing(2),cursor:'pointer'}};};function ItemPosterList(_ref){var classes=_ref.classes,className=_ref.className,_ref$imgList=_ref.imgList,imgList=_ref$imgList===void 0?[]:_ref$imgList,handleOpen=_ref.handleOpen,_ref$MediaCardThumbna=_ref.MediaCardThumbnailComponent,MediaCardThumbnailComponent=_ref$MediaCardThumbna===void 0?MediaCardThumbnail:_ref$MediaCardThumbna,_ref$MediaCardThumbna2=_ref.MediaCardThumbnailProps,MediaCardThumbnailProps=_ref$MediaCardThumbna2===void 0?{}:_ref$MediaCardThumbna2;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className,'VdtItemPosterList-root'),children:imgList.map(function(_ref2,posterIdx){var thumbnailUri=_ref2.thumbnailUri,time=_ref2.time;return/*#__PURE__*/ (// eslint-disable-next-line max-len
+// eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+jsx("div",{className:clsx(classes.posterRoot,'VdtItemPosterList-posterRoot'),onClick:handleOpen?function(){return handleOpen(posterIdx);}:undefined,children:/*#__PURE__*/jsx(MediaCardThumbnailComponent,_objectSpread({image:thumbnailUri,labelRightBottom:time.toDuration({format:'hhmmss'})},MediaCardThumbnailProps))},thumbnailUri));})});}var ItemPosterList$1 = withStyles(styles,{name:'VdtItemPosterList'})(ItemPosterList);
+
+export { ItemPosterList$1 as default };