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

package/dist/group/CreateGroupDialog/components/CreateGroupForm.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState } from 'react';
+import { withStyles, TextField, Button } from '@material-ui/core';
+import { Autocomplete } from '@material-ui/lab';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{display:'flex',flexDirection:'column','& > *':{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)}},action:{display:'flex',justifyContent:'flex-end'}};};function CreateGroupForm(_ref){var classes=_ref.classes,onSubmit=_ref.onSubmit,onCancel=_ref.onCancel,_ref$submitText=_ref.submitText,submitText=_ref$submitText===void 0?'Create':_ref$submitText,_ref$cancelText=_ref.cancelText,cancelText=_ref$cancelText===void 0?'Cancel':_ref$cancelText,users=_ref.users,groups=_ref.groups,roles=_ref.roles,_ref$groupNameLabel=_ref.groupNameLabel,groupNameLabel=_ref$groupNameLabel===void 0?'Group name':_ref$groupNameLabel,_ref$descriptionLabel=_ref.descriptionLabel,descriptionLabel=_ref$descriptionLabel===void 0?'Description':_ref$descriptionLabel,_ref$usersLabel=_ref.usersLabel,usersLabel=_ref$usersLabel===void 0?'Add users':_ref$usersLabel,_ref$rolesLabel=_ref.rolesLabel,rolesLabel=_ref$rolesLabel===void 0?'Add roles':_ref$rolesLabel,_ref$parentGroupsLabe=_ref.parentGroupsLabel,parentGroupsLabel=_ref$parentGroupsLabe===void 0?'Add parent groups':_ref$parentGroupsLabe,_ref$childGroupsLabel=_ref.childGroupsLabel,childGroupsLabel=_ref$childGroupsLabel===void 0?'Add child groups':_ref$childGroupsLabel;var groupNameRef=useRef();var descriptionRef=useRef();var _useState=useState([]),_useState2=_slicedToArray(_useState,2),userList=_useState2[0],setUserList=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),parentGroups=_useState4[0],setParentGroups=_useState4[1];var _useState5=useState([]),_useState6=_slicedToArray(_useState5,2),childGroups=_useState6[0],setChildGroups=_useState6[1];var _useState7=useState([]),_useState8=_slicedToArray(_useState7,2),roleList=_useState8[0],setRoleList=_useState8[1];var handleSubmit=function handleSubmit(event){event.preventDefault();var groupDocument=_objectSpread(_objectSpread({groupName:groupNameRef.current.value},descriptionRef.current.value&&{description:descriptionRef.current.value}),{},{parentGroupList:{group:parentGroups.concat(roleList).map(function(g){return {groupName:g};})},childGroupList:{group:childGroups.map(function(g){return {groupName:g};})},userList:{user:userList.map(function(u){return {userName:u};})}});onSubmit({groupDocument:groupDocument});};var optionInChildGroups=function optionInChildGroups(option){return childGroups.includes(option);};var optionInParentGroups=function optionInParentGroups(option){return parentGroups.includes(option);};return/*#__PURE__*/jsxs("form",{className:classes.root,onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(TextField,{required:true,name:"groupName",label:groupNameLabel,inputRef:groupNameRef}),/*#__PURE__*/jsx(TextField,{name:"description",label:descriptionLabel,inputRef:descriptionRef}),/*#__PURE__*/jsx(Autocomplete,{name:"users",multiple:true,options:users,filterSelectedOptions:true,value:userList,onChange:function onChange(_,val){return setUserList(val);},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:usersLabel}));}}),/*#__PURE__*/jsx(Autocomplete,{name:"roles",multiple:true,options:roles,filterSelectedOptions:true,value:roleList,onChange:function onChange(_,val){return setRoleList(val);},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:rolesLabel}));}}),/*#__PURE__*/jsx(Autocomplete,{name:"parentGroups",multiple:true,options:groups,filterSelectedOptions:true,value:parentGroups,getOptionDisabled:optionInChildGroups,onChange:function onChange(_,val){return setParentGroups(val);},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:parentGroupsLabel}));}}),/*#__PURE__*/jsx(Autocomplete,{name:"childGroups",multiple:true,options:groups,filterSelectedOptions:true,value:childGroups,getOptionDisabled:optionInParentGroups,onChange:function onChange(_,val){return setChildGroups(val);},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:childGroupsLabel}));}}),/*#__PURE__*/jsxs("div",{className:classes.action,children:[/*#__PURE__*/jsx(Button,{onClick:onCancel,children:cancelText}),/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",type:"submit",children:submitText})]})]});}var CreateGroupForm$1 = withStyles(styles,{name:'VdtCreateGroupForm'})(CreateGroupForm);
+
+export { CreateGroupForm$1 as default };

package/dist/group/CreateGroupDialog/index.js

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

package/dist/group/EditGroupDialog/EditGroupDialog.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { DialogTitle, DialogContent } from '@material-ui/core';
+import EditGroupForm from './components/EditGroupForm.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:{},DialogTitle:{},DialogContent:{}};};function EditGroupDialog(_ref){var classes=_ref.classes,className=_ref.className,groupType=_ref.groupType,onClose=_ref.onClose,onSubmit=_ref.onSubmit,titleText=_ref.titleText,EditGroupFormProps=_ref.EditGroupFormProps;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtEditGroupDialog-root',className),children:[titleText&&/*#__PURE__*/jsx(DialogTitle,{className:classes.DialogTitle,children:titleText}),/*#__PURE__*/jsx(DialogContent,{className:classes.DialogContent,children:/*#__PURE__*/jsx(EditGroupForm,_objectSpread({onSubmit:onSubmit,onCancel:onClose,groupType:groupType},EditGroupFormProps))})]});}EditGroupDialog.defaultProps={classes:{},className:undefined,titleText:'Edit Group',groupType:{},onClose:undefined,onSubmit:undefined,EditGroupFormProps:{}};
+
+export { EditGroupDialog as default, styles };

package/dist/group/EditGroupDialog/components/EditGroupForm.js

