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

package/dist/entity/EntityAccessTable.js

@@ -1,23 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState } from 'react';
-import Chip$1 from '@material-ui/core/Chip';
-import IconButton from '@material-ui/core/IconButton';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import ListItemText from '@material-ui/core/ListItemText';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import { withStyles } from '@material-ui/core/styles';
-import Table from '@material-ui/core/Table';
-import TableBody from '@material-ui/core/TableBody';
-import TableCell from '@material-ui/core/TableCell';
-import TableRow from '@material-ui/core/TableRow';
-import DeleteIcon from '@material-ui/icons/Delete';
-import GroupIcon from '@material-ui/icons/Group';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import UserIcon from '@material-ui/icons/Person';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var TableCellLabel=withStyles(function(theme){return {root:_objectSpread({display:'flex',alignItems:'center',borderStyle:'none'},theme.typography.body2)};})(TableCell);var TableCellValue=withStyles(function(theme){return {root:_objectSpread({borderStyle:'none'},theme.typography.subtitle2)};})(TableCell);var Chip=withStyles(function(){return {root:{borderStyle:'none'}};})(Chip$1);var toCapsCase=function toCapsCase(string){return "".concat(string[0].toUpperCase()).concat(string.slice(1).toLowerCase());};function EntityAccessMenu(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtEntityAccessMenu-root':_ref$className,_ref$classes=_ref.classes,classes=_ref$classes===void 0?{}:_ref$classes,onRemove=_ref.onRemove,accessType=_ref.accessType,entityType=_ref.entityType,entityId=_ref.entityId,entityAccessMenuText=_ref.entityAccessMenuText;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var onOpen=function onOpen(event){setAnchorEl(event.currentTarget);};var onClose=function onClose(){setAnchorEl(null);};var accessId=accessType.id;var handleRemove=function handleRemove(){onRemove({accessId:accessId,entityType:entityType,entityId:entityId});onClose();};return/*#__PURE__*/jsxs("div",{className:className,children:[/*#__PURE__*/jsx(IconButton,{onClick:onOpen,children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsx(Menu,{anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:onClose,children:/*#__PURE__*/jsx("div",{className:classes.entityAccessMenuContext,children:/*#__PURE__*/jsxs(MenuItem,{onClick:handleRemove,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(DeleteIcon,{})}),/*#__PURE__*/jsx(ListItemText,{primary:entityAccessMenuText,primaryTypographyProps:{color:'secondary'}})]})})})]});}function EntityAccessRow(_ref2){var _ref2$className=_ref2.className,className=_ref2$className===void 0?'VdtEntityAccessRow-root':_ref2$className,accessType=_ref2.accessType,entityType=_ref2.entityType,entityId=_ref2.entityId,onRemove=_ref2.onRemove,_ref2$EntityAccessMen=_ref2.EntityAccessMenuComponent,EntityAccessMenuComponent=_ref2$EntityAccessMen===void 0?EntityAccessMenu:_ref2$EntityAccessMen,_ref2$EntityAccessMen2=_ref2.EntityAccessMenuProps,EntityAccessMenuProps=_ref2$EntityAccessMen2===void 0?{}:_ref2$EntityAccessMen2,entityAccessMenuText=_ref2.entityAccessMenuText,accessTranslate=_ref2.accessTranslate,_ref2$displayRealName=_ref2.displayRealName,displayRealName=_ref2$displayRealName===void 0?false:_ref2$displayRealName;var user=accessType.user,group=accessType.group,permission=accessType.permission,userType=accessType.userType;var label=user||group;if(displayRealName&&userType){var realName=userType.realName,userName=userType.userName;label=realName||userName;}var value=toCapsCase(accessTranslate(permission));var IconComponent=null;if(user||userType)IconComponent=UserIcon;else if(group)IconComponent=GroupIcon;return/*#__PURE__*/jsxs(TableRow,{component:"div",className:className,children:[/*#__PURE__*/jsxs(TableCellLabel,{component:"div",children:[onRemove?/*#__PURE__*/jsx(EntityAccessMenuComponent,_objectSpread({onRemove:onRemove,entityType:entityType,entityId:entityId,accessType:accessType,entityAccessMenuText:entityAccessMenuText},EntityAccessMenuProps)):null,/*#__PURE__*/jsx(Chip,{label:label,icon:/*#__PURE__*/jsx(IconComponent,{}),variant:"outlined"})]}),/*#__PURE__*/jsx(TableCellValue,{component:"div",children:value})]});}function EntityAccessTable(_ref3){var _ref3$className=_ref3.className,className=_ref3$className===void 0?'VdtEntityAccessTable-root':_ref3$className,accessControlList=_ref3.accessControlList,entityType=_ref3.entityType,entityId=_ref3.entityId,onRemove=_ref3.onRemove,_ref3$EntityAccessRow=_ref3.EntityAccessRowComponent,EntityAccessRowComponent=_ref3$EntityAccessRow===void 0?EntityAccessRow:_ref3$EntityAccessRow,_ref3$EntityAccessRow2=_ref3.EntityAccessRowProps,EntityAccessRowProps=_ref3$EntityAccessRow2===void 0?{}:_ref3$EntityAccessRow2,_ref3$entityAccessMen=_ref3.entityAccessMenuText,entityAccessMenuText=_ref3$entityAccessMen===void 0?'Delete':_ref3$entityAccessMen,_ref3$accessTranslate=_ref3.accessTranslate,accessTranslate=_ref3$accessTranslate===void 0?function(val){return val;}:_ref3$accessTranslate;var _accessControlList$ac=accessControlList.access,access=_accessControlList$ac===void 0?[]:_accessControlList$ac;return/*#__PURE__*/jsx(Table,{size:"small",component:"div",className:className,children:/*#__PURE__*/jsx(TableBody,{component:"div",children:access.map(function(accessType){return/*#__PURE__*/jsx(EntityAccessRowComponent,_objectSpread({accessType:accessType,entityType:entityType,entityId:entityId,onRemove:onRemove,entityAccessMenuText:entityAccessMenuText,accessTranslate:accessTranslate},EntityAccessRowProps),accessType.id);})})});}var EntityAccessTable$1 = withStyles({},{name:'VdtEntityAccessTable'})(EntityAccessTable);
-
-export { EntityAccessTable$1 as default };

package/dist/entity/EntityCard/EntityCard.js

@@ -1,9 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import CollectionCard from '../../collection/CollectionCard/index.js';
-import ItemCard from '../../item/ItemCard.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded=["entityType","entity","entityComponents"];var _defaultEntityCompone;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var ITEM='item';var COLLECTION='collection';var defaultEntityComponents=(_defaultEntityCompone={},_defineProperty(_defaultEntityCompone,ITEM,ItemCard),_defineProperty(_defaultEntityCompone,COLLECTION,CollectionCard),_defaultEntityCompone);function EntityCard(_ref){var entityType=_ref.entityType,entity=_ref.entity,_ref$entityComponents=_ref.entityComponents,entityComponents=_ref$entityComponents===void 0?defaultEntityComponents:_ref$entityComponents,props=_objectWithoutProperties(_ref,_excluded);if(!entityType)return null;var entityProps=_objectSpread({},props);var EntityCardComponent=entityComponents[entityType.toLowerCase()];if(!EntityCardComponent)return null;if(entityType.toLowerCase()===ITEM.toLowerCase()){entityProps.itemId=entity.id;entityProps.itemType=entity;}else if(entityType.toLowerCase()===COLLECTION.toLowerCase()){entityProps.collectionId=entity.id;entityProps.collectionType=entity;}return/*#__PURE__*/jsx(EntityCardComponent,_objectSpread({},entityProps));}
-
-export { EntityCard as default };

package/dist/entity/EntityCard/index.js

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

package/dist/entity/EntityComment.js

@@ -1,18 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useEffect } from 'react';
-import clsx from 'clsx';
-import Button from '@material-ui/core/Button';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import InputAdornment from '@material-ui/core/InputAdornment';
-import { withStyles } from '@material-ui/core/styles';
-import Switch from '@material-ui/core/Switch';
-import TextField from '@material-ui/core/TextField';
-import { metadata, globalmetadata } from '@vidispine/vdt-api';
-import useComments from '../hooks/useComments.js';
-import EntityCommentCard from './EntityCommentCard.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{paddingTop:theme.spacing(2)},header:_objectSpread(_objectSpread({},theme.typography.h6),{},{paddingBottom:theme.spacing(2)}),label:{fontFamily:'Monaco',fontWeight:100,fontSize:'0.75rem',fontStyle:'italic'},labelWithTimecode:{fontWeight:600,fontStyle:'normal'},buttons:{minHeight:theme.spacing(4.25),display:'flex',flexDirection:'row-reverse',width:'100%',marginTop:theme.spacing(1),'& button':{marginLeft:theme.spacing(1)}},comments:{'& > div':{marginTop:theme.spacing(2)}}};};function EntityComment(_ref){var className=_ref.className,classes=_ref.classes,entity=_ref.entity,entityId=_ref.entityId,EntityCommentCardComponent=_ref.EntityCommentCardComponent,EntityCommentCardProps=_ref.EntityCommentCardProps,metadataType=_ref.metadataType,commentField=_ref.commentField,playerRef=_ref.playerRef,timeBase=_ref.timeBase,getEntityMetadata=_ref.getEntityMetadata,updateEntityMetadata=_ref.updateEntityMetadata,removeGlobalMetadata=_ref.removeGlobalMetadata,noTimecodeText=_ref.noTimecodeText,addCommentText=_ref.addCommentText,cancelText=_ref.cancelText,commentText=_ref.commentText,commentPluralText=_ref.commentPluralText,loadingText=_ref.loadingText;var _useComments=useComments({entity:entity,entityId:entityId,metadataType:metadataType,commentField:commentField,playerRef:playerRef,timeBase:timeBase,getEntityMetadata:getEntityMetadata,updateEntityMetadata:updateEntityMetadata,removeGlobalMetadata:removeGlobalMetadata}),newComment=_useComments.newComment,commentTimecode=_useComments.commentTimecode,smpteTimecode=_useComments.smpteTimecode,commentList=_useComments.commentList,onChangeTimecode=_useComments.onChangeTimecode,onChangeComment=_useComments.onChangeComment,onFocusComment=_useComments.onFocusComment,onCancelComment=_useComments.onCancelComment,onSubmitComment=_useComments.onSubmitComment,onClickCommentTimecode=_useComments.onClickCommentTimecode,onDeleteComment=_useComments.onDeleteComment,onRefreshComments=_useComments.onRefreshComments;useEffect(function(){if(metadataType===undefined)onRefreshComments();// eslint-disable-next-line react-hooks/exhaustive-deps
-},[]);return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),children:[/*#__PURE__*/jsx("div",{className:classes.header,children:commentList?/*#__PURE__*/jsx("span",{children:"".concat(commentList.length," ").concat(commentList.length===1?commentText.toLowerCase():commentPluralText.toLowerCase())}):/*#__PURE__*/jsx("span",{children:loadingText})}),/*#__PURE__*/jsx(TextField,{className:classes.TextField,value:newComment,onChange:onChangeComment,fullWidth:true,variant:"standard",placeholder:addCommentText,multiline:true,InputProps:{onFocus:onFocusComment,startAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"start",children:/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{size:"small",color:"primary",checked:commentTimecode!==undefined,onChange:onChangeTimecode}),label:smpteTimecode||noTimecodeText,classes:{label:clsx(classes.label,_defineProperty({},classes.labelWithTimecode,commentTimecode!==undefined))}})})}}),/*#__PURE__*/jsx("div",{className:classes.buttons,children:newComment&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Button,{className:classes.commentButton,color:"primary",variant:"contained",disableElevation:true,onClick:onSubmitComment,children:commentText}),/*#__PURE__*/jsx(Button,{className:classes.cancelButton,variant:"text",disableElevation:true,onClick:onCancelComment,children:cancelText})]})}),/*#__PURE__*/jsx("div",{className:classes.comments,children:commentList?commentList.map(function(_ref2){var uuid=_ref2.uuid,value=_ref2.value,start=_ref2.start,user=_ref2.user,timestamp=_ref2.timestamp;return/*#__PURE__*/jsx(EntityCommentCardComponent,_objectSpread({uuid:uuid,value:value,start:start,user:user,timestamp:timestamp,onDelete:function onDelete(){return onDeleteComment(uuid);},onClick:function onClick(){return onClickCommentTimecode(start);}},EntityCommentCardProps),uuid);}):null})]});}var EntityComment$1 = withStyles(styles,{name:'VdtEntityComment'})(EntityComment);EntityComment.defaultProps={classes:{},className:undefined,EntityCommentCardComponent:EntityCommentCard,EntityCommentCardProps:{},metadataType:undefined,commentField:'co',playerRef:undefined,timeBase:{numerator:1,denominator:25},getEntityMetadata:metadata.getEntityMetadata,updateEntityMetadata:metadata.updateEntityMetadata,removeGlobalMetadata:globalmetadata.removeGlobalMetadata,noTimecodeText:'No Timecode',addCommentText:'Add a comment',cancelText:'Cancel',commentText:'Comment',commentPluralText:'Comments',loadingText:''};
-
-export { EntityComment$1 as default };

package/dist/entity/EntityCommentCard.js

@@ -1,21 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import clsx from 'clsx';
-import moment from 'moment';
-import Avatar from '@material-ui/core/Avatar';
-import ButtonBase from '@material-ui/core/ButtonBase';
-import IconButton from '@material-ui/core/IconButton';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import ListItemText from '@material-ui/core/ListItemText';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import { withStyles } from '@material-ui/core/styles';
-import DeleteIcon from '@material-ui/icons/Delete';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import UserIcon from '@material-ui/icons/Person';
-import { formatTimeCodeText } from '@vidispine/vdt-js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var styles=function styles(theme){return {root:{display:'flex','&:hover':{'& $commentAction':{visibility:'visible'}}},commentBody:{paddingRight:theme.spacing(1),paddingLeft:theme.spacing(1),flexGrow:1},commentHeader:{display:'flex','& div':{marginRight:theme.spacing(1)}},comments:{'& $root':{marginTop:theme.spacing(2)}},commentUser:{fontWeight:'bold'},commentContent:{whiteSpace:'pre-line'},commentTimecode:{color:theme.palette.info.dark,marginRight:theme.spacing(1),verticalAlign:'unset'},commentAction:{visibility:'hidden'},menuPaper:{backgroundColor:theme.palette.background["default"]}};};function EntityCommentCard(_ref){var className=_ref.className,classes=_ref.classes,user=_ref.user,timestamp=_ref.timestamp,start=_ref.start,value=_ref.value,onDelete=_ref.onDelete,onClick=_ref.onClick,deleteText=_ref.deleteText,MenuIconComponent=_ref.MenuIconComponent,DeleteIconComponent=_ref.DeleteIconComponent,UserIconComponent=_ref.UserIconComponent;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var open=Boolean(anchorEl);var openMenu=function openMenu(event){setAnchorEl(event.currentTarget);};var closeMenu=function closeMenu(){setAnchorEl(null);};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),children:[/*#__PURE__*/jsx("div",{className:classes.commentAvatar,children:/*#__PURE__*/jsx(Avatar,{children:user?user[0]:UserIconComponent})}),/*#__PURE__*/jsxs("div",{className:classes.commentBody,children:[/*#__PURE__*/jsxs("div",{className:classes.commentHeader,children:[/*#__PURE__*/jsx("div",{className:classes.commentUser,children:user}),/*#__PURE__*/jsx("div",{className:classes.commentTimestamp,children:moment(timestamp).fromNow()})]}),/*#__PURE__*/jsxs("div",{className:classes.commentContent,children:[start!=='-INF'&&/*#__PURE__*/jsx(ButtonBase,{className:classes.commentTimecode,onClick:onClick,children:formatTimeCodeText(start).toSmpte()}),value]})]}),/*#__PURE__*/jsxs("div",{className:classes.commentAction,children:[/*#__PURE__*/jsx(IconButton,{onClick:openMenu,children:/*#__PURE__*/jsx(MenuIconComponent,{})}),/*#__PURE__*/jsx(Menu,{className:classes.Menu,elevation:0,getContentAnchorEl:null,anchorEl:anchorEl,anchorOrigin:{vertical:'bottom',horizontal:'center'},transformOrigin:{vertical:'bottom',horizontal:'center'},variant:"menu",keepMounted:true,open:open,PaperProps:{className:classes.menuPaper,elevation:1},onClose:closeMenu,children:/*#__PURE__*/jsxs(MenuItem,{onClick:onDelete,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(DeleteIconComponent,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:deleteText})]})})]})]});}var EntityCommentCard$1 = withStyles(styles,{name:'VdtEntityCommentCard'})(EntityCommentCard);EntityCommentCard.defaultProps={classes:{},className:undefined,onDelete:undefined,onClick:undefined,deleteText:'Delete',MenuIconComponent:MoreVertIcon,DeleteIconComponent:DeleteIcon,UserIconComponent:UserIcon};
-
-export { EntityCommentCard$1 as default };

package/dist/entity/EntityDeleteDialog/EntityDeleteDialog.js

@@ -1,23 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import clsx from 'clsx';
-import moment from 'moment';
-import Button from '@material-ui/core/Button';
-import Checkbox from '@material-ui/core/Checkbox';
-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 Divider from '@material-ui/core/Divider';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Typography from '@material-ui/core/Typography';
-import { item, collection } from '@vidispine/vdt-api';
-import { GetItem, GetCollection } from '@vidispine/vdt-react';
-import CollectionCard from '../../collection/CollectionCard/index.js';
-import ItemCard from '../../item/ItemCard.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:{},entityCard:{display:'flex',justifyContent:'center'}};};var useDeleteHook=function useDeleteHook(entity,entityId){var _useState=useState(false),_useState2=_slicedToArray(_useState,2),validation=_useState2[0],setValidation=_useState2[1];var handleValidation=function handleValidation(value){return setValidation(value);};var onDelete=function onDelete(){if(entity.toLowerCase()==='item')return item.removeItem({itemId:entityId});if(entity.toLowerCase()==='collection')return collection.removeCollection({collectionId:entityId});return new Promise(function(res,rej){rej(new Error("Unknown entity type, is ".concat(entity)));});};return {validation:validation,handleValidation:handleValidation,onDelete:onDelete};};function EntityDeleteDialog(_ref){var open=_ref.open,onClose=_ref.onClose,entity=_ref.entity,entityId=_ref.entityId,onSuccess=_ref.onSuccess,onFailure=_ref.onFailure,className=_ref.className,title=_ref.title,subtitle=_ref.subtitle,validationText=_ref.validationText,closeButtonText=_ref.closeButtonText,confirmButtonText=_ref.confirmButtonText,queryParams=_ref.queryParams,DialogProps=_ref.DialogProps,CollectionCardComponent=_ref.CollectionCardComponent,CollectionCardProps=_ref.CollectionCardProps,ItemCardComponent=_ref.ItemCardComponent,ItemCardProps=_ref.ItemCardProps,showEntityPreview=_ref.showEntityPreview,classes=_ref.classes;var _useDeleteHook=useDeleteHook(entity,entityId),onDelete=_useDeleteHook.onDelete,validation=_useDeleteHook.validation,handleValidation=_useDeleteHook.handleValidation;var onClick=function onClick(){return onDelete().then(function(resp){onClose();onSuccess(resp);})["catch"](onFailure);};if(!open)return null;return/*#__PURE__*/jsxs(Dialog,_objectSpread(_objectSpread({open:open,onClose:onClose,className:clsx(classes.root,'VdtEntityDeleteDialog-root',className)},DialogProps),{},{children:[/*#__PURE__*/jsxs(DialogTitle,{disableTypography:true,children:[/*#__PURE__*/jsx(Typography,{variant:"h6",children:title}),subtitle&&/*#__PURE__*/jsx(Typography,{variant:"subtitle2",children:subtitle})]}),/*#__PURE__*/jsx(Divider,{}),/*#__PURE__*/jsxs(DialogContent,{children:[showEntityPreview&&/*#__PURE__*/jsx("div",{className:classes.entityCard,children:entity==='item'?/*#__PURE__*/jsx(GetItem,{itemId:entityId,queryParams:queryParams,children:/*#__PURE__*/jsx(ItemCardComponent,_objectSpread({titleSelector:function titleSelector(_ref2){var name=_ref2.title,itemId=_ref2.itemId;return name||itemId;},subheaderSelector:function subheaderSelector(_ref3){var created=_ref3.created;return created?moment(created).format('ll'):'';},ContentComponent:null,ActionsComponent:null},ItemCardProps))}):/*#__PURE__*/jsx(GetCollection,{collectionId:entityId,queryParams:queryParams,children:/*#__PURE__*/jsx(CollectionCardComponent,_objectSpread({titleSelector:function titleSelector(_ref4){var name=_ref4.title,collectionId=_ref4.collectionId;return name||collectionId;},subheaderSelector:function subheaderSelector(_ref5){var created=_ref5.created;return created?moment(created).format('ll'):'';},avatar:entity},CollectionCardProps))})}),/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Checkbox,{checked:validation,onChange:function onChange(){return handleValidation(!validation);}}),label:validationText})]}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:onClose,children:closeButtonText}),/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",onClick:onClick,disabled:!validation,children:confirmButtonText})]})]}));}EntityDeleteDialog.defaultProps={open:false,onClose:function onClose(){return null;},onSuccess:function onSuccess(){return null;},onFailure:function onFailure(){return null;},className:'VdtEntityDeleteDialog',title:'Delete entity',subtitle:'',validationText:"I understand that deleting is permanent and can't be undone",closeButtonText:'Close',confirmButtonText:'Permanently delete entity',queryParams:{field:['created','title','mimeType','durationSeconds','itemId','collectionId'],content:['metadata','thumbnail'],'noauth-url':true},DialogProps:{},CollectionCardComponent:CollectionCard,CollectionCardProps:{},ItemCardComponent:ItemCard,ItemCardProps:{},showEntityPreview:true,classes:{}};
-
-export { EntityDeleteDialog as default, styles };