@@ -0,0 +1,7 @@
+import { useRef } from 'react';
+import { withStyles, TextField, Button } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(theme){return {root:{display:'flex',flexDirection:'column','& > *':{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)}},action:{display:'flex',justifyContent:'flex-end'}};};function EditGroupForm(_ref){var classes=_ref.classes,onSubmit=_ref.onSubmit,onCancel=_ref.onCancel,_ref$submitText=_ref.submitText,submitText=_ref$submitText===void 0?'Save':_ref$submitText,_ref$cancelText=_ref.cancelText,cancelText=_ref$cancelText===void 0?'Cancel':_ref$cancelText,_ref$descriptionLabel=_ref.descriptionLabel,descriptionLabel=_ref$descriptionLabel===void 0?'Description':_ref$descriptionLabel,groupType=_ref.groupType;var descriptionRef=useRef();var handleSubmit=function handleSubmit(event){event.preventDefault();var groupDocument={description:descriptionRef.current.value};onSubmit({groupDocument:groupDocument});};return/*#__PURE__*/jsxs("form",{className:classes.root,onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(TextField,{defaultValue:groupType.description,name:"description",label:descriptionLabel,inputRef:descriptionRef}),/*#__PURE__*/jsxs("div",{className:classes.action,children:[/*#__PURE__*/jsx(Button,{onClick:onCancel,children:cancelText}),/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",type:"submit",children:submitText})]})]});}var EditGroupForm$1 = withStyles(styles,{name:'VdtEditGroupForm'})(EditGroupForm);
+
+export { EditGroupForm$1 as default };

package/dist/group/EditGroupDialog/index.js

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

package/dist/group/GroupDetails/GroupDetails.js

@@ -0,0 +1,19 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { Typography, IconButton, Divider } from '@material-ui/core';
+import DescriptionIcon from '@material-ui/icons/Description';
+import GroupIcon from '@material-ui/icons/Group';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import UserIcon from '@material-ui/icons/Person';
+import RoleIcon from '@material-ui/icons/VerifiedUser';
+import UserRelationList from '../../user/UserRelationList/index.js';
+import GroupRealtionList from '../GroupRelationList/index.js';
+import GroupData from './components/GroupData.js';
+import GroupMenu from './components/GroupMenu.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:{display:'grid',gridGap:theme.spacing(2),'& .MuiListItem-gutters':{paddingLeft:'30px'}},header:{display:'flex',alignItems:'center',justifyContent:'space-between'}};};function GroupDetails(_ref){var classes=_ref.classes,className=_ref.className,groupType=_ref.groupType,groupListType=_ref.groupListType,userListType=_ref.userListType,onEdit=_ref.onEdit,onDelete=_ref.onDelete,onAddChildGroups=_ref.onAddChildGroups,onAddParentGroups=_ref.onAddParentGroups,onAddUsersToGroup=_ref.onAddUsersToGroup,onRemoveUser=_ref.onRemoveUser,onRemoveChildGroup=_ref.onRemoveChildGroup,onRemoveFromParent=_ref.onRemoveFromParent,DetailsComponent=_ref.DetailsComponent,DetailsProps=_ref.DetailsProps,UsersComponent=_ref.UsersComponent,UsersProps=_ref.UsersProps,RolesComponent=_ref.RolesComponent,RolesProps=_ref.RolesProps,ParentGroupsComponent=_ref.ParentGroupsComponent,ParentGroupsProps=_ref.ParentGroupsProps,ChildGroupsComponent=_ref.ChildGroupsComponent,ChildGroupsProps=_ref.ChildGroupsProps,MenuComponent=_ref.MenuComponent,MenuProps=_ref.MenuProps,lockedGroups=_ref.lockedGroups,lockedUsers=_ref.lockedUsers;var _ref2=groupType||{},groupName=_ref2.groupName,role=_ref2.role,_ref2$parentGroupList=_ref2.parentGroupList,parentGroupList=_ref2$parentGroupList===void 0?{}:_ref2$parentGroupList,_ref2$childGroupList=_ref2.childGroupList,childGroupList=_ref2$childGroupList===void 0?{}:_ref2$childGroupList,_ref2$userList=_ref2.userList,userList=_ref2$userList===void 0?{}:_ref2$userList;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var locked=lockedGroups.includes(groupName);var handleMenuClick=function handleMenuClick(event){setAnchorEl(event.currentTarget);};var handleMenuClose=function handleMenuClose(){setAnchorEl(null);};var handleClickClose=function handleClickClose(onClick){return onClick?function(args){onClick(args);handleMenuClose();}:undefined;};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtGroupDetails-root',className),children:[/*#__PURE__*/jsxs("div",{className:classes.header,children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:groupName}),MenuComponent&&!role&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(IconButton,{onClick:handleMenuClick,disabled:lockedGroups.includes(groupName),children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsx(MenuComponent,_objectSpread({groupType:groupType,open:Boolean(anchorEl),onClose:handleMenuClose,anchorEl:anchorEl,onDelete:handleClickClose(onDelete),onEdit:handleClickClose(onEdit)},MenuProps))]})]}),DetailsComponent&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(DetailsComponent,_objectSpread({groupType:groupType,SubHeaderIcon:DescriptionIcon},DetailsProps)),/*#__PURE__*/jsx(Divider,{})]}),UsersComponent&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(UsersComponent,_objectSpread({existingUsers:userList,users:userListType,onRemoveUser:onRemoveUser,onAddUsers:onAddUsersToGroup,lockedUsers:lockedUsers,SubHeaderIcon:UserIcon},UsersProps)),/*#__PURE__*/jsx(Divider,{})]}),RolesComponent&&!role&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(RolesComponent,_objectSpread({existingGroups:parentGroupList,groups:groupListType,onRemoveGroup:onRemoveFromParent,onAddGroups:onAddParentGroups,SubHeaderIcon:RoleIcon,disableEdit:locked,showGroups:false,removeTooltip:"Remove from role",subHeaderText:"Roles",inputLabel:"Select roles",emptyText:"Not member of any roles",addText:"Add roles"},RolesProps)),/*#__PURE__*/jsx(Divider,{})]}),ParentGroupsComponent&&!role&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ParentGroupsComponent,_objectSpread({existingGroups:parentGroupList,groups:groupListType,onRemoveGroup:onRemoveFromParent,onAddGroups:onAddParentGroups,SubHeaderIcon:GroupIcon,disableEdit:locked,showRoles:false,removeTooltip:"Remove from group",subHeaderText:"Parent groups",emptyText:"Not member of any groups",addText:"Add parents",lockedGroups:lockedGroups},ParentGroupsProps)),/*#__PURE__*/jsx(Divider,{})]}),ChildGroupsComponent&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ChildGroupsComponent,_objectSpread({existingGroups:childGroupList,groups:groupListType,onRemoveGroup:onRemoveChildGroup,onAddGroups:onAddChildGroups,SubHeaderIcon:GroupIcon,disableEdit:locked,showRoles:false,subHeaderText:"Child groups",addText:"Add children",lockedGroups:lockedGroups},ChildGroupsProps)),/*#__PURE__*/jsx(Divider,{})]})]});}GroupDetails.defaultProps={classes:{},className:undefined,groupType:{},groupListType:{},userListType:{},onEdit:undefined,onDelete:undefined,onAddChildGroups:undefined,onAddParentGroups:undefined,onAddUsersToGroup:undefined,onRemoveUser:undefined,onRemoveChildGroup:undefined,onRemoveFromParent:undefined,DetailsComponent:GroupData,DetailsProps:{},UsersComponent:UserRelationList,UsersProps:{},RolesComponent:GroupRealtionList,RolesProps:{},ParentGroupsComponent:GroupRealtionList,ParentGroupsProps:{},ChildGroupsComponent:GroupRealtionList,ChildGroupsProps:{},MenuComponent:GroupMenu,MenuProps:{},lockedGroups:['_special_all','vidinetGroup'],lockedUsers:['admin','vidinetviewer']};
+
+export { GroupDetails as default, styles };

package/dist/group/GroupDetails/components/GroupData.js

@@ -0,0 +1,8 @@
+import clsx from 'clsx';
+import { List, ListSubheader, ListItem, ListItemText } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var styles=function styles(theme){return {root:{display:'flex',flexDirection:'column'},ListSubheader:{display:'grid',gridAutoFlow:'column',gridTemplateColumns:'auto 1fr',alignItems:'center',gridGap:theme.spacing(1)},List:{}};};var getRoleValue=function getRoleValue(role){return role?'Role':'Group';};function GroupData(_ref){var className=_ref.className,classes=_ref.classes,groupType=_ref.groupType,_ref$SubHeaderText=_ref.SubHeaderText,SubHeaderText=_ref$SubHeaderText===void 0?'Details':_ref$SubHeaderText,_ref$SubHeaderIcon=_ref.SubHeaderIcon,SubHeaderIcon=_ref$SubHeaderIcon===void 0?false:_ref$SubHeaderIcon,_ref$groupNameText=_ref.groupNameText,groupNameText=_ref$groupNameText===void 0?'Group name':_ref$groupNameText,_ref$descriptionText=_ref.descriptionText,descriptionText=_ref$descriptionText===void 0?'Description':_ref$descriptionText,_ref$typeText=_ref.typeText,typeText=_ref$typeText===void 0?'Type':_ref$typeText;var groupName=groupType.groupName,description=groupType.description,role=groupType.role,_groupType$metadata=groupType.metadata;_groupType$metadata=_groupType$metadata===void 0?{}:_groupType$metadata;var _groupType$metadata$f=_groupType$metadata.field,metadataFields=_groupType$metadata$f===void 0?[]:_groupType$metadata$f;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:/*#__PURE__*/jsxs(List,{className:classes.List,dense:true,subheader:/*#__PURE__*/jsxs(ListSubheader,{disableGutters:true,className:classes.ListSubheader,children:[SubHeaderIcon&&/*#__PURE__*/jsx(SubHeaderIcon,{}),SubHeaderText]}),children:[/*#__PURE__*/jsx(ListItem,{children:/*#__PURE__*/jsx(ListItemText,{primary:groupNameText,secondary:groupName})}),/*#__PURE__*/jsx(ListItem,{children:/*#__PURE__*/jsx(ListItemText,{primary:descriptionText,secondary:description||'-'})}),/*#__PURE__*/jsx(ListItem,{children:/*#__PURE__*/jsx(ListItemText,{primary:typeText,secondary:getRoleValue(role)})}),metadataFields&&metadataFields.map(function(field){return/*#__PURE__*/jsx(ListItem,{children:/*#__PURE__*/jsx(ListItemText,{primary:field.key,secondary:field.value})},field.key);})]})});}var GroupData$1 = withStyles(styles,{name:'VdtGroupData'})(GroupData);
+
+export { GroupData$1 as default };

package/dist/group/GroupDetails/components/GroupMenu.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Menu, MenuItem } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded=["groupType","onEdit","onDelete","editGroupText","deleteGroupText"];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 GroupMenu(_ref){var groupType=_ref.groupType,onEdit=_ref.onEdit,onDelete=_ref.onDelete,_ref$editGroupText=_ref.editGroupText,editGroupText=_ref$editGroupText===void 0?'Edit Group':_ref$editGroupText,_ref$deleteGroupText=_ref.deleteGroupText,deleteGroupText=_ref$deleteGroupText===void 0?'Delete Group':_ref$deleteGroupText,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(Menu,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/jsx(MenuItem,{onClick:onEdit,disabled:onEdit===undefined,children:editGroupText}),/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(){return onDelete(groupType);},disabled:onDelete===undefined,children:deleteGroupText})]}));}
+
+export { GroupMenu as default };