package/dist/entity/EntityDeleteDialog/index.js

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

package/dist/entity/EntityGrid.js

@@ -1,11 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useMemo } from 'react';
-import Grid from '@material-ui/core/Grid';
-import CollectionCard from '../collection/CollectionCard/index.js';
-import ItemCard from '../item/ItemCard.js';
-import EntityGridItemDraggable from './EntityGridItemDraggable.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 COLLECTION='COLLECTION';var ITEM='ITEM';function EntityGrid(_ref){var _ref$entries=_ref.entries,entries=_ref$entries===void 0?[]:_ref$entries,_ref$EntityGridItemCo=_ref.EntityGridItemComponent,EntityGridItemComponent=_ref$EntityGridItemCo===void 0?EntityGridItemDraggable:_ref$EntityGridItemCo,_ref$CollectionCardCo=_ref.CollectionCardComponent,CollectionCardComponent=_ref$CollectionCardCo===void 0?CollectionCard:_ref$CollectionCardCo,_ref$ItemCardComponen=_ref.ItemCardComponent,ItemCardComponent=_ref$ItemCardComponen===void 0?ItemCard:_ref$ItemCardComponen,_ref$CollectionCardPr=_ref.CollectionCardProps,CollectionCardProps=_ref$CollectionCardPr===void 0?{}:_ref$CollectionCardPr,_ref$ItemCardProps=_ref.ItemCardProps,ItemCardProps=_ref$ItemCardProps===void 0?{}:_ref$ItemCardProps,_ref$GridContainerPro=_ref.GridContainerProps,GridContainerProps=_ref$GridContainerPro===void 0?{}:_ref$GridContainerPro,_ref$GridItemProps=_ref.GridItemProps,GridItemProps=_ref$GridItemProps===void 0?{}:_ref$GridItemProps;var entityEntries=useMemo(function(){return entries.map(function(e){return e.collection&&_objectSpread(_objectSpread({},e.collection),{},{type:COLLECTION})||e.item&&_objectSpread(_objectSpread({},e.item),{},{type:ITEM})||undefined;});},[entries]);return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({container:true},GridContainerProps),{},{children:entityEntries&&entityEntries.length&&entityEntries.map(function(entity,index){return/*#__PURE__*/jsx(EntityGridItemComponent,_objectSpread({index:index,entity:entity,entityType:entity.type,entityId:entity.id,CollectionCardComponent:CollectionCardComponent,ItemCardComponent:ItemCardComponent,CollectionCardProps:CollectionCardProps,ItemCardProps:ItemCardProps},GridItemProps),"".concat(entity.type,"_").concat(entity.id));})}));}
-
-export { EntityGrid as default };

package/dist/entity/EntityGridItem.js

@@ -1,10 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import Grid from '@material-ui/core/Grid';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import CollectionCard from '../collection/CollectionCard/index.js';
-import ItemCard from '../item/ItemCard.js';
-
-var _excluded=["entityType","entityId","entity","index","CollectionCardComponent","ItemCardComponent","CollectionCardProps","ItemCardProps"];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 EntityGridItem(_ref){var entityType=_ref.entityType,entityId=_ref.entityId,entity=_ref.entity,index=_ref.index,_ref$CollectionCardCo=_ref.CollectionCardComponent,CollectionCardComponent=_ref$CollectionCardCo===void 0?CollectionCard:_ref$CollectionCardCo,_ref$ItemCardComponen=_ref.ItemCardComponent,ItemCardComponent=_ref$ItemCardComponen===void 0?ItemCard:_ref$ItemCardComponen,_ref$CollectionCardPr=_ref.CollectionCardProps,CollectionCardProps=_ref$CollectionCardPr===void 0?{}:_ref$CollectionCardPr,_ref$ItemCardProps=_ref.ItemCardProps,ItemCardProps=_ref$ItemCardProps===void 0?{}:_ref$ItemCardProps,props=_objectWithoutProperties(_ref,_excluded);var isCollection=entityType==='COLLECTION';var isItem=entityType==='ITEM';return/*#__PURE__*/jsxs(Grid,_objectSpread(_objectSpread({item:true,xs:"auto"},props),{},{children:[isCollection&&/*#__PURE__*/jsx(CollectionCardComponent,_objectSpread({index:index,collectionId:entityId,collectionType:entity},CollectionCardProps)),isItem&&/*#__PURE__*/jsx(ItemCardComponent,_objectSpread({index:index,itemId:entityId,itemType:entity},ItemCardProps))]}));}
-
-export { EntityGridItem as default };

package/dist/entity/EntityGridItemDraggable.js

@@ -1,12 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import clsx from 'clsx';
-import { withStyles } from '@material-ui/core';
-import { compose } from '@vidispine/vdt-react';
-import EntityGridItem from './EntityGridItem.js';
-import { jsx } from 'react/jsx-runtime';
-import withDrag from '../dnd/hoc/withDrag.js';
-
-var _excluded=["className","classes","isDragging"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles={root:{},rootIsDragging:{opacity:0.5,cursor:'move'}};function EntityGridItemDraggable(_ref){var className=_ref.className,classes=_ref.classes,isDragging=_ref.isDragging,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(EntityGridItem,_objectSpread({className:clsx(classes.root,'VdtEntityGridItemDraggable-root',isDragging&&classes.rootIsDragging,isDragging&&'VdtEntityGridItemDraggable-rootIsDragging',className)},props));}var EntityGridItemDraggable$1 = compose(withDrag,withStyles(styles,{name:'VdtEntityGridItemDraggable'}))(EntityGridItemDraggable);
-
-export { EntityGridItemDraggable$1 as default };

package/dist/entity/EntityTable.js

@@ -1,15 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useMemo } from 'react';
-import Hidden from '@material-ui/core/Hidden';
-import Table from '@material-ui/core/Table';
-import TableBody from '@material-ui/core/TableBody';
-import TableCell from '@material-ui/core/TableCell';
-import TableHead from '@material-ui/core/TableHead';
-import TableRow from '@material-ui/core/TableRow';
-import EntityTableRowDraggable from './EntityTableRowDraggable.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 COLLECTION='COLLECTION';var ITEM='ITEM';// TODO: Rename entries to entities
-function EntityTable(_ref){var _ref$entries=_ref.entries,entries=_ref$entries===void 0?[]:_ref$entries,_ref$EntityTableRowCo=_ref.EntityTableRowComponent,EntityTableRowComponent=_ref$EntityTableRowCo===void 0?EntityTableRowDraggable:_ref$EntityTableRowCo,_ref$optionLabels=_ref.optionLabels,optionLabels=_ref$optionLabels===void 0?[]:_ref$optionLabels,_ref$collectionOption=_ref.collectionOptions,collectionOptions=_ref$collectionOption===void 0?[]:_ref$collectionOption,_ref$itemOptions=_ref.itemOptions,itemOptions=_ref$itemOptions===void 0?[]:_ref$itemOptions,onCheck=_ref.onCheck,_ref$onCollectionClic=_ref.onCollectionClick,_onCollectionClick=_ref$onCollectionClic===void 0?function(){return null;}:_ref$onCollectionClic,_ref$onItemClick=_ref.onItemClick,_onItemClick=_ref$onItemClick===void 0?function(){return null;}:_ref$onItemClick,_ref$TableRowProps=_ref.TableRowProps,TableRowProps=_ref$TableRowProps===void 0?{}:_ref$TableRowProps;var entityEntries=useMemo(function(){return entries.map(function(){var _ref2=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},collection=_ref2.collection,item=_ref2.item;if(collection){return _objectSpread(_objectSpread({},collection),{},{type:COLLECTION});}if(item){return _objectSpread(_objectSpread({},item),{},{type:ITEM});}return undefined;});},[entries]);return/*#__PURE__*/jsxs(Table,{size:"small",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox"}),optionLabels.map(function(_ref3,index){var label=_ref3.label,key=_ref3.key,hide=_ref3.hide;return/*#__PURE__*/jsx(Hidden,{only:hide,children:/*#__PURE__*/jsx(TableCell,{children:label})},key||label||index);})]})}),/*#__PURE__*/jsx(TableBody,{children:entityEntries&&entityEntries.length?entityEntries.map(function(entity){return/*#__PURE__*/jsx(EntityTableRowComponent,_objectSpread({entity:entity,entityType:entity.type,entityId:entity.id,wrapDragInDiv:false,collectionOptions:collectionOptions,itemOptions:itemOptions,onCheck:onCheck,onCollectionClick:function onCollectionClick(){return _onCollectionClick(entity);},onItemClick:function onItemClick(){return _onItemClick(entity);}},TableRowProps),"".concat(entity.type,"_").concat(entity.id));}):null})]});}
-
-export { EntityTable as default };

package/dist/entity/EntityTableRow.js

@@ -1,9 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import CollectionRow from '../collection/CollectionRow/index.js';
-import ItemRow from '../item/ItemRow.js';
-
-var _excluded=["entityType","entityId","entity","collectionOptions","itemOptions","onCollectionClick","onItemClick"];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 EntityTableRow(_ref){var entityType=_ref.entityType,entityId=_ref.entityId,entity=_ref.entity,_ref$collectionOption=_ref.collectionOptions,collectionOptions=_ref$collectionOption===void 0?[]:_ref$collectionOption,_ref$itemOptions=_ref.itemOptions,itemOptions=_ref$itemOptions===void 0?[]:_ref$itemOptions,onCollectionClick=_ref.onCollectionClick,onItemClick=_ref.onItemClick,props=_objectWithoutProperties(_ref,_excluded);var isCollection=entityType==='COLLECTION';var isItem=entityType==='ITEM';return/*#__PURE__*/jsxs(Fragment,{children:[isCollection&&/*#__PURE__*/jsx(CollectionRow,_objectSpread({collectionId:entityId,collectionType:entity,options:collectionOptions,onClick:onCollectionClick},props)),isItem&&/*#__PURE__*/jsx(ItemRow,_objectSpread({itemId:entityId,itemType:entity,options:itemOptions,onClick:onItemClick},props))]});}
-
-export { EntityTableRow as default };

package/dist/entity/EntityTableRowDraggable.js

@@ -1,12 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import clsx from 'clsx';
-import { withStyles } from '@material-ui/core';
-import { compose } from '@vidispine/vdt-react';
-import EntityTableRow from './EntityTableRow.js';
-import { jsx } from 'react/jsx-runtime';
-import withDrag from '../dnd/hoc/withDrag.js';
-
-var _excluded=["className","classes","isDragging"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles={root:{},rootIsDragging:{opacity:0.5,cursor:'move'}};function EntityTableRowDraggable(_ref){var className=_ref.className,classes=_ref.classes,isDragging=_ref.isDragging,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(EntityTableRow,_objectSpread({className:clsx(classes.root,'VdtEntityTableRowDraggable-root',isDragging&&classes.rootIsDragging,isDragging&&'VdtEntityTableRowDraggable-rootIsDragging',className)},props));}var EntityTableRowDraggable$1 = compose(withDrag,withStyles(styles,{name:'VdtEntityTableRowDraggable'}))(EntityTableRowDraggable);
-
-export { EntityTableRowDraggable$1 as default };

package/dist/entity/EntityTree.js

@@ -1,21 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useCallback, useEffect } from 'react';
-import clsx from 'clsx';
-import { withStyles } from '@material-ui/core';
-import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import TreeView from '@material-ui/lab/TreeView';
-import { search } from '@vidispine/vdt-api';
-import { ROOT, LOAD_MORE, DROP_ZONE_ROOT } from './EntityTreeConsts.js';
-import { EntityTreeProvider } from './EntityTreeContext.js';
-import EntityTreeList from './EntityTreeList.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded=["entry"];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 defaultSearchState={interval:'generic',queryParams:{field:['mimeType'],content:['metadata']},itemSearchDocument:{operator:{field:[{name:'__parent_collection',value:[{value:''}]},{name:'__collection',value:[{value:''}]}],operation:'OR'},sort:[{field:'_type',order:'ascending'},{field:'title',order:'descending'}]}};var styles={root:{}};function EntityTree(_ref){var className=_ref.className,classes=_ref.classes,_ref$searchState=_ref.searchState,searchState=_ref$searchState===void 0?defaultSearchState:_ref$searchState,_ref$rootCollectionId=_ref.rootCollectionId,rootCollectionId=_ref$rootCollectionId===void 0?ROOT:_ref$rootCollectionId,_ref$first=_ref.first,first=_ref$first===void 0?1:_ref$first,_ref$number=_ref.number,number=_ref$number===void 0?5:_ref$number,selected=_ref.selected,expanded=_ref.expanded,_ref$selectOnToggle=_ref.selectOnToggle,selectOnToggle=_ref$selectOnToggle===void 0?true:_ref$selectOnToggle,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?function(){return null;}:_ref$onChange,_ref$onExpanded=_ref.onExpanded,onExpanded=_ref$onExpanded===void 0?function(){return null;}:_ref$onExpanded,_ref$onError=_ref.onError,onError=_ref$onError===void 0?function(_ref2){var message=_ref2.message,error=_ref2.error;return console.error("".concat(message,"\n").concat(error));}:_ref$onError,_ref$EntityTreeListCo=_ref.EntityTreeListComponent,EntityTreeListComponent=_ref$EntityTreeListCo===void 0?EntityTreeList:_ref$EntityTreeListCo,_ref$EntityTreeListPr=_ref.EntityTreeListProps,EntityTreeListProps=_ref$EntityTreeListPr===void 0?{}:_ref$EntityTreeListPr,_ref$TreeViewProps=_ref.TreeViewProps,TreeViewProps=_ref$TreeViewProps===void 0?{}:_ref$TreeViewProps;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),searchResultType=_useState2[0],setSearchResultType=_useState2[1];var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),hits=_useState4[0],setHits=_useState4[1];var _searchResultType$ent=searchResultType.entry,entries=_searchResultType$ent===void 0?[]:_searchResultType$ent;var onRootSearch=function onRootSearch(){try{search.searchItemCollection(_objectSpread(_objectSpread({},searchState),{},{matrixParams:{first:first,number:number}})).then(function(_ref3){var data=_ref3.data;setSearchResultType(data);setHits(data.hits);})["catch"](function(error){onError({message:'Could not search',error:error});});}catch(error){onError({message:'Could not search',error:error});}};var onRootSearchMore=useCallback(function(amountOfRootEntries){var nextFirst=amountOfRootEntries+1;if(nextFirst>hits)return;try{search.searchItemCollection(_objectSpread(_objectSpread({},searchState),{},{matrixParams:{first:nextFirst,number:number}})).then(function(_ref4){var data=_ref4.data;var _data$entry=data.entry,newEntries=_data$entry===void 0?[]:_data$entry,newEntryProps=_objectWithoutProperties(data,_excluded);setSearchResultType(function(old){return _objectSpread(_objectSpread({},newEntryProps),{},{entry:[].concat(_toConsumableArray(newEntries),_toConsumableArray(old.entry))});});setHits(data.hits);})["catch"](function(error){onError({message:'Could not search for more',error:error});});}catch(error){onError({message:'Could not search for more',error:error});}},// eslint-disable-next-line react-hooks/exhaustive-deps
-[searchResultType]);var isToggleTarget=function isToggleTarget(event){var _event$target=event.target;_event$target=_event$target===void 0?{}:_event$target;var _event$target$parentE=_event$target.parentElement,parentElement=_event$target$parentE===void 0?{}:_event$target$parentE;var grandParentElement=parentElement.parentElement||{};return parentElement.className==='MuiTreeItem-iconContainer'||grandParentElement.className==='MuiTreeItem-iconContainer';};var onNodeSelect=function onNodeSelect(event,nodeId){if(!selectOnToggle&&isToggleTarget(event))return;if(typeof nodeId==='string'){if(nodeId.startsWith(LOAD_MORE)||nodeId.startsWith(DROP_ZONE_ROOT))return;}onChange(nodeId);};var onNodeToggle=function onNodeToggle(_,nodeIds){onExpanded(nodeIds);};// eslint-disable-next-line react-hooks/exhaustive-deps
-useEffect(onRootSearch,[rootCollectionId]);return/*#__PURE__*/jsx(TreeView,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtEntityTree-root',className),defaultCollapseIcon:/*#__PURE__*/jsx(ExpandMoreIcon,{}),defaultExpandIcon:/*#__PURE__*/jsx(ChevronRightIcon,{}),onNodeSelect:onNodeSelect,onNodeToggle:onNodeToggle,selected:selected,expanded:expanded},TreeViewProps),{},{children:/*#__PURE__*/jsx(EntityTreeProvider,{children:/*#__PURE__*/jsx(EntityTreeListComponent,_objectSpread({hits:hits,entries:entries,collectionId:rootCollectionId,onLoadMore:onRootSearchMore,onAdjustHits:function onAdjustHits(amount){return setHits(function(old){return old+amount;});},onError:onError},EntityTreeListProps))})}));}var EntityTree$1 = withStyles(styles,{name:'VdtEntityTree'})(EntityTree);
-
-export { EntityTree$1 as default };

package/dist/entity/EntityTreeConsts.js

@@ -1,3 +0,0 @@
-var LOAD_MORE='LOAD_MORE';var ITEM='ITEM';var COLLECTION='COLLECTION';var JOIN_CHARACTER='_';var ROOT='ROOT';var DROP_ZONE_ROOT='DROP_ZONE_ROOT';
-
-export { COLLECTION, DROP_ZONE_ROOT, ITEM, JOIN_CHARACTER, LOAD_MORE, ROOT };

package/dist/entity/EntityTreeContext.js

@@ -1,12 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { createContext, useState, useCallback, useMemo } from 'react';
-import { COLLECTION, ITEM } from './EntityTreeConsts.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 EntityTreeContext=/*#__PURE__*/createContext({childIds:{},addAsChildrenToCollection:function addAsChildrenToCollection(){return null;},removeAsChildrenToCollection:function removeAsChildrenToCollection(){return null;},addOrUpdateCollections:function addOrUpdateCollections(){return null;},addOrUpdateItems:function addOrUpdateItems(){return null;},getChildCollections:function getChildCollections(){return [];},getChildItems:function getChildItems(){return [];}});function EntityTreeProvider(_ref){var _ref$initialChildIds=_ref.initialChildIds,initialChildIds=_ref$initialChildIds===void 0?{}:_ref$initialChildIds,_ref$initialCollectio=_ref.initialCollections,initialCollections=_ref$initialCollectio===void 0?[]:_ref$initialCollectio,_ref$initialItems=_ref.initialItems,initialItems=_ref$initialItems===void 0?[]:_ref$initialItems,children=_ref.children;var _useState=useState(initialChildIds),_useState2=_slicedToArray(_useState,2),childIds=_useState2[0],setChildIds=_useState2[1];var _useState3=useState(initialCollections),_useState4=_slicedToArray(_useState3,2),collections=_useState4[0],setCollections=_useState4[1];var _useState5=useState(initialItems),_useState6=_slicedToArray(_useState5,2),items=_useState6[0],setItems=_useState6[1];var addAsChildrenToCollection=function addAsChildrenToCollection(entityId,entityType,collectionId){if(entityType===COLLECTION){var collectionIds=Array.isArray(entityId)?entityId:[entityId];setChildIds(function(old){var _old$collectionId=old[collectionId],existingChildIds=_old$collectionId===void 0?{}:_old$collectionId;var _existingChildIds$col=existingChildIds.collectionIds,existingCollectionsIds=_existingChildIds$col===void 0?[]:_existingChildIds$col;return _objectSpread(_objectSpread({},old),{},_defineProperty({},collectionId,_objectSpread(_objectSpread({},existingChildIds),{},{collectionIds:_toConsumableArray(Array.from(new Set([].concat(_toConsumableArray(existingCollectionsIds),_toConsumableArray(collectionIds)))))})));});}else if(entityType===ITEM){var itemIds=Array.isArray(entityId)?entityId:[entityId];setChildIds(function(old){var _old$collectionId2=old[collectionId],existingChildIds=_old$collectionId2===void 0?{}:_old$collectionId2;var _existingChildIds$ite=existingChildIds.itemIds,existingItemIds=_existingChildIds$ite===void 0?[]:_existingChildIds$ite;return _objectSpread(_objectSpread({},old),{},_defineProperty({},collectionId,_objectSpread(_objectSpread({},existingChildIds||{}),{},{itemIds:_toConsumableArray(Array.from(new Set([].concat(_toConsumableArray(existingItemIds),_toConsumableArray(itemIds)))))})));});}};var removeAsChildrenToCollection=function removeAsChildrenToCollection(entityId,entityType,collectionId){if(entityType===COLLECTION){var collectionIds=Array.isArray(entityId)?entityId:[entityId];setChildIds(function(old){var _old$collectionId3=old[collectionId],existingChildIds=_old$collectionId3===void 0?{}:_old$collectionId3;var _existingChildIds$col2=existingChildIds.collectionIds,existingCollectionsIds=_existingChildIds$col2===void 0?[]:_existingChildIds$col2;return _objectSpread(_objectSpread({},old),{},_defineProperty({},collectionId,_objectSpread(_objectSpread({},existingChildIds),{},{collectionIds:_toConsumableArray(existingCollectionsIds.filter(function(id){return !collectionIds.includes(id);}))})));});}else if(entityType===ITEM){var itemIds=Array.isArray(entityId)?entityId:[entityId];setChildIds(function(old){var _old$collectionId4=old[collectionId],existingChildIds=_old$collectionId4===void 0?{}:_old$collectionId4;var _existingChildIds$ite2=existingChildIds.itemIds,existingItemIds=_existingChildIds$ite2===void 0?[]:_existingChildIds$ite2;return _objectSpread(_objectSpread({},old),{},_defineProperty({},collectionId,_objectSpread(_objectSpread({},existingChildIds),{},{itemIds:_toConsumableArray(existingItemIds.filter(function(id){return !itemIds.includes(id);}))})));});}};var splitEntitesToStates=useCallback(function(existingEntities,entities){var existingEntityIds=existingEntities.map(function(c){return c.id;});var newEntities=entities.filter(function(nc){return !existingEntityIds.includes(nc.id);});var updatedEntities=entities.filter(function(nc){return existingEntityIds.includes(nc.id);});var newOrUpdatedEntityIds=[].concat(_toConsumableArray(updatedEntities),_toConsumableArray(newEntities)).map(function(c){return c.id;});var unchangedEntites=existingEntities.filter(function(c){return !newOrUpdatedEntityIds.includes(c.id);});return {unchangedEntites:unchangedEntites,updatedEntities:updatedEntities,newEntities:newEntities};},[]);var addOrUpdateCollections=useCallback(function(collectionId,collection){if(!collection)return;var newCollections=Array.isArray(collection)?collection:[collection];setCollections(function(existingCollections){var _splitEntitesToStates=splitEntitesToStates(existingCollections,newCollections),unchangedEntites=_splitEntitesToStates.unchangedEntites,updatedEntities=_splitEntitesToStates.updatedEntities,newEntities=_splitEntitesToStates.newEntities;return [].concat(_toConsumableArray(unchangedEntites),_toConsumableArray(updatedEntities),_toConsumableArray(newEntities));});},[splitEntitesToStates]);var addOrUpdateItems=useCallback(function(collectionId,item){if(!item)return;var newItems=Array.isArray(item)?item:[item];setItems(function(existingItems){var _splitEntitesToStates2=splitEntitesToStates(existingItems,newItems),unchangedEntites=_splitEntitesToStates2.unchangedEntites,updatedEntities=_splitEntitesToStates2.updatedEntities,newEntities=_splitEntitesToStates2.newEntities;return [].concat(_toConsumableArray(unchangedEntites),_toConsumableArray(updatedEntities),_toConsumableArray(newEntities));});},[splitEntitesToStates]);var getChildCollections=useCallback(function(id){var _ref2=childIds[id]||{},_ref2$collectionIds=_ref2.collectionIds,collectionIds=_ref2$collectionIds===void 0?[]:_ref2$collectionIds;// Keeps order as it is in collectionIds
-return collectionIds.map(function(collectionId){return collections.find(function(c){return c.id===collectionId;});}).filter(function(c){return c;});},[childIds,collections]);var getChildItems=useCallback(function(id){var _ref3=childIds[id]||{},_ref3$itemIds=_ref3.itemIds,itemIds=_ref3$itemIds===void 0?[]:_ref3$itemIds;// Keeps order as it is in itemIds
-return itemIds.map(function(itemId){return items.find(function(c){return c.id===itemId;});}).filter(function(i){return i;});},[childIds,items]);var contextValue=useMemo(function(){return {childIds:childIds,addAsChildrenToCollection:addAsChildrenToCollection,removeAsChildrenToCollection:removeAsChildrenToCollection,addOrUpdateCollections:addOrUpdateCollections,addOrUpdateItems:addOrUpdateItems,getChildCollections:getChildCollections,getChildItems:getChildItems};},[addOrUpdateCollections,addOrUpdateItems,childIds,getChildCollections,getChildItems]);return/*#__PURE__*/jsx(EntityTreeContext.Provider,{value:contextValue,children:children});}var EntityTreeContext$1 = EntityTreeContext;
-
-export { EntityTreeProvider, EntityTreeContext$1 as default };