package/dist/group/GroupDetails/index.js

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

package/dist/group/GroupRelationList/GroupRelationList.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { List, ListItem, ListItemText, ListItemSecondaryAction, Tooltip, IconButton, ListItemIcon, ListSubheader, Collapse, TextField, Button } from '@material-ui/core';
+import { emphasize } from '@material-ui/core/styles';
+import { Cancel, Add } from '@material-ui/icons';
+import { Autocomplete } from '@material-ui/lab';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{display:'flex',flexDirection:'column'},groupListItem:{'& .MuiListItemSecondaryAction-root':{visibility:'hidden'},'&:hover':{backgroundColor:emphasize(theme.palette.background.paper,0.1),'& .MuiListItemSecondaryAction-root':{visibility:'visible'}}},toggleIcon:{color:theme.palette.primary.main,transform:'rotate(0deg)',transition:theme.transitions.create('transform',{duration:theme.transitions.duration.shortest})},toggleIconActive:{transform:'rotate(45deg)'},addGroupListItem:{color:theme.palette.primary.main},addButton:{alignSelf:'flex-end'},inputGroup:{paddingBottom:theme.spacing(2),display:'grid',gridAutoFlow:'column',gridTemplateColumns:'1fr auto',alignItems:'end',gridGap:theme.spacing(4)},subHeader:{display:'grid',gridAutoFlow:'column',gridTemplateColumns:'auto 1fr',alignItems:'center',gridGap:theme.spacing(1),backgroundColor:theme.palette.background.paper,top:"-".concat(theme.spacing(2),"px")}};};function GroupRelationList(_ref){var classes=_ref.classes,className=_ref.className,onClick=_ref.onClick,existingGroups=_ref.existingGroups,groups=_ref.groups,onAddGroups=_ref.onAddGroups,onRemoveGroup=_ref.onRemoveGroup,removeTooltip=_ref.removeTooltip,subHeaderText=_ref.subHeaderText,inputLabel=_ref.inputLabel,SubHeaderIcon=_ref.SubHeaderIcon,emptyText=_ref.emptyText,addText=_ref.addText,disableEdit=_ref.disableEdit,lockedGroups=_ref.lockedGroups,showRoles=_ref.showRoles,showGroups=_ref.showGroups,AddIcon=_ref.AddIcon,RemoveIcon=_ref.RemoveIcon,ListProps=_ref.ListProps,ListSubheaderProps=_ref.ListSubheaderProps,ListItemProps=_ref.ListItemProps,ListItemTextProps=_ref.ListItemTextProps,EmptyListItemProps=_ref.EmptyListItemProps,EmptyListItemTextProps=_ref.EmptyListItemTextProps,RemoveTooltipProps=_ref.RemoveTooltipProps,RemoveIconButtonProps=_ref.RemoveIconButtonProps,AddListItemProps=_ref.AddListItemProps,AddListItemTextProps=_ref.AddListItemTextProps,CollapseProps=_ref.CollapseProps,AutocompleteProps=_ref.AutocompleteProps,AutocompleteTextFieldProps=_ref.AutocompleteTextFieldProps,AddButtonProps=_ref.AddButtonProps,addButtonText=_ref.addButtonText;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),addActive=_useState2[0],setAddActive=_useState2[1];var _existingGroups$group=existingGroups.group,existingList=_existingGroups$group===void 0?[]:_existingGroups$group;var existingGroupList=existingList.filter(function(group){return group.role&&showRoles||!group.role&&showGroups;});var _groups$group=groups.group,groupList=_groups$group===void 0?[]:_groups$group;var availableGroupList=groupList.filter(function(group){return group.role&&showRoles||!group.role&&showGroups;}).map(function(g){return g.groupName;});var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),value=_useState4[0],setValue=_useState4[1];return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtGroupRelationList-root',className),children:[/*#__PURE__*/jsxs(List,_objectSpread(_objectSpread({dense:true,className:classes.List,subheader:/*#__PURE__*/jsxs(ListSubheader,_objectSpread(_objectSpread({disableGutters:true,className:classes.subHeader},ListSubheaderProps),{},{children:[SubHeaderIcon&&/*#__PURE__*/jsx(SubHeaderIcon,{}),subHeaderText]}))},ListProps),{},{children:[existingGroupList.length?existingGroupList.map(function(group){return/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({classes:{container:classes.groupListItem},disabled:lockedGroups.includes(group.groupName),onClick:onClick?function(event){return onClick(event,{groupName:group.groupName,groupType:group});}:undefined,button:!!onClick},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:group.groupName,primaryTypographyProps:{variant:'body2'}},ListItemTextProps)),onRemoveGroup&&!disableEdit&&!lockedGroups.includes(group.groupName)&&/*#__PURE__*/jsx(ListItemSecondaryAction,{children:/*#__PURE__*/jsx(Tooltip,_objectSpread(_objectSpread({title:removeTooltip},RemoveTooltipProps),{},{children:/*#__PURE__*/jsx("span",{children:/*#__PURE__*/jsx(IconButton,_objectSpread(_objectSpread({size:"small",onClick:function onClick(){return onRemoveGroup(group.groupName);}},RemoveIconButtonProps),{},{children:/*#__PURE__*/jsx(RemoveIcon,{})}))})}))})]}),group.groupName);}):/*#__PURE__*/jsx(ListItem,_objectSpread(_objectSpread({},EmptyListItemProps),{},{children:/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:emptyText,primaryTypographyProps:{variant:'caption'}},EmptyListItemTextProps))})),onAddGroups&&!disableEdit&&/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({button:true,className:classes.addGroupListItem,onClick:function onClick(){return setAddActive(function(prev){return !prev;});}},AddListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(AddIcon,{className:clsx(classes.toggleIcon,_defineProperty({},classes.toggleIconActive,addActive))})}),/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:addText,primaryTypographyProps:{variant:'body1'}},AddListItemTextProps))]}))]})),onAddGroups&&!disableEdit&&/*#__PURE__*/jsx(Collapse,_objectSpread(_objectSpread({"in":addActive,timeout:"auto"},CollapseProps),{},{children:/*#__PURE__*/jsxs("div",{className:classes.inputGroup,children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread({onChange:function onChange(_,val){return setValue(val);},value:value,multiple:true,options:availableGroupList// getOptionLabel={(option) => option.groupName}
+,getOptionDisabled:function getOptionDisabled(option){return existingGroupList.findIndex(function(g){return g.groupName===option;})!==-1||lockedGroups.includes(option);},filterSelectedOptions:true,renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{autoFocus:true,label:inputLabel},AutocompleteTextFieldProps));}},AutocompleteProps)),/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({variant:"outlined",color:"primary",onClick:function onClick(){var _onAddGroups;(_onAddGroups=onAddGroups({groups:value}))===null||_onAddGroups===void 0?void 0:_onAddGroups.then(function(){setAddActive(false);setTimeout(function(){setValue([]);},500);});}},AddButtonProps),{},{children:addButtonText}))]})}))]});}GroupRelationList.defaultProps={className:undefined,classes:{},existingGroups:{},groups:{},onClick:undefined,onAddGroups:undefined,onRemoveGroup:undefined,removeTooltip:'Remove',subHeaderText:'Groups',inputLabel:'Select groups',SubHeaderIcon:false,emptyText:'No groups',addText:'Add groups',disableEdit:false,lockedGroups:[],showRoles:true,showGroups:true,RemoveIcon:Cancel,ListProps:{},ListSubheaderProps:{},ListItemProps:{},ListItemTextProps:{},EmptyListItemProps:{},EmptyListItemTextProps:{},RemoveTooltipProps:{},RemoveIconButtonProps:{},AddListItemProps:{},AddIcon:Add,AddListItemTextProps:{},CollapseProps:{},AutocompleteProps:{},AutocompleteTextFieldProps:{},AddButtonProps:{},addButtonText:'Add'};
+
+export { GroupRelationList as default, styles };

package/dist/group/GroupRelationList/index.js

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