package/dist/entity/EntityTreeList.js

@@ -1,19 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useContext, useEffect } from 'react';
-import clsx from 'clsx';
-import { withStyles } from '@material-ui/core';
-import Box from '@material-ui/core/Box';
-import Typography from '@material-ui/core/Typography';
-import TreeItem from '@material-ui/lab/TreeItem';
-import { compose, handleMoveEntity } from '@vidispine/vdt-react';
-import CollectionTreeList from '../collection/CollectionTreeList/index.js';
-import ItemTreeItem from '../item/ItemTreeItem.js';
-import { LOAD_MORE, DROP_ZONE_ROOT, COLLECTION, ITEM, JOIN_CHARACTER, ROOT } from './EntityTreeConsts.js';
-import EntityTreeContext from './EntityTreeContext.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import withDrop from '../dnd/hoc/withDrop.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 LoadMoreTreeItem=withStyles({},{name:'VdtLoadMoreTreeItem'})(function(_ref){var className=_ref.className,classes=_ref.classes,_ref$onClick=_ref.onClick,onClick=_ref$onClick===void 0?function(){return null;}:_ref$onClick,_ref$text=_ref.text,text=_ref$text===void 0?'Load more':_ref$text,_ref$LoadMoreProps=_ref.LoadMoreProps,LoadMoreProps=_ref$LoadMoreProps===void 0?{}:_ref$LoadMoreProps;var label=/*#__PURE__*/jsx(Box,{className:clsx(classes.label,'VdtLoadMoreTreeItem-label'),children:/*#__PURE__*/jsx(Typography,{variant:"body1",children:text})});return/*#__PURE__*/jsx(TreeItem,_objectSpread({className:clsx(className,classes.root,'VdtLoadMoreTreeItem-root'),nodeId:LOAD_MORE,label:label,onClick:onClick},LoadMoreProps));});var droppableLoadMoreStyles=function droppableLoadMoreStyles(theme){return {isOver:{'& .VdtLoadMoreTreeItem-label':{backgroundColor:theme.palette.primary.main}}};};var LoadMoreTreeItemDroppable=compose(withStyles(droppableLoadMoreStyles,{name:'VdtLoadMoreDroppable'}),withDrop)(LoadMoreTreeItem);var dropZoneStyles={root:{},label:{minHeight:'24px'}};var DropZoneTreeItem=withStyles(dropZoneStyles,{name:'VdtDropZoneTreeItem'})(function(_ref2){var className=_ref2.className,classes=_ref2.classes,_ref2$DropZoneProps=_ref2.DropZoneProps,DropZoneProps=_ref2$DropZoneProps===void 0?{}:_ref2$DropZoneProps;var label=/*#__PURE__*/jsx(Box,{className:clsx(classes.label,'VdtDropZoneTreeItem-label')});return/*#__PURE__*/jsx(TreeItem,_objectSpread({className:clsx(className,classes.root,'VdtDropZoneTreeItem-root'),nodeId:DROP_ZONE_ROOT,label:label,disabled:true},DropZoneProps));});var droppableDropZoneStyles=function droppableDropZoneStyles(theme){return {isOver:{backgroundColor:theme.palette.primary.main}};};var DropZoneTreeItemDroppable=compose(withStyles(droppableDropZoneStyles,{name:'VdtDropZoneDroppable'}),withDrop)(DropZoneTreeItem);function EntityTreeList(_ref3){var _ref3$entries=_ref3.entries,entries=_ref3$entries===void 0?[]:_ref3$entries,hits=_ref3.hits,collectionId=_ref3.collectionId,_ref3$nodeId=_ref3.nodeId,nodeId=_ref3$nodeId===void 0?[COLLECTION,collectionId].join(JOIN_CHARACTER):_ref3$nodeId,onLoadMore=_ref3.onLoadMore,onError=_ref3.onError,_ref3$onMoveEntity=_ref3.onMoveEntity,onMoveEntity=_ref3$onMoveEntity===void 0?handleMoveEntity:_ref3$onMoveEntity,_ref3$onMoved=_ref3.onMoved,onMoved=_ref3$onMoved===void 0?function(){return null;}:_ref3$onMoved,_ref3$onAdjustHits=_ref3.onAdjustHits,onAdjustHits=_ref3$onAdjustHits===void 0?function(){return null;}:_ref3$onAdjustHits,_ref3$CollectionListC=_ref3.CollectionListComponent,CollectionListComponent=_ref3$CollectionListC===void 0?CollectionTreeList:_ref3$CollectionListC,_ref3$ItemComponent=_ref3.ItemComponent,ItemComponent=_ref3$ItemComponent===void 0?ItemTreeItem:_ref3$ItemComponent,_ref3$LoadMoreCompone=_ref3.LoadMoreComponent,LoadMoreComponent=_ref3$LoadMoreCompone===void 0?LoadMoreTreeItemDroppable:_ref3$LoadMoreCompone,_ref3$DropZoneCompone=_ref3.DropZoneComponent,DropZoneComponent=_ref3$DropZoneCompone===void 0?DropZoneTreeItemDroppable:_ref3$DropZoneCompone,_ref3$CollectionListP=_ref3.CollectionListProps,CollectionListProps=_ref3$CollectionListP===void 0?{}:_ref3$CollectionListP,_ref3$ItemProps=_ref3.ItemProps,ItemProps=_ref3$ItemProps===void 0?{}:_ref3$ItemProps,_ref3$LoadMoreProps=_ref3.LoadMoreProps,LoadMoreProps=_ref3$LoadMoreProps===void 0?{}:_ref3$LoadMoreProps,_ref3$DropZoneProps=_ref3.DropZoneProps,DropZoneProps=_ref3$DropZoneProps===void 0?{}:_ref3$DropZoneProps;var _useContext=useContext(EntityTreeContext),addOrUpdateCollections=_useContext.addOrUpdateCollections,addOrUpdateItems=_useContext.addOrUpdateItems,addAsChildrenToCollection=_useContext.addAsChildrenToCollection,removeAsChildrenToCollection=_useContext.removeAsChildrenToCollection,getChildCollections=_useContext.getChildCollections,getChildItems=_useContext.getChildItems;var childCollections=getChildCollections(collectionId);var childItems=getChildItems(collectionId);useEffect(function(){var rootCollections=entries.filter(function(e){return e.collection;}).map(function(e){return e.collection;});var rootItems=entries.filter(function(e){return e.item;}).map(function(e){return e.item;});if(rootCollections.length){addOrUpdateCollections(collectionId,rootCollections);var existingChildCollectionIds=childCollections.map(function(i){return i.id;});var newChildCollectionIds=rootCollections.map(function(i){return i.id;}).filter(function(id){return !existingChildCollectionIds.includes(id);});if(newChildCollectionIds.length){addAsChildrenToCollection(newChildCollectionIds,COLLECTION,collectionId);}}if(rootItems.length){addOrUpdateItems(collectionId,rootItems);var existingChildItemIds=childItems.map(function(i){return i.id;});var newChildItemIds=rootItems.map(function(i){return i.id;}).filter(function(id){return !existingChildItemIds.includes(id);});if(newChildItemIds.length){addAsChildrenToCollection(newChildItemIds,ITEM,collectionId);}}// eslint-disable-next-line react-hooks/exhaustive-deps
-},[entries]);var amountOfLocalEntries=childCollections.length+childItems.length;var amountOfFetchedEntries=entries.length;var amountOfEntries=Math.min(amountOfLocalEntries,amountOfFetchedEntries);var handleDrop=function handleDrop(_ref4){var dragInfo=_ref4.dragInfo,dropInfo=_ref4.dropInfo;if(!dragInfo||!dropInfo)return;var entityId=dragInfo.entityId,entityType=dragInfo.entityType,removeFromCollectionId=dragInfo.entityParentId;var dropId=dropInfo.entityId,dropType=dropInfo.entityType,dropParentId=dropInfo.entityParentId;var addToCollectionId=dropType===COLLECTION?dropId:dropParentId;if(addToCollectionId&&addToCollectionId===removeFromCollectionId||entityType===COLLECTION&&entityId===addToCollectionId){return;}var handleMoved=function handleMoved(){addAsChildrenToCollection(entityId,entityType,addToCollectionId);if(addToCollectionId===collectionId)onAdjustHits(1);removeAsChildrenToCollection(entityId,entityType,removeFromCollectionId);if(removeFromCollectionId===collectionId)onAdjustHits(-1);onMoved();};onMoveEntity({entityId:entityId,entityType:entityType,addToCollectionId:addToCollectionId,removeFromCollectionId:removeFromCollectionId,rootParentId:ROOT,onMoved:handleMoved,onError:onError});};return/*#__PURE__*/jsxs(Fragment,{children:[childCollections.length?childCollections.map(function(collection){return/*#__PURE__*/jsx(CollectionListComponent,_objectSpread({parentCollectionId:collectionId,collection:collection,onDrop:handleDrop,ItemProps:ItemProps},CollectionListProps),[COLLECTION,collection.id,COLLECTION,collectionId].join(JOIN_CHARACTER));}):undefined,childItems.length?childItems.map(function(item){return/*#__PURE__*/jsx(ItemComponent,_objectSpread({item:item,parentCollectionId:collectionId,onDrop:handleDrop},ItemProps),[ITEM,item.id,COLLECTION,collectionId].join(JOIN_CHARACTER));}):undefined,hits!==undefined&&hits>amountOfEntries?/*#__PURE__*/jsx(LoadMoreComponent,_objectSpread({nodeId:nodeId,onClick:function onClick(){return onLoadMore(amountOfEntries);},onDrop:handleDrop,dropInfo:{entityParentId:collectionId}},LoadMoreProps)):!childItems.length&&/*#__PURE__*/jsx(DropZoneComponent,_objectSpread({nodeId:nodeId,onDrop:handleDrop,dropInfo:{entityParentId:collectionId},disabled:true},DropZoneProps))]});}
-
-export { EntityTreeList as default };

package/dist/events/Event/Event.js

@@ -1,10 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useRef, useEffect } from 'react';
-import clsx from 'clsx';
-import { alpha } from '@material-ui/core/styles';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded=["classes","className","isActive","EventContentComponent","EventContentProps","scrollIntoViewOpts"];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:{border:'2px solid transparent'},thumbnail:{pointerEvents:'none'},active:{animation:'$active 5s'},'@keyframes active':{'0%':{borderColor:alpha(theme.palette.primary.main,1)},'100%':{borderColor:alpha(theme.palette.primary.main,0)}}};};function Event(_ref){var classes=_ref.classes,className=_ref.className,isActive=_ref.isActive,EventContentComponent=_ref.EventContentComponent,EventContentProps=_ref.EventContentProps,scrollIntoViewOpts=_ref.scrollIntoViewOpts,props=_objectWithoutProperties(_ref,_excluded);var eventRef=useRef();useEffect(function(){if(isActive&&eventRef&&eventRef.current){eventRef.current.scrollIntoView(scrollIntoViewOpts);}},[isActive,scrollIntoViewOpts]);return/*#__PURE__*/jsx("div",{ref:eventRef,className:clsx(classes.root,className,_defineProperty({},classes.active,isActive)),children:EventContentComponent&&/*#__PURE__*/jsx(EventContentComponent,_objectSpread(_objectSpread({},props),EventContentProps))});}Event.defaultProps={className:undefined,classes:{},scrollIntoViewOpts:{behavior:'smooth',inline:'center',block:'nearest'},isActive:undefined,EventContentComponent:null,EventContentProps:{}};
-
-export { Event as default, styles };

package/dist/events/Event/index.js

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

package/dist/events/EventContainer/EventContainer.js

@@ -1,6 +0,0 @@
-import clsx from 'clsx';
-import { jsx } from 'react/jsx-runtime';
-
-var styles=function styles(theme){return {root:{display:'flex',flexDirection:'row',alignItems:'flex-start',overflowX:'auto','&::-webkit-scrollbar':{'-webkit-appearance':'none'},'&::-webkit-scrollbar:horizontal':{height:11},'&::-webkit-scrollbar-thumb':{borderRadius:1,borderColor:theme.palette.divider,borderStyle:'solid',borderWidth:1,backgroundColor:'rgba(0, 0, 0, .3)'},'& > *':{marginLeft:'10px',flexShrink:0}}};};function EventContainer(_ref){var classes=_ref.classes,className=_ref.className,children=_ref.children;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:children});}EventContainer.defaultProps={className:undefined,classes:{}};
-
-export { EventContainer as default, styles };

package/dist/events/EventContainer/index.js

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

package/dist/events/EventMarker/EventMarker.js

@@ -1,7 +0,0 @@
-import clsx from 'clsx';
-import ButtonBase from '@material-ui/core/ButtonBase';
-import { jsx } from 'react/jsx-runtime';
-
-var styles=function styles(){return {root:{position:'absolute','&:hover':{transform:'scale(1.2)'}}};};function EventMarker(_ref){var className=_ref.className,classes=_ref.classes,position=_ref.position,length=_ref.length,onClick=_ref.onClick,children=_ref.children;return/*#__PURE__*/jsx(ButtonBase,{disableRipple:true,onClick:onClick,className:clsx(classes.root,'VdtTimelineEvent-root',className),style:{left:"".concat(100*position/length,"%")},children:children});}EventMarker.defaultProps={className:undefined,classes:{},onClick:undefined};
-
-export { EventMarker as default, styles };

package/dist/events/EventMarker/index.js

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

package/dist/events/EventMarkerThumbnail/EventMarkerThumbnail.js

@@ -1,10 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import Avatar from '@material-ui/core/Avatar';
-import Tooltip from '@material-ui/core/Tooltip';
-import ImageIcon from '@material-ui/icons/Image';
-import { findNearestThumbnail, formatTimeCodeText } from '@vidispine/vdt-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 EventMarkerThumbnail(_ref){var className=_ref.className,itemType=_ref.itemType,timespan=_ref.timespan,MissingThumbnailIcon=_ref.MissingThumbnailIcon,AvatarComponent=_ref.AvatarComponent,AvatarProps=_ref.AvatarProps,TooltipComponent=_ref.TooltipComponent,TooltipProps=_ref.TooltipProps;var thumbnail=findNearestThumbnail(itemType,timespan.start||0);var startSmpte=formatTimeCodeText(timespan.start).toSmpte();return/*#__PURE__*/jsx(TooltipComponent,_objectSpread(_objectSpread({className:className,title:startSmpte,arrow:true,placement:"right"},TooltipProps),{},{children:thumbnail?/*#__PURE__*/jsx(AvatarComponent,_objectSpread({variant:"circular",src:thumbnail},AvatarProps)):/*#__PURE__*/jsx(AvatarComponent,_objectSpread(_objectSpread({variant:"circular"},AvatarProps),{},{children:/*#__PURE__*/jsx(MissingThumbnailIcon,{})}))}));}EventMarkerThumbnail.defaultProps={classes:{},className:undefined,MissingThumbnailIcon:ImageIcon,AvatarComponent:Avatar,AvatarProps:{},TooltipComponent:Tooltip,TooltipProps:{}};
-
-export { EventMarkerThumbnail as default, styles };

package/dist/events/EventMarkerThumbnail/index.js

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

package/dist/events/EventMarkerTimeline/EventMarkerTimeline.js