package/dist/group/GroupTable/GroupTable.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import GroupRow from './components/GroupRow.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(){return {root:{},TableContainer:{},Table:{},TableHead:{},TableHeadRow:{},TableHeadCell:{},TableBody:{}};};function GroupTable(_ref){var classes=_ref.classes,className=_ref.className,groups=_ref.groups,columns=_ref.columns,hideHeader=_ref.hideHeader,GroupRowComponent=_ref.GroupRowComponent,GroupRowProps=_ref.GroupRowProps,groupColumnLabels=_ref.groupColumnLabels;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtGroupTable-root',className),children:/*#__PURE__*/jsx(TableContainer,{className:classes.TableContainer,children:/*#__PURE__*/jsxs(Table,{className:classes.Table,children:[!hideHeader&&/*#__PURE__*/jsx(TableHead,{className:classes.TableHead,children:/*#__PURE__*/jsx(TableRow,{className:classes.TableHeadRow,children:columns.map(function(_ref2){var value=_ref2.value;return/*#__PURE__*/jsx(TableCell,{className:classes.TableHeadCell,children:groupColumnLabels[value]},groupColumnLabels[value]);})})}),/*#__PURE__*/jsx(TableBody,{className:classes.TableBody,children:groups.map(function(group){return/*#__PURE__*/jsx(GroupRowComponent,_objectSpread({group:group,columns:columns},GroupRowProps),group.groupName);})})]})})});}GroupTable.defaultProps={className:undefined,classes:{},groups:[],columns:[{value:'groupName'},{value:'role',valueComponent:function valueComponent(value){return value?'Role':'Group';}}],hideHeader:false,GroupRowComponent:GroupRow,GroupRowProps:{},groupColumnLabels:{groupName:'Groupname',role:'Type'}};
+
+export { GroupTable as default, styles };

package/dist/group/GroupTable/components/GroupRow.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { TableRow, TableCell } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","group","columns","onClick"];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 {TableRow:{},TableCell:{}};};function GroupRow(_ref){var classes=_ref.classes,_ref$group=_ref.group,group=_ref$group===void 0?{}:_ref$group,_ref$columns=_ref.columns,columns=_ref$columns===void 0?[]:_ref$columns,onClick=_ref.onClick,TableRowProps=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableRow,_objectSpread(_objectSpread({onClick:onClick!==undefined?function(){return onClick(group);}:undefined,style:{cursor:onClick!==undefined?'pointer':'initial'},className:classes.TableRow},TableRowProps),{},{children:columns.map(function(_ref2){var value=_ref2.value,valueComponent=_ref2.valueComponent;return/*#__PURE__*/jsx(TableCell,{className:classes.TableCell,children:valueComponent?valueComponent(group[value],group):group[value]},value);})}));}var GroupRow$1 = withStyles(styles,{name:'VdtGroupRow'})(GroupRow);
+
+export { GroupRow$1 as default };

package/dist/group/GroupTable/index.js

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

package/dist/hooks/useComments.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useMemo } from 'react';
+import { metadata, globalmetadata } from '@vidispine/vdt-api';
+import { formatTimeCodeSeconds, createMetadataType, formatTimeCodeText } from '@vidispine/vdt-js';
+
+var getPlayerFromRef=function getPlayerFromRef(playerRef){if(!playerRef||!playerRef.current)return undefined;if(playerRef.current.currentTime)return playerRef.current;if(playerRef.current.player.currentTime)return playerRef.current.player;if(playerRef.current.player.videojs.currentTime)return playerRef.current.player.videojs;return undefined;};var useComments=function useComments(_ref){var entity=_ref.entity,entityId=_ref.entityId,initialMetadataType=_ref.metadataType,_ref$commentField=_ref.commentField,commentField=_ref$commentField===void 0?'co':_ref$commentField,_ref$playerRef=_ref.playerRef,playerRef=_ref$playerRef===void 0?{}:_ref$playerRef,_ref$timeBase=_ref.timeBase,timeBase=_ref$timeBase===void 0?{numerator:1,denominator:25}:_ref$timeBase,_ref$getEntityMetadat=_ref.getEntityMetadata,getEntityMetadata=_ref$getEntityMetadat===void 0?metadata.getEntityMetadata:_ref$getEntityMetadat,_ref$updateEntityMeta=_ref.updateEntityMetadata,updateEntityMetadata=_ref$updateEntityMeta===void 0?metadata.updateEntityMetadata:_ref$updateEntityMeta,_ref$removeGlobalMeta=_ref.removeGlobalMetadata,removeGlobalMetadata=_ref$removeGlobalMeta===void 0?globalmetadata.removeGlobalMetadata:_ref$removeGlobalMeta;var _useState=useState(initialMetadataType),_useState2=_slicedToArray(_useState,2),metadataType=_useState2[0],setMetadataType=_useState2[1];var _useState3=useState(''),_useState4=_slicedToArray(_useState3,2),newComment=_useState4[0],setNewComment=_useState4[1];var _useState5=useState(),_useState6=_slicedToArray(_useState5,2),commentTimecode=_useState6[0],setCommentTimecode=_useState6[1];var smpteTimecode=commentTimecode?formatTimeCodeSeconds(commentTimecode,{timeBase:timeBase}).toSmpte():undefined;var commentList=useMemo(function(){if(!metadataType||!metadataType.timespan)return undefined;var _metadataType$timespa=metadataType.timespan,timespanList=_metadataType$timespa===void 0?[]:_metadataType$timespa;return timespanList.reduce(function(acc,timespan){var fieldList=timespan.field,start=timespan.start;if(fieldList.length===0)return acc;var newAcc=_toConsumableArray(acc);fieldList.forEach(function(_ref2){var name=_ref2.name,_ref2$value=_ref2.value,valueList=_ref2$value===void 0?[]:_ref2$value,fieldUuid=_ref2.uuid;if(name!==commentField||valueList.length===0)return;valueList.forEach(function(_ref3){var value=_ref3.value,uuid=_ref3.uuid,user=_ref3.user,timestamp=_ref3.timestamp;newAcc.push({value:value,uuid:valueList.length>1?uuid:fieldUuid,user:user,start:start,timestamp:timestamp});});});return newAcc;},[]).sort(function(a,b){return new Date(b.timestamp)-new Date(a.timestamp);});},[metadataType,commentField]);var onRefreshComments=function onRefreshComments(){getEntityMetadata({entity:entity,entityId:entityId,queryParams:{field:commentField}}).then(function(_ref4){var data=_ref4.data;if(entity==='item')setMetadataType(data.item[0].metadata);else setMetadataType(data);});};var onChangeComment=function onChangeComment(event){return setNewComment(event.target.value||'');};var onChangeTimecode=function onChangeTimecode(){var player=getPlayerFromRef(playerRef);if(!player)return;if(commentTimecode!==undefined||!player){setCommentTimecode();}else {var currentTime=player.currentTime();setCommentTimecode(currentTime);}};var onFocusComment=function onFocusComment(){var player=getPlayerFromRef(playerRef);if(!player)return;player.pause();var currentTime=player.currentTime();if(commentTimecode)setCommentTimecode(currentTime);};var onCancelComment=function onCancelComment(){setNewComment('');setCommentTimecode();};var onSubmitComment=function onSubmitComment(){var metadataDocument=createMetadataType(_defineProperty({},commentField,newComment));if(commentTimecode){var start=formatTimeCodeSeconds(commentTimecode,{timeBase:timeBase});start.samples=Math.round(start.samples);metadataDocument.timespan[0].start=start.toText();start.samples+=1;metadataDocument.timespan[0].end=start.toText();}metadataDocument.timespan[0].field[0].value[0].mode='add';updateEntityMetadata({entity:entity,entityId:entityId,metadataDocument:metadataDocument}).then(function(){onRefreshComments();onCancelComment();});};var onClickCommentTimecode=function onClickCommentTimecode(timecodeText){var player=getPlayerFromRef(playerRef);if(!player)return;var seconds=formatTimeCodeText(timecodeText).toSeconds();player.currentTime(seconds);if(player.played().length===0)player.play();};var onDeleteComment=function onDeleteComment(uuid){removeGlobalMetadata({uuid:uuid}).then(onRefreshComments);};return {newComment:newComment,commentTimecode:commentTimecode,smpteTimecode:smpteTimecode,commentList:commentList,onRefreshComments:onRefreshComments,onChangeTimecode:onChangeTimecode,onChangeComment:onChangeComment,onFocusComment:onFocusComment,onCancelComment:onCancelComment,onSubmitComment:onSubmitComment,onClickCommentTimecode:onClickCommentTimecode,onDeleteComment:onDeleteComment};};var useComments$1 = useComments;
+
+export { useComments$1 as default };

package/dist/hooks/useConfirmationDialog.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import ConfirmationDialog from '../ConfirmationDialog.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function useConfirmationDialog(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref$throwOnReject=_ref.throwOnReject,throwOnReject=_ref$throwOnReject===void 0?true:_ref$throwOnReject,_ref$DialogComponent=_ref.DialogComponent,DialogComponent=_ref$DialogComponent===void 0?ConfirmationDialog:_ref$DialogComponent;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),ActiveDialog=_useState2[0],setActiveDialog=_useState2[1];var confirm=function confirm(confirmProps){return new Promise(function(resolve,reject){var close=function close(){setActiveDialog(null);};var onConfirm=function onConfirm(){close();resolve(true);};var onReject=function onReject(){close();if(throwOnReject)reject();else resolve(false);};setActiveDialog(function(){return function(dialogProps){return/*#__PURE__*/jsx(DialogComponent,_objectSpread(_objectSpread({open:true,onConfirm:onConfirm,onReject:onReject},dialogProps),confirmProps));};});});};return [ActiveDialog,confirm];}
+
+export { useConfirmationDialog as default };