@@ -1,8 +0,0 @@
-import { Children, cloneElement } from 'react';
-import clsx from 'clsx';
-import { alpha } from '@material-ui/core/styles';
-import { jsx } from 'react/jsx-runtime';
-
-var styles=function styles(theme){return {root:{backgroundColor:alpha(theme.palette.primary.main,0.25),height:'5px',width:'100%',borderRadius:'2px',display:'flex',flexDirection:'row',alignItems:'center',position:'relative',marginTop:theme.spacing(2),marginBottom:theme.spacing(2)}};};function EventMarkerTimeline(_ref){var className=_ref.className,classes=_ref.classes,length=_ref.length,children=_ref.children;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtTimeline-root',className),children:Children.map(children,function(child){return/*#__PURE__*/cloneElement(child,{length:length});})});}EventMarkerTimeline.defaultProps={classes:{},className:undefined,length:undefined};
-
-export { EventMarkerTimeline as default, styles };

package/dist/events/EventMarkerTimeline/index.js

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

package/dist/events/EventTimeline/EventTimeline.js

@@ -1,18 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _typeof from '@babel/runtime/helpers/typeof';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useMemo, useState } from 'react';
-import Typography from '@material-ui/core/Typography';
-import { parseMetadataType, formatTimeCodeText, parseTimespan } from '@vidispine/vdt-js';
-import Event from '../Event/index.js';
-import EventContainer from '../EventContainer/index.js';
-import EventMarker from '../EventMarker/index.js';
-import EventMarkerThumbnail from '../EventMarkerThumbnail/index.js';
-import EventMarkerTimeline from '../EventMarkerTimeline/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {timelineEventContent:{height:theme.spacing(3),width:theme.spacing(3)},event:{},eventContainer:{paddingTop:theme.spacing(2),paddingBottom:theme.spacing(2)},timeline:{},timelineEvent:{}};};function EventTimeline(_ref){var className=_ref.className,classes=_ref.classes,matchHighlights=_ref.matchHighlights,itemType=_ref.itemType,eventFilter=_ref.eventFilter,noEventsText=_ref.noEventsText,EventContainerComponent=_ref.EventContainerComponent,EventContainerProps=_ref.EventContainerProps,EventComponent=_ref.EventComponent,EventProps=_ref.EventProps,EventContentComponent=_ref.EventContentComponent,EventContentProps=_ref.EventContentProps,EventMarkerThumbnailComponent=_ref.EventMarkerThumbnailComponent,EventMarkerThumbnailProps=_ref.EventMarkerThumbnailProps,EventMarkerTimelineComponent=_ref.EventMarkerTimelineComponent,EventMarkerTimelineProps=_ref.EventMarkerTimelineProps,EventMarkerComponent=_ref.EventMarkerComponent,EventMarkerProps=_ref.EventMarkerProps,EventListComponent=_ref.EventListComponent,EventListProps=_ref.EventListProps,GroupedTimeline=_ref.GroupedTimeline,GroupConfig=_ref.GroupConfig,FieldLabelMap=_ref.FieldLabelMap,itemSearchDocument=_ref.itemSearchDocument;var _parseMetadataType=parseMetadataType(itemType.metadata,{flat:true,arrayOnSingleValue:false}),durationSeconds=_parseMetadataType.durationSeconds;var length=formatTimeCodeText(durationSeconds).toSeconds();var itemId=itemType.id;var events=useMemo(function(){var _itemType$timespan=itemType.timespan,highlightTimespanList=_itemType$timespan===void 0?[]:_itemType$timespan,_itemType$metadata=itemType.metadata;_itemType$metadata=_itemType$metadata===void 0?{}:_itemType$metadata;var _itemType$metadata$ti=_itemType$metadata.timespan,metadataTimespanList=_itemType$metadata$ti===void 0?[]:_itemType$metadata$ti;if(matchHighlights===true){return highlightTimespanList.sort(function(_ref2,_ref3){var startFirst=_ref2.start;var startSecond=_ref3.start;return formatTimeCodeText(startFirst).samples-formatTimeCodeText(startSecond).samples;}).filter(eventFilter);}return metadataTimespanList.sort(function(_ref4,_ref5){var startFirst=_ref4.start;var startSecond=_ref5.start;return formatTimeCodeText(startFirst).toSeconds()-formatTimeCodeText(startSecond).toSeconds();}).filter(function(ts){return highlightTimespanList.some(function(_ref6){var start=_ref6.start,end=_ref6.end;return ts.start===start&&ts.end===end;});}).filter(eventFilter);},[itemType,eventFilter,matchHighlights]);var _useState=useState(null),_useState2=_slicedToArray(_useState,2),active=_useState2[0],setActive=_useState2[1];var eventTypes=[];var newEventGroups=[];var combineSearchTerms=function combineSearchTerms(){var _itemSearchDocument$t;var terms=[];if(((_itemSearchDocument$t=itemSearchDocument.text)===null||_itemSearchDocument$t===void 0?void 0:_itemSearchDocument$t.length)>0){var _itemSearchDocument$t2;(_itemSearchDocument$t2=itemSearchDocument.text)===null||_itemSearchDocument$t2===void 0?void 0:_itemSearchDocument$t2.forEach(function(text){var textValues=text.value.toLowerCase().replaceAll('"','').split(' ');textValues.forEach(function(val){return terms.push(val);});});}return terms;};var filterFieldTerms=function filterFieldTerms(){var _itemSearchDocument$f;var terms=[];if(((_itemSearchDocument$f=itemSearchDocument.filter)===null||_itemSearchDocument$f===void 0?void 0:_itemSearchDocument$f.length)>0){var _itemSearchDocument$f2;(_itemSearchDocument$f2=itemSearchDocument.filter)===null||_itemSearchDocument$f2===void 0?void 0:_itemSearchDocument$f2.forEach(function(filter){filter.field.forEach(function(field){field.value.forEach(function(value){var textValues=value.value.toLowerCase().replaceAll('"','').split(' ');var data=[];textValues.forEach(function(val){return data.push(val);});terms.push({name:field.name,data:data});});});});}return terms;};var searchTerms=combineSearchTerms();var filters=filterFieldTerms();var searchableMetadata=[];var dataCheck=function dataCheck(arr,target){return target.every(function(v){return arr.includes(v);});};var filterCheck=function filterCheck(fil,tsp){var foundFilters=[];fil.forEach(function(f){if(tsp.data.filter(function(t){return t.name===f.name&&f.data.every(function(v){return t.valueList.includes(v);});}).length>0){foundFilters.push(f);}});var hasAllFilters=fil.length===foundFilters.length;return hasAllFilters;};var checkTimespan=function checkTimespan(timespan){var display=false;var timespanData=[];timespan.data.forEach(function(element){var values=element.value.toLowerCase().split(/[\s,]+/);values.forEach(function(val){return timespanData.push(val);});});var filteredSearchTerms=function filteredSearchTerms(){var newTerms=[];searchTerms.forEach(function(v){if(searchableMetadata.length>0){if(searchableMetadata.includes(v)&&timespanData.includes(v)&&v!==''){newTerms.push(v);}if(!searchableMetadata.includes(v)&&v!==''){newTerms.push(v);}}});return newTerms;};var newSearchTerms=filteredSearchTerms();if(newSearchTerms.length>0&&filters.length>0){display=dataCheck(timespanData,newSearchTerms)&&filterCheck(filters,timespan);}if(newSearchTerms.length>0&&filters.length<1){display=dataCheck(timespanData,newSearchTerms);}if(newSearchTerms.length<1&&filters.length>0){display=filterCheck(filters,timespan);}return display;};if(GroupedTimeline){if(itemType.metadata.timespan.length>0){var genericTimespan=itemType.metadata.timespan.find(function(ts){return ts.start==='-INF'&&ts.end==='+INF';});var genericMetadata=parseTimespan(genericTimespan,{joinValue:',',flat:true});Object.keys(genericMetadata).forEach(function(key){if(typeof genericMetadata[key]==='string'&&key!=='user'&&key!=='created'&&key!=='duration'){var data=genericMetadata[key].toLowerCase().split(/[\s,]+/);data.forEach(function(el){searchableMetadata.push(el);});}});itemType.metadata.timespan.forEach(function(ts){var start=ts.start,end=ts.end,_ts$field=ts.field,field=_ts$field===void 0?[]:_ts$field,_ts$group=ts.group,group=_ts$group===void 0?[]:_ts$group;if(end!=='+INF'&&start!=='-INF'){var searchIn=[];if(field.length>0){searchIn.push('field');}if(group.length>0){searchIn.push('group');}var parsedTimeSpan=parseTimespan(ts,{joinValue:',',flat:true});var getEventKeys=function getEventKeys(event){return Object.keys(event).reduce(function(res,el){if(Array.isArray(event[el])){return res;}if(_typeof(event[el])==='object'&&event[el]!==null){return [].concat(_toConsumableArray(res),_toConsumableArray(getEventKeys(event[el])));}return [].concat(_toConsumableArray(res),[el]);},[]);};var eventKeys=getEventKeys(parsedTimeSpan);var newEventKeys=[];GroupConfig.forEach(function(config){var groupName=Object.keys(parsedTimeSpan);if(config.name===groupName.toString()){eventKeys.forEach(function(key){if(config.field.length>0){if(config.field.includes(key)){newEventKeys.push(key);}}});}});var newEvent=[];var buildEvent=function buildEvent(object){var result=null;if(newEventKeys.length<1){newEventKeys=eventKeys;}if(object instanceof Array){for(var i=0;i<object.length;i+=1){result=buildEvent(object[i]);if(result){break;}}}else {var _loop=function _loop(prop){if(result===null){if(newEventKeys.includes(prop)){var findLabel=FieldLabelMap.filter(function(f){return f.name===prop;});var fieldLabel=findLabel.length>0?findLabel[0].label:prop;newEvent.push({name:prop,label:fieldLabel,value:object[prop],valueList:object[prop].toLowerCase().replaceAll('"','').split(' ')});}if(object[prop]instanceof Object||object[prop]instanceof Array){result=buildEvent(object[prop]);if(result){return "break";}}}};// eslint-disable-next-line no-restricted-syntax
-for(var prop in object){var _ret=_loop(prop);if(_ret==="break")break;}}return result;};buildEvent(parsedTimeSpan);var newTimeSpan={start:ts.start,end:ts.end,data:newEvent};if(checkTimespan(newTimeSpan)){searchIn.forEach(function(search){ts[search].forEach(function(event){if(eventTypes.indexOf(event.name)===-1){eventTypes.push(event.name);newEventGroups.push({key:event.name,data:[]});}var eventGroupIndex=newEventGroups.findIndex(function(e){return e.key===event.name;});newEventGroups[eventGroupIndex].data.push(newTimeSpan);var getLabel=GroupConfig.filter(function(obj){return obj.name===event.name;});var label=getLabel;if(label.length>0){newEventGroups[eventGroupIndex].label=label[0].label;}});});}}});}}return/*#__PURE__*/jsxs("div",{className:className,children:[events.length>0?/*#__PURE__*/jsxs(Fragment,{children:[EventMarkerTimelineComponent&&/*#__PURE__*/jsx(EventMarkerTimelineComponent,_objectSpread(_objectSpread({className:classes.timeline,length:length},EventMarkerTimelineProps),{},{children:events.map(function(ts,i){return/*#__PURE__*/jsx(EventMarkerComponent,_objectSpread(_objectSpread({className:classes.timelineEvent,position:formatTimeCodeText(ts.start).toSeconds(),onClick:function onClick(){return setActive(i);}},EventMarkerProps),{},{children:EventMarkerThumbnailComponent&&/*#__PURE__*/jsx(EventMarkerThumbnailComponent,_objectSpread({className:classes.timelineEventContent,itemType:itemType,timespan:ts},EventMarkerThumbnailProps))}),ts.start);})})),!GroupedTimeline&&EventListComponent&&/*#__PURE__*/jsx(EventListComponent,_objectSpread({classes:classes,events:events,active:active,itemType:itemType,EventProps:EventProps,EventContentComponent:EventContentComponent,EventContentProps:EventContentProps},EventListProps)),EventContainerComponent&&/*#__PURE__*/jsx(EventContainerComponent,_objectSpread(_objectSpread({className:classes.eventContainer},EventContainerProps),{},{children:events.map(function(ts,i){return/*#__PURE__*/jsx(EventComponent,_objectSpread({className:classes.event,isActive:i===active,timespan:ts,itemType:itemType,EventContentComponent:EventContentComponent,EventContentProps:EventContentProps},EventProps),[itemId,ts.start,ts.end].join());})}))]}):noEventsText,GroupedTimeline&&EventListComponent&&newEventGroups.map(function(eventGroup){return/*#__PURE__*/jsxs("div",{children:[/*#__PURE__*/jsx(Typography,{variant:"caption",style:{marginTop:40,marginBottom:10,display:'block'},noWrap:true,children:eventGroup.label||eventGroup.key}),/*#__PURE__*/jsx(EventListComponent,_objectSpread({classes:classes,events:eventGroup.data,active:active,itemType:itemType,EventProps:EventProps,EventContentComponent:EventContentComponent,EventContentProps:EventContentProps},EventListProps))]},eventGroup.key);})]});}EventTimeline.defaultProps={className:undefined,classes:{},matchHighlights:true,eventFilter:function eventFilter(){return true;},noEventsText:null,EventContainerComponent:EventContainer,EventContainerProps:{},EventComponent:Event,EventProps:{},EventContentComponent:null,EventContentProps:{},EventMarkerThumbnailComponent:EventMarkerThumbnail,EventMarkerThumbnailProps:{},EventMarkerTimelineComponent:EventMarkerTimeline,EventMarkerTimelineProps:{},EventMarkerComponent:EventMarker,EventMarkerProps:{},EventListComponent:false,EventListProps:{},GroupedTimeline:false,GroupConfig:[],FieldLabelMap:[],itemSearchDocument:{}};
-
-export { EventTimeline as default, styles };

package/dist/events/EventTimeline/index.js

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

package/dist/fieldgroup/Editor.js