package/dist/hooks/useExpand.js

@@ -0,0 +1,6 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+
+var useExpand = (function(){var initialExpanded=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;var _useState=useState(initialExpanded),_useState2=_slicedToArray(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1];var onExpand=function onExpand(){return setExpanded(true);};var onClose=function onClose(){return setExpanded(false);};var onToggle=function onToggle(){return setExpanded(!expanded);};return {expanded:expanded,onExpand:onExpand,onClose:onClose,onToggle:onToggle};});
+
+export { useExpand as default };

package/dist/hooks/useMenu.js

@@ -0,0 +1,6 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+
+var useMenu=function useMenu(){var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var onOpen=function onOpen(e){if(e.stopPropagation)e.stopPropagation();if(e.preventDefault)e.preventDefault();setAnchorEl(e.currentTarget);};var onClose=function onClose(){return setAnchorEl(null);};var onClick=function onClick(action){return function(e){if(e.stopPropagation)e.stopPropagation();if(e.preventDefault)e.preventDefault();onClose();action(e);};};var isOpen=Boolean(anchorEl);return {anchorEl:anchorEl,onOpen:onOpen,onClose:onClose,onClick:onClick,isOpen:isOpen};};var useMenu$1 = useMenu;
+
+export { useMenu$1 as default };

package/dist/hooks/useSnackbarAlert.js

@@ -0,0 +1,13 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback } from 'react';
+import Snackbar from '@material-ui/core/Snackbar';
+import { withStyles } from '@material-ui/core/styles';
+import Alert from '@material-ui/lab/Alert';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var _excluded=["AlertProps"];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 {};};var EmptyComponent=function EmptyComponent(){return function(){// eslint-disable-next-line react/jsx-no-useless-fragment
+return/*#__PURE__*/jsx(Fragment,{});};};function useSnackbarAlert(){var _useState=useState(EmptyComponent),_useState2=_slicedToArray(_useState,2),Alert$1=_useState2[0],setAlert=_useState2[1];var showAlert=useCallback(function(_ref){var severity=_ref.severity,message=_ref.message;setAlert(function(){return withStyles(styles)(function(_ref2){var AlertProps=_ref2.AlertProps,props=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(Snackbar,_objectSpread(_objectSpread({open:true,autoHideDuration:6000,onClose:function onClose(){return setAlert(EmptyComponent);}},props),{},{children:/*#__PURE__*/jsx(Alert,_objectSpread(_objectSpread({severity:severity},AlertProps),{},{children:message.toString?message.toString():message}))}));});});},[]);return [Alert$1,showAlert];}
+
+export { useSnackbarAlert as default };

package/dist/icons/BitmovinIcon.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import BitmovinSvg from './bitmovin_24.svg.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function BitmovinIcon(props){return/*#__PURE__*/jsx(SvgIcon,_objectSpread({component:BitmovinSvg},props));}
+
+export { BitmovinIcon as default };

package/dist/icons/FolderMultipleIcon.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import FolderMultipleSvg from './foldermultiple_24.svg.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function FolderMultipleIcon(props){return/*#__PURE__*/jsx(SvgIcon,_objectSpread({component:FolderMultipleSvg},props));}
+
+export { FolderMultipleIcon as default };

package/dist/icons/MediaConvertIcon.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import MediaConvertSvg from './mediaconvert_24.svg.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function MediaConvertIcon(props){return/*#__PURE__*/jsx(SvgIcon,_objectSpread({component:MediaConvertSvg},props));}
+
+export { MediaConvertIcon as default };

package/dist/icons/VidispineIcon.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import VidispineSvg from './vidispine_24.svg.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function VidispineIcon(props){return/*#__PURE__*/jsx(SvgIcon,_objectSpread({component:VidispineSvg},props));}
+
+export { VidispineIcon as default };

package/dist/icons/bitmovin_24.svg.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+
+var _style, _path, _g;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgBitmovin24 = function SvgBitmovin24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _style || (_style = /*#__PURE__*/React.createElement("style", null, ".bitmovin_24_svg__st0{fill:#2fabe1}")), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    id: "bitmovin_24_svg__canvas_background",
+    fill: "none",
+    d: "M-1-1h26v26H-1z"
+  })), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    stroke: "null",
+    id: "bitmovin_24_svg__svg_10"
+  }, /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    className: "bitmovin_24_svg__st0",
+    d: "M8.643 1.667V6.35l7.223 5.041a.52.52 0 0 1 0 .834l-7.223 5.04v4.684l13.773-9.645c.357-.238.357-.754 0-1.032L8.643 1.667z",
+    id: "bitmovin_24_svg__svg_14"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    className: "bitmovin_24_svg__st0",
+    d: "M4.594 5.08v3.572l3.93 2.74a.52.52 0 0 1 0 .833l-3.93 2.738v3.573l8.93-6.232c.358-.238.358-.754 0-1.032L4.595 5.08z",
+    id: "bitmovin_24_svg__svg_15"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    className: "bitmovin_24_svg__st0",
+    d: "M1.458 8.017v2.263l1.588 1.111a.52.52 0 0 1 0 .834l-1.588 1.111v2.262l4.684-3.294a.593.593 0 0 0 0-.992L1.458 8.017z",
+    id: "bitmovin_24_svg__svg_16"
+  }))));
+};
+var BitmovinSvg = SvgBitmovin24;
+
+export { BitmovinSvg as default };

package/dist/icons/foldermultiple_24.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgFoldermultiple24 = function SvgFoldermultiple24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M22 4h-8l-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M2 6H0v14a2 2 0 0 0 2 2h18v-2H2V6Z"
+  })));
+};
+var FolderMultipleSvg = SvgFoldermultiple24;
+
+export { FolderMultipleSvg as default };

package/dist/icons/mediaconvert_24.svg.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+var _defs, _path, _g;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgMediaconvert24 = function SvgMediaconvert24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "mediaconvert_24_svg__a",
+    y2: "0%",
+    x2: "100%",
+    y1: "100%",
+    x1: "0%"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0%",
+    stopColor: "#C8511B"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "100%",
+    stopColor: "#F90"
+  })))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    d: "M-1-1h26v26H-1z"
+  })), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fillRule: "evenodd",
+    fill: "none",
+    stroke: "null"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "url(#mediaconvert_24_svg__a)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "m12 10.545-1.125.563v1.786l1.125.563 1.125-.563v-1.786L12 10.544zm.168-.755 1.305.653.944-.63.416.625-.958.638v2.05c0 .142-.08.272-.207.335l-1.293.647v1.224h-.75v-1.224l-1.293-.647a.374.374 0 0 1-.207-.335v-2.05l-.958-.638.416-.624.944.629 1.305-.653a.376.376 0 0 1 .336 0zm3.582-.192L12 7.552 8.25 9.598v4.805L12 16.45l3.75-2.046V9.598zm3.75-1.723v2.25h-.75V8.483L16.5 9.607v5.02a.376.376 0 0 1-.195.328l-3.93 2.144v2.138l1.563-.87.365.656-2.12 1.18a.375.375 0 0 1-.365 0l-2.121-1.18.365-.655 1.563.87v-2.139l-3.93-2.144a.376.376 0 0 1-.195-.329V9.607L5.25 8.482v1.644H4.5v-2.25c0-.143.08-.272.207-.336l2.25-1.125.336.67-1.58.79 2.154 1.078 3.953-2.157a.375.375 0 0 1 .36 0l3.953 2.157 2.153-1.078-1.579-.79.336-.67 2.25 1.125a.375.375 0 0 1 .207.335zm-.75 8.02-2.043 1.02.335.672 2.25-1.125a.374.374 0 0 0 .208-.336v-2.25h-.75v2.018zM12 4.545l2.082 1.04.336-.67-2.25-1.126a.376.376 0 0 0-.336 0l-2.25 1.125.336.671L12 4.545zm-6.75 11.35 2.043 1.02-.336.672-2.25-1.125a.374.374 0 0 1-.207-.336v-2.25h.75v2.018z"
+  }))));
+};
+var MediaConvertSvg = SvgMediaconvert24;
+
+export { MediaConvertSvg as default };

package/dist/icons/vidispine_24.svg.js