@@ -1,30 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-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 DialogContentText from '@material-ui/core/DialogContentText';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import FormControl from '@material-ui/core/FormControl';
-import Grid from '@material-ui/core/Grid';
-import IconButton from '@material-ui/core/IconButton';
-import InputLabel from '@material-ui/core/InputLabel';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
-import ListItemText from '@material-ui/core/ListItemText';
-import MenuItem from '@material-ui/core/MenuItem';
-import Select from '@material-ui/core/Select';
-import { withStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import Typography from '@material-ui/core/Typography';
-import ClearIcon from '@material-ui/icons/Clear';
-import DeleteIcon from '@material-ui/icons/Delete';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles={root:{'& > *':{marginTop:'20px',width:'100%'}},rootNoMargin:{'& > *':{marginTop:'0px',width:'100%',lineHeight:'40px'}},editorContainer:{padding:'24px'},editorTitle:{"float":'left',width:'90%'},closeEditor:{"float":'right',padding:'4px'},deleteField:{marginLeft:'8px'}};var fieldTypes=[{value:'date',label:'Date'},{value:'float',label:'Float'},{value:'integer',label:'Integer'},{value:'long',label:'Long'},{value:'string',label:'String'},{value:'string-exact',label:'String Exact'},{value:'boolean',label:'Boolean'},{value:'timeCode',label:'Time-Code'}];var fieldDisplayTypes={string:[{value:'text',label:'Text'},{value:'select',label:'Select'},{value:'textArea',label:'Text area'}],"boolean":[{value:'checkbox',label:'Checkbox'},{value:'switch',label:'Switch'}]};var displayTypesWithOptions=['select'];function Editor(_ref){var classes=_ref.classes,item=_ref.item,onClose=_ref.onClose,onDelete=_ref.onDelete,onEdit=_ref.onEdit,isNewItem=_ref.isNewItem,_ref$autoAdd=_ref.autoAdd,autoAdd=_ref$autoAdd===void 0?false:_ref$autoAdd;var newFieldData={name:'',data:[{key:'displayType',value:'text'},{key:'label',value:''}],type:'string',values:{field:[]}};var _useState=useState(newFieldData),_useState2=_slicedToArray(_useState,2),editedItem=_useState2[0],setEditedItem=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),open=_useState4[0],setDialog=_useState4[1];var _useState5=useState(''),_useState6=_slicedToArray(_useState5,2),displayType=_useState6[0],setDisplayType=_useState6[1];var _useState7=useState(editedItem.name),_useState8=_slicedToArray(_useState7,2),label=_useState8[0],setLabel=_useState8[1];var _useState9=useState(editedItem.type),_useState10=_slicedToArray(_useState9,2),type=_useState10[0],setType=_useState10[1];var _useState11=useState([]),_useState12=_slicedToArray(_useState11,2),options=_useState12[0],setOptions=_useState12[1];var _useState13=useState({key:'',value:''}),_useState14=_slicedToArray(_useState13,2),optionToAdd=_useState14[0],setOptionToAdd=_useState14[1];useEffect(function(){return setEditedItem(item);},[item]);var initEditedItem=function initEditedItem(){var itemCopy=_objectSpread({},editedItem);itemCopy.data=[];if(editedItem.type==='boolean'){itemCopy.data.push({key:'displayType',value:'checkbox'});setDisplayType('checkbox');}else if(['date','timecode'].includes(editedItem.type)){itemCopy.data.push({key:'displayType',value:'datePicker'});setDisplayType('datePicker');}else {itemCopy.data.push({key:'displayType',value:'text'});itemCopy.data.push({key:'label',value:''});setDisplayType('text');}setEditedItem(itemCopy);};useEffect(function(){if(typeof editedItem.data==='undefined'){initEditedItem();}else {var _ref2=editedItem.data.find(function(element){return element.key==='label';})||{},labelValue=_ref2.value;var _ref3=editedItem.data.find(function(element){return element.key==='displayType';})||{},displayTypeValue=_ref3.value;setLabel(labelValue);setDisplayType(displayTypeValue);}if(!isNewItem){if(typeof editedItem.values.field==='undefined'){var itemCopy=_objectSpread({},editedItem);itemCopy.values={field:[]};setEditedItem(itemCopy);}else {setOptions(editedItem.values.field);}}// eslint-disable-next-line react-hooks/exhaustive-deps
-},[editedItem]);var onNameChange=function onNameChange(event){var _event$target=event.target,value=_event$target.value,name=_event$target.name;var field=_defineProperty({},name,value);var newItem=_objectSpread(_objectSpread({},editedItem),field);setEditedItem(newItem);};var onTypeChange=function onTypeChange(event){var value=event.target.value;setType(value);setOptions([]);var itemCopy=_objectSpread({},editedItem);itemCopy.type=value;setEditedItem(itemCopy);};var onLabelChange=function onLabelChange(event){var value=event.target.value;setLabel(value);var itemCopy=_objectSpread({},editedItem);var index=itemCopy.data.findIndex(function(e){return e.key==='label';});if(index>-1)itemCopy.data[index].value=value;else itemCopy.data.push({key:'label',value:value});setEditedItem(itemCopy);};var displayTypeHandle=function displayTypeHandle(event){var value=event.target.value;setDisplayType(value);var itemCopy=_objectSpread({},editedItem);var index=itemCopy.data.findIndex(function(e){return e.key==='displayType';});if(index>-1)itemCopy.data[index].value=value;else itemCopy.data.push({key:'displayType',value:value});setEditedItem(itemCopy);};var selectHandle=function selectHandle(event){setOptionToAdd(_objectSpread(_objectSpread({},optionToAdd),{},_defineProperty({},event.target.name,event.target.value)));};var addOption=function addOption(newOption){var itemCopy=_objectSpread({},editedItem);if(typeof itemCopy.values.field==='undefined'){itemCopy.values={field:[]};}itemCopy.values.field.unshift(newOption);setEditedItem(itemCopy);setOptionToAdd({key:'',value:''});setOptions(itemCopy.values.field);};var removeOption=function removeOption(index){var newOptions=options;var optionToRemove=index;newOptions.splice(optionToRemove,1);setOptions(newOptions);var itemCopy=_objectSpread({},editedItem);itemCopy.values.field=newOptions;setEditedItem(itemCopy);};var openDialog=function openDialog(){setDialog(true);};var closeDialog=function closeDialog(){setDialog(false);};var onSave=function onSave(){onEdit(item,editedItem);onClose();};var handleDelete=function handleDelete(){setEditedItem(newFieldData);closeDialog();onClose();onDelete(item);};return/*#__PURE__*/jsxs("div",{className:classes.editorContainer,children:[/*#__PURE__*/jsxs(Grid,{container:true,spacing:2,children:[/*#__PURE__*/jsxs(Grid,{item:true,xs:12,children:[/*#__PURE__*/jsx(Typography,{variant:"h6",align:"center",className:classes.editorTitle,children:"Editor - ".concat(editedItem.name)}),/*#__PURE__*/jsx(IconButton,{className:classes.closeEditor,onClick:onClose,children:/*#__PURE__*/jsx(ClearIcon,{})})]}),/*#__PURE__*/jsxs(FormControl,{className:classes.root,autoComplete:"off",fullWidth:true,children:[isNewItem&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TextField,{name:"name",label:"Name",value:editedItem.name,onChange:onNameChange,disabled:!isNewItem}),/*#__PURE__*/jsx(Select,{name:"type",label:"Type",value:type,onChange:onTypeChange,children:fieldTypes.map(function(t){return/*#__PURE__*/jsx(MenuItem,{value:t.value,children:t.label},t.value);})})]}),/*#__PURE__*/jsx(TextField,{name:"label",label:"Label",value:label,onChange:onLabelChange})]}),Object.keys(fieldDisplayTypes).includes(editedItem.type)&&/*#__PURE__*/jsxs(FormControl,{className:classes.rootNoMargin,autoComplete:"off",fullWidth:true,children:[/*#__PURE__*/jsx(InputLabel,{id:"displayType",children:"Select display type"}),/*#__PURE__*/jsx(Select,{labelId:"displayType",value:displayType,onChange:displayTypeHandle,children:fieldDisplayTypes[editedItem.type].map(function(dt){return/*#__PURE__*/jsx(MenuItem,{value:dt.value,children:dt.label},dt.value);})})]}),displayTypesWithOptions.includes(displayType)&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(FormControl,{className:classes.root,autoComplete:"off",fullWidth:true,children:/*#__PURE__*/jsxs(Grid,{container:true,spacing:2,children:[/*#__PURE__*/jsx(Grid,{item:true,xs:autoAdd?6:5,children:/*#__PURE__*/jsx(TextField,{name:"key",label:"Add option label",value:optionToAdd.key,onChange:selectHandle,fullWidth:true})}),/*#__PURE__*/jsx(Grid,{item:true,xs:autoAdd?6:5,children:/*#__PURE__*/jsx(TextField,{id:"optionValue",name:"value",label:"Add option value",value:optionToAdd.value,onChange:selectHandle,fullWidth:true})}),!autoAdd&&/*#__PURE__*/jsx(Grid,{item:true,xs:2,style:{display:'flex',alignItems:'center'},children:/*#__PURE__*/jsx(Button,{onClick:function onClick(){return addOption(optionToAdd);},variant:"outlined",color:"primary",children:"Add option"})})]})}),/*#__PURE__*/jsx(Grid,{container:true,spacing:2,children:/*#__PURE__*/jsx(Grid,{item:true,xs:12,children:/*#__PURE__*/jsx(List,{children:options.map(function(option,index){return/*#__PURE__*/jsxs(ListItem,{children:[/*#__PURE__*/jsx(ListItemText,{primary:"Label:".concat(option.key),secondary:"Value:".concat(option.value)}),/*#__PURE__*/jsx(ListItemSecondaryAction,{children:/*#__PURE__*/jsx(IconButton,{edge:"end","aria-label":"delete",onClick:function onClick(){return removeOption(index);},children:/*#__PURE__*/jsx(DeleteIcon,{})})})]},option.key);})})})})]}),/*#__PURE__*/jsx(Grid,{container:true,spacing:2,children:/*#__PURE__*/jsx(Grid,{item:true,xs:12,children:/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:openDialog,color:"secondary",children:"Delete"}),false,/*#__PURE__*/jsx(Button,{onClick:onSave,variant:"contained",color:"primary",children:"Update"})]})})})]}),/*#__PURE__*/jsxs(Dialog,{open:open,onClose:closeDialog,children:[/*#__PURE__*/jsx(DialogTitle,{id:"alert-dialog-title",children:"Delete Field?"}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(DialogContentText,{children:"Are you sure that you want to delete ".concat(item.name)})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:closeDialog,color:"primary",children:"Cancel"}),/*#__PURE__*/jsx(Button,{variant:"contained",onClick:handleDelete,color:"secondary",children:"Delete"})]})]})]});}var Editor$1 = withStyles(styles,{name:'VdtFieldGroupEditor'})(Editor);
-
-export { Editor$1 as default };