@@ -0,0 +1,135 @@
+import * as React from 'react';
+
+var _defs, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgVidispine24 = function SvgVidispine24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".vidispine_24_svg__cls-1{fill:#0068a9}.vidispine_24_svg__cls-2{fill:#fff}.vidispine_24_svg__cls-5{fill:#44a8aa}"))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    id: "vidispine_24_svg__canvas_background",
+    d: "M-1-1h26v26H-1z"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_2",
+    d: "m83.35 251.09-1.91-4.88h-7.25l-1.76 4.88h-2.55l7.18-18.79h1.63L86 251.09h-2.65zm-4.72-12.74c-.17-.47-.32-.89-.43-1.27s-.22-.73-.29-1.05c-.08.35-.18.7-.3 1.07s-.26.77-.43 1.22l-2.1 5.68h5.51l-1.96-5.65z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_3",
+    d: "M97.16 251.09v-8.16a9.18 9.18 0 0 0-.07-1.17 3.33 3.33 0 0 0-.31-1.07 2 2 0 0 0-.67-.78 2 2 0 0 0-1.17-.29 3.69 3.69 0 0 0-1.09.16 6.22 6.22 0 0 0-1 .43 7.76 7.76 0 0 0-1 .6c-.3.22-.59.45-.85.68v9.6h-2.48v-13.45h2.1l.31 1.55q.58-.44 1.14-.78a8 8 0 0 1 1.12-.59 6.88 6.88 0 0 1 1.19-.38 6.16 6.16 0 0 1 1.32-.13 4.27 4.27 0 0 1 1.45.26 3.56 3.56 0 0 1 1.28.84 4.28 4.28 0 0 1 .91 1.47 6.24 6.24 0 0 1 .34 2.2v9l-2.52.01z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_4",
+    d: "m121.66 251.09-1.91-4.88h-7.25l-1.76 4.88h-2.55l7.19-18.79H117l7.3 18.79h-2.64zm-4.72-12.74a21.359 21.359 0 0 1-.72-2.32c-.08.35-.18.7-.29 1.07s-.27.77-.44 1.22l-2.1 5.68h5.51l-1.96-5.65z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_5",
+    d: "M133.56 240.09a2.9 2.9 0 0 0-1.34-.31 3 3 0 0 0-1.37.36 7.81 7.81 0 0 0-1.53 1.11v9.84h-2.49v-13.45h2.06l.35 1.52a10.39 10.39 0 0 1 1.15-.95 6.21 6.21 0 0 1 1-.56 4 4 0 0 1 .83-.27 3.81 3.81 0 0 1 .75-.07 3 3 0 0 1 .94.14 3.23 3.23 0 0 1 .69.3l-1.04 2.34z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_6",
+    d: "M142.2 251.17h-1.91L135 237.64h2.56l3.67 10.24 4-10.24h2.47l-5.5 13.53z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_7",
+    d: "m157.58 251.09-.54-1.28a6.42 6.42 0 0 1-.73.58 5.63 5.63 0 0 1-.91.5 6.46 6.46 0 0 1-1.1.35 6.74 6.74 0 0 1-1.33.13 4.61 4.61 0 0 1-1.62-.29 3.86 3.86 0 0 1-1.33-.82 4 4 0 0 1-.91-1.32 4.27 4.27 0 0 1-.34-1.75 3.85 3.85 0 0 1 1.41-3.17 6.7 6.7 0 0 1 4.07-1.23l2.62-.08v-.51a3.56 3.56 0 0 0-.21-1.31 2.08 2.08 0 0 0-.58-.87 2.13 2.13 0 0 0-.89-.48 3.92 3.92 0 0 0-1.11-.15 5.8 5.8 0 0 0-1.14.11 5.64 5.64 0 0 0-.95.27 5.25 5.25 0 0 0-.79.37c-.23.14-.45.28-.64.42l-.94-1.71a8.56 8.56 0 0 1 1.22-.75 7 7 0 0 1 1.21-.47 7.34 7.34 0 0 1 1.22-.25 10.58 10.58 0 0 1 1.27-.07 7.42 7.42 0 0 1 1.94.24 4.09 4.09 0 0 1 1.54.79 3.82 3.82 0 0 1 1 1.44 5.82 5.82 0 0 1 .37 2.19v6.51c0 .54 0 1 .05 1.33a6.17 6.17 0 0 0 .09.81 4.48 4.48 0 0 0 .12.47h-2.07zm-.71-6.37-2.45.08a4.37 4.37 0 0 0-2.39.63 1.85 1.85 0 0 0-.74 1.57 2.57 2.57 0 0 0 .16.9 1.89 1.89 0 0 0 .46.72 2.21 2.21 0 0 0 .78.49 3 3 0 0 0 1.07.18 4.27 4.27 0 0 0 1.06-.13 4.92 4.92 0 0 0 .87-.31 3.44 3.44 0 0 0 .68-.43 4.59 4.59 0 0 0 .5-.44v-3.26z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path8 || (_path8 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_8",
+    d: "M169.27 251a5.94 5.94 0 0 1-2 .37 3.82 3.82 0 0 1-1.37-.22 2.45 2.45 0 0 1-.94-.6 2.55 2.55 0 0 1-.55-.93 3.8 3.8 0 0 1-.18-1.21v-8.74H162v-2h2.24v-3l2.53-.79v3.8h4.15l-.82 2h-3.33v7.89a1.89 1.89 0 0 0 .32 1.23 1.17 1.17 0 0 0 1 .4 3.08 3.08 0 0 0 .68-.08l.63-.21a4.21 4.21 0 0 0 .56-.29c.17-.1.32-.21.46-.31l.74 1.71a7.72 7.72 0 0 1-1.89.98z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path9 || (_path9 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_9",
+    d: "M179.4 237.31a6.59 6.59 0 0 1 2.53.47 5.82 5.82 0 0 1 2 1.35 6.35 6.35 0 0 1 1.38 2.27 8.88 8.88 0 0 1 .47 3 8.71 8.71 0 0 1-.49 3 6.63 6.63 0 0 1-1.41 2.3 5.79 5.79 0 0 1-2 1.3 6.72 6.72 0 0 1-2.51.45 6 6 0 0 1-4.34-1.64 6.13 6.13 0 0 1-1.44-2.33 8.84 8.84 0 0 1-.49-3 8.56 8.56 0 0 1 .49-3 6.63 6.63 0 0 1 1.41-2.3 5.86 5.86 0 0 1 1.94-1.32 6.31 6.31 0 0 1 2.46-.55zm0 2.08a3.39 3.39 0 0 0-1.59.36 3.25 3.25 0 0 0-1.17 1 5.1 5.1 0 0 0-.72 1.56 7.8 7.8 0 0 0-.24 2 7.59 7.59 0 0 0 .26 2 4.62 4.62 0 0 0 .75 1.56 3.36 3.36 0 0 0 1.19 1 3.45 3.45 0 0 0 1.59.36 3.31 3.31 0 0 0 1.57-.36 3.43 3.43 0 0 0 1.17-1 4.84 4.84 0 0 0 .73-1.57 8.29 8.29 0 0 0 0-4 4.52 4.52 0 0 0-.74-1.56 3.23 3.23 0 0 0-1.18-1 3.51 3.51 0 0 0-1.65-.35h.03z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_10",
+    d: "M207.33 246.35a4.43 4.43 0 0 1-.47 2.06 4.7 4.7 0 0 1-1.29 1.58 6.13 6.13 0 0 1-1.95 1 7.82 7.82 0 0 1-2.42.36 10.4 10.4 0 0 1-1.74-.14 10.75 10.75 0 0 1-1.46-.36 9.47 9.47 0 0 1-1.19-.5 10 10 0 0 1-.95-.56l1.14-1.95a5.33 5.33 0 0 0 .72.46 7.12 7.12 0 0 0 1 .44 7.27 7.27 0 0 0 1.14.32 6 6 0 0 0 1.3.14 5.17 5.17 0 0 0 1.23-.15 3.84 3.84 0 0 0 1.14-.46 2.71 2.71 0 0 0 .83-.82 2.13 2.13 0 0 0 .32-1.2 2.59 2.59 0 0 0-.34-1.34 4.54 4.54 0 0 0-.91-1.06 9.17 9.17 0 0 0-1.29-.9l-1.49-.85c-.5-.29-1-.6-1.48-.92a7.31 7.31 0 0 1-1.29-1.12 5.18 5.18 0 0 1-1-1.46 5 5 0 0 1-.35-1.92 4.84 4.84 0 0 1 .37-1.87 4.28 4.28 0 0 1 1.1-1.53 5.29 5.29 0 0 1 1.77-1 7.31 7.31 0 0 1 2.39-.37 9.47 9.47 0 0 1 2.56.3 10.55 10.55 0 0 1 1.76.64v2.5a9.36 9.36 0 0 0-1.94-.89 7.05 7.05 0 0 0-2.24-.36 5.3 5.3 0 0 0-1.22.14 3.13 3.13 0 0 0-1 .42 2.19 2.19 0 0 0-.69.73 2.12 2.12 0 0 0-.26 1.07 2.35 2.35 0 0 0 .36 1.3 4.14 4.14 0 0 0 .93 1.05 9.53 9.53 0 0 0 1.32.9l1.51.87c.52.3 1 .61 1.51 1A7.32 7.32 0 0 1 206 243a5.35 5.35 0 0 1 .94 1.47 4.62 4.62 0 0 1 .39 1.88z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_11",
+    d: "M216.74 252.12a15 15 0 0 1-1.37 2.95 7.06 7.06 0 0 1-1.48 1.73 4.32 4.32 0 0 1-1.59.82 7.2 7.2 0 0 1-1.67.2 6.55 6.55 0 0 1-1.5-.15 10.54 10.54 0 0 1-1.2-.39l.62-1.93a4 4 0 0 0 .92.34 4.6 4.6 0 0 0 1.11.12 2.85 2.85 0 0 0 1.14-.24 3.29 3.29 0 0 0 1.08-.8 6.28 6.28 0 0 0 1-1.45 12.85 12.85 0 0 0 .83-2.17l-6.09-13.51h2.67l4.61 10.52h.08l3.53-10.52h2.5l-5.19 14.48z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_12",
+    d: "M232.77 247.34a3.78 3.78 0 0 1-.41 1.85 3.51 3.51 0 0 1-1.11 1.25 5 5 0 0 1-1.67.71 9.52 9.52 0 0 1-2 .22 9.79 9.79 0 0 1-1.38-.09 9.11 9.11 0 0 1-1.2-.28 8.8 8.8 0 0 1-1-.36 8.27 8.27 0 0 1-.79-.41l.88-1.91a6.54 6.54 0 0 0 .66.36 5.34 5.34 0 0 0 .8.34 5.06 5.06 0 0 0 .91.25 4.77 4.77 0 0 0 1 .1 4.55 4.55 0 0 0 1.07-.12 3.15 3.15 0 0 0 .85-.36 1.86 1.86 0 0 0 .55-.57 1.43 1.43 0 0 0 .2-.77 1.67 1.67 0 0 0-.26-.94 2.83 2.83 0 0 0-.69-.69 5.15 5.15 0 0 0-1-.53c-.37-.16-.75-.32-1.13-.5a12 12 0 0 1-1.13-.57 4.39 4.39 0 0 1-1-.77 3.7 3.7 0 0 1-.69-1.08 3.82 3.82 0 0 1-.26-1.51 3.45 3.45 0 0 1 .29-1.43 3.21 3.21 0 0 1 .87-1.18 4.51 4.51 0 0 1 1.46-.79 6.56 6.56 0 0 1 2-.29 9.07 9.07 0 0 1 2 .2 10.11 10.11 0 0 1 1.58.51v2.16l-.78-.31c-.26-.1-.53-.18-.81-.26a7.76 7.76 0 0 0-.89-.19 6.24 6.24 0 0 0-1-.07 4.39 4.39 0 0 0-.91.09 2.18 2.18 0 0 0-.73.28 1.28 1.28 0 0 0-.66 1.17 1.4 1.4 0 0 0 .27.86 2.75 2.75 0 0 0 .7.65 7.19 7.19 0 0 0 1 .52l1.16.52c.39.18.77.38 1.15.6a4.42 4.42 0 0 1 1 .78 3.61 3.61 0 0 1 .7 1.07 3.54 3.54 0 0 1 .4 1.49z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path13 || (_path13 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_13",
+    d: "M241.94 251a5.94 5.94 0 0 1-2 .37 3.79 3.79 0 0 1-1.37-.22 2.38 2.38 0 0 1-.94-.6 2.42 2.42 0 0 1-.55-.93 3.8 3.8 0 0 1-.18-1.21v-8.74h-2.25v-2h2.25v-3l2.53-.79v3.8h4.15l-.82 2h-3.33v7.89a1.89 1.89 0 0 0 .32 1.23 1.17 1.17 0 0 0 1 .4 2.93 2.93 0 0 0 .67-.08c.22-.06.43-.13.64-.21a4.21 4.21 0 0 0 .56-.29c.17-.1.32-.21.46-.31l.74 1.71a7.91 7.91 0 0 1-1.88.98z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path14 || (_path14 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_14",
+    d: "M248.4 244.9a5 5 0 0 0 .29 1.7 4.13 4.13 0 0 0 .82 1.39 3.89 3.89 0 0 0 1.33.95 4.41 4.41 0 0 0 1.8.35 5.15 5.15 0 0 0 1.72-.3 8.85 8.85 0 0 0 1.55-.7l.71 1.73a6.8 6.8 0 0 1-2.1 1 8.49 8.49 0 0 1-2.36.35 6.31 6.31 0 0 1-2.85-.6 5.89 5.89 0 0 1-2-1.59 6.45 6.45 0 0 1-1.17-2.29 9.34 9.34 0 0 1-.38-2.71 8.77 8.77 0 0 1 .4-2.7 6.84 6.84 0 0 1 1.14-2.18 5.62 5.62 0 0 1 1.79-1.46 5.16 5.16 0 0 1 2.34-.53 5.56 5.56 0 0 1 2.36.49 4.91 4.91 0 0 1 1.76 1.41 6.45 6.45 0 0 1 1.08 2.18 9.73 9.73 0 0 1 .38 2.85v.66h-8.61zm5.76-3.26a3.5 3.5 0 0 0-.55-1.15 2.89 2.89 0 0 0-.91-.83 2.67 2.67 0 0 0-1.29-.31 2.72 2.72 0 0 0-1.26.29 3.05 3.05 0 0 0-1 .78 3.28 3.28 0 0 0-.61 1.14 4.73 4.73 0 0 0-.2 1.37h6a4.78 4.78 0 0 0-.18-1.29z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path15 || (_path15 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_15",
+    d: "M277.32 251.09v-8.65a6.88 6.88 0 0 0-.09-1.15 2.55 2.55 0 0 0-.31-.93 1.57 1.57 0 0 0-.63-.62 2.2 2.2 0 0 0-1.06-.22 4 4 0 0 0-1.16.16 5.41 5.41 0 0 0-1.05.44 7.16 7.16 0 0 0-.91.6c-.28.23-.55.44-.8.66a1.72 1.72 0 0 1 0 .33v9.38h-2.52v-8.58a8.72 8.72 0 0 0-.08-1.17 3.09 3.09 0 0 0-.31-1 1.68 1.68 0 0 0-.64-.63 2.12 2.12 0 0 0-1.07-.23 3.68 3.68 0 0 0-1.15.17 5.81 5.81 0 0 0-1 .44 7.34 7.34 0 0 0-.92.61c-.29.22-.55.44-.8.67v9.68h-2.53v-13.41h2.11l.3 1.57a9.94 9.94 0 0 1 2.45-1.44 6.27 6.27 0 0 1 2.29-.46 3.63 3.63 0 0 1 2.12.6 3.32 3.32 0 0 1 1.26 1.58 10.15 10.15 0 0 1 1.18-.92 10.87 10.87 0 0 1 1.24-.68 8.81 8.81 0 0 1 1.25-.43 5.06 5.06 0 0 1 1.2-.15 5.38 5.38 0 0 1 1.55.22 3.32 3.32 0 0 1 1.33.72 3.51 3.51 0 0 1 .92 1.34 5.39 5.39 0 0 1 .35 2.07v9.43h-2.52z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path16 || (_path16 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_16",
+    d: "M292.12 247.34a3.89 3.89 0 0 1-.41 1.85 3.64 3.64 0 0 1-1.12 1.25 5 5 0 0 1-1.67.71 9.38 9.38 0 0 1-2 .22 10 10 0 0 1-1.38-.09 8.6 8.6 0 0 1-1.15-.24 8.27 8.27 0 0 1-1-.36 7 7 0 0 1-.78-.41l.87-1.91q.3.18.66.36a5.83 5.83 0 0 0 .8.34 5.17 5.17 0 0 0 .92.25 4.74 4.74 0 0 0 1 .1 4.49 4.49 0 0 0 1.07-.12 3.15 3.15 0 0 0 .85-.36 1.86 1.86 0 0 0 .55-.57 1.43 1.43 0 0 0 .2-.77 1.6 1.6 0 0 0-.26-.94 2.66 2.66 0 0 0-.69-.69 5.15 5.15 0 0 0-1-.53l-1.13-.5c-.38-.17-.76-.36-1.13-.57a4.12 4.12 0 0 1-1-.77 3.53 3.53 0 0 1-.7-1.08 4 4 0 0 1-.26-1.51 3.62 3.62 0 0 1 .29-1.43 3.32 3.32 0 0 1 .87-1.18 4.51 4.51 0 0 1 1.46-.79 6.56 6.56 0 0 1 2-.29 9.23 9.23 0 0 1 2 .2 10.33 10.33 0 0 1 1.57.51v2.16l-.78-.31c-.26-.1-.53-.18-.81-.26a7.76 7.76 0 0 0-.89-.19 6.24 6.24 0 0 0-1-.07 4.39 4.39 0 0 0-.91.09 2.18 2.18 0 0 0-.73.28 1.33 1.33 0 0 0-.49.48 1.36 1.36 0 0 0-.17.69 1.4 1.4 0 0 0 .27.86 2.64 2.64 0 0 0 .71.65 6.22 6.22 0 0 0 1 .52l1.15.52c.39.18.77.38 1.15.6a4.21 4.21 0 0 1 1 .78 3.61 3.61 0 0 1 .7 1.07 3.38 3.38 0 0 1 .37 1.45z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path17 || (_path17 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_17",
+    d: "M314.84 245.46a6.41 6.41 0 0 1-.34 2 4.63 4.63 0 0 1-1.11 1.81 5.57 5.57 0 0 1-2 1.31 8.35 8.35 0 0 1-3.12.51h-5.08v-18.73h5.46a5.81 5.81 0 0 1 2.26.41 4.68 4.68 0 0 1 1.58 1.09 4.37 4.37 0 0 1 .92 1.49 4.79 4.79 0 0 1 .3 1.64 4.64 4.64 0 0 1-.62 2.48 4.35 4.35 0 0 1-1.77 1.62 4.15 4.15 0 0 1 1.38.45 4.2 4.2 0 0 1 1.14.92 4.33 4.33 0 0 1 .76 1.31 4.82 4.82 0 0 1 .24 1.69zm-9.16-10.85v5.79H308a3.32 3.32 0 0 0 1.11-.19 3 3 0 0 0 1-.57 3 3 0 0 0 .7-.94 2.9 2.9 0 0 0 .27-1.28 2.74 2.74 0 0 0-.78-2.06 3.42 3.42 0 0 0-2.43-.75h-2.19zm6.45 11a3 3 0 0 0-.23-1.17 2.54 2.54 0 0 0-.7-.93 3.13 3.13 0 0 0-1.14-.63 5 5 0 0 0-1.57-.23h-2.81v6.19h2.58a5.32 5.32 0 0 0 1.68-.24 3.62 3.62 0 0 0 1.21-.67 2.82 2.82 0 0 0 .73-1 3.27 3.27 0 0 0 .25-1.32z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path18 || (_path18 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_18",
+    d: "M324.85 240.09a2.86 2.86 0 0 0-1.33-.31 3 3 0 0 0-1.37.36 7.26 7.26 0 0 0-1.53 1.11v9.84h-2.5v-13.45h2.07l.34 1.52a10.39 10.39 0 0 1 1.15-.95 7.31 7.31 0 0 1 1-.56 4 4 0 0 1 .83-.27 3.91 3.91 0 0 1 .76-.07 3 3 0 0 1 .94.14 3.13 3.13 0 0 1 .68.3l-1.04 2.34z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path19 || (_path19 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_19",
+    d: "m335.49 251.09-.54-1.28a6.42 6.42 0 0 1-.73.58 5.63 5.63 0 0 1-.91.5 6.46 6.46 0 0 1-1.1.35 6.9 6.9 0 0 1-1.33.13 4.61 4.61 0 0 1-1.62-.29 3.77 3.77 0 0 1-1.33-.82 3.89 3.89 0 0 1-.91-1.32 4.27 4.27 0 0 1-.34-1.75 3.85 3.85 0 0 1 1.41-3.17 6.68 6.68 0 0 1 4.07-1.23l2.62-.08v-.51a3.56 3.56 0 0 0-.21-1.31 2.13 2.13 0 0 0-1.47-1.35 3.92 3.92 0 0 0-1.11-.15 5.91 5.91 0 0 0-2.09.38 5.25 5.25 0 0 0-.79.37c-.23.14-.45.28-.64.42l-1-1.71a9.23 9.23 0 0 1 1.23-.75 6.71 6.71 0 0 1 1.21-.47 7.34 7.34 0 0 1 1.22-.25 10.46 10.46 0 0 1 1.27-.07 7.42 7.42 0 0 1 1.94.24 4 4 0 0 1 1.53.79 3.84 3.84 0 0 1 1 1.44 5.82 5.82 0 0 1 .37 2.19v6.51c0 .54 0 1 .05 1.33a6.17 6.17 0 0 0 .09.81 4.48 4.48 0 0 0 .12.47h-2.01zm-.71-6.37-2.46.08a4.33 4.33 0 0 0-2.38.63 1.85 1.85 0 0 0-.74 1.57 2.57 2.57 0 0 0 .15.9 2 2 0 0 0 .47.72 2.21 2.21 0 0 0 .78.49 2.93 2.93 0 0 0 1.07.18 4.33 4.33 0 0 0 1.06-.13 4.92 4.92 0 0 0 .87-.31 3.44 3.44 0 0 0 .68-.43 5.78 5.78 0 0 0 .5-.44v-3.26z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path20 || (_path20 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_20",
+    d: "M349.79 251.09v-8.16a9.18 9.18 0 0 0-.07-1.17 3.33 3.33 0 0 0-.31-1.07 2 2 0 0 0-.67-.78 2 2 0 0 0-1.17-.29 3.69 3.69 0 0 0-1.09.16 6.22 6.22 0 0 0-1 .43 7.76 7.76 0 0 0-1 .6 10.12 10.12 0 0 0-.85.68v9.6h-2.49v-13.45h2.1l.31 1.55q.58-.44 1.14-.78a8 8 0 0 1 1.12-.59 6.88 6.88 0 0 1 1.19-.38 6.16 6.16 0 0 1 1.32-.13 4.27 4.27 0 0 1 1.45.26 3.56 3.56 0 0 1 1.28.84 4.28 4.28 0 0 1 .91 1.47 6.24 6.24 0 0 1 .34 2.2v9l-2.51.01z",
+    className: "vidispine_24_svg__cls-2"
+  })), _path21 || (_path21 = /*#__PURE__*/React.createElement("path", {
+    id: "vidispine_24_svg__svg_21",
+    d: "M365.31 251.08a11.43 11.43 0 0 1-2.69.29 8.42 8.42 0 0 1-2.72-.43 6.28 6.28 0 0 1-2.24-1.27 6 6 0 0 1-1.51-2.13 7.35 7.35 0 0 1-.57-3 7.64 7.64 0 0 1 .55-2.9 7 7 0 0 1 1.51-2.28 6.93 6.93 0 0 1 2.25-1.5 7.24 7.24 0 0 1 2.8-.54 9.23 9.23 0 0 1 1.14.06 6.6 6.6 0 0 1 .87.14V231h2.53v19.41a8.22 8.22 0 0 1-1.92.67zm-.61-11.35-.38-.11-.41-.1a3.46 3.46 0 0 0-.49-.06 5.92 5.92 0 0 0-.62 0 4.78 4.78 0 0 0-1.81.34 4.21 4.21 0 0 0-1.49 1 4.67 4.67 0 0 0-1 1.56 5.35 5.35 0 0 0-.38 2 5.9 5.9 0 0 0 .31 2 4 4 0 0 0 .91 1.54 4.33 4.33 0 0 0 1.52 1 5.73 5.73 0 0 0 2.12.37 5.17 5.17 0 0 0 .95-.09 3.71 3.71 0 0 0 .78-.23l-.01-9.22z",
+    className: "vidispine_24_svg__cls-2"
+  })), /*#__PURE__*/React.createElement("g", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_37"
+  }, /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_31",
+    style: {
+      fill: "#7c74bd"
+    },
+    d: "M.167.277h6.524v6.524H.167z"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_32",
+    style: {
+      fill: "#6dc3c5"
+    },
+    d: "M17.183.277h6.524v6.524h-6.524z"
+  }), _path22 || (_path22 = /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_33",
+    className: "vidispine_24_svg__cls-1",
+    d: "M.167 8.785h6.524v6.524H.167z"
+  })), _path23 || (_path23 = /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_34",
+    d: "M17.183 15.309a6.52 6.52 0 0 0 6.52-6.524h-6.52v6.524",
+    className: "vidispine_24_svg__cls-5"
+  })), _path24 || (_path24 = /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_35",
+    className: "vidispine_24_svg__cls-1",
+    d: "M.167 17.293h6.524v6.524H.167z"
+  })), _path25 || (_path25 = /*#__PURE__*/React.createElement("path", {
+    stroke: "null",
+    id: "vidispine_24_svg__svg_36",
+    d: "M8.685 23.817a6.52 6.52 0 0 0 6.52-6.524h-6.52v6.524",
+    className: "vidispine_24_svg__cls-5"
+  }))));
+};
+var VidispineSvg = SvgVidispine24;
+
+export { VidispineSvg as default };