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

package/dist/upload/UploadListItem.js

@@ -0,0 +1,22 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import clsx from 'clsx';
+import { filesize } from 'filesize';
+import Avatar from '@material-ui/core/Avatar';
+import Box from '@material-ui/core/Box';
+import IconButton from '@material-ui/core/IconButton';
+import LinearProgress from '@material-ui/core/LinearProgress';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemAvatar from '@material-ui/core/ListItemAvatar';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import ListItemText from '@material-ui/core/ListItemText';
+import { withStyles, emphasize } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
+import DeleteIcon from '@material-ui/icons/Delete';
+import QueryBuilderIcon from '@material-ui/icons/QueryBuilder';
+import MimeTypeIcon from '../general/MimeTypeIcon/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function LinearProgressWithLabel(props){var value=props.value;return/*#__PURE__*/jsxs(Box,{display:"flex",alignItems:"center",children:[/*#__PURE__*/jsx(Box,{width:"100%",mr:1,children:/*#__PURE__*/jsx(LinearProgress,_objectSpread({variant:"determinate"},props))}),/*#__PURE__*/jsx(Box,{minWidth:35,children:value&&/*#__PURE__*/jsx(Typography,{variant:"body2",color:"textSecondary",children:"".concat(Math.round(value),"%")})})]});}var styles=function styles(theme){return {fileListItemSecondaryAction:{visibility:'hidden'},fileListItemContainer:{cursor:'pointer','&:not(:first-of-type)':{marginTop:theme.spacing(0.5)},backgroundColor:emphasize(theme.palette.background.paper,0.05),'&:hover $fileListItemSecondaryAction':{visibility:'visible'},'&:hover $successIcon':{visibility:'hidden'},'&:hover $progressIcon':{visibility:'hidden'}},fileListItemContainerComplete:{cursor:'default'},fileListItemContainerHover:{'&:hover':{backgroundColor:emphasize(theme.palette.background.paper,0.1)}},successIcon:{color:theme.palette.success.main,visibility:'visible'},progressIcon:{visibility:'visible'},errorIcon:{color:theme.palette.error.main},progressRoot:{minHeight:16},thumbsContainer:{display:'flex',flexDirection:'row',flexWrap:'wrap',marginTop:16},thumb:{display:'inline-flex',borderRadius:2,border:'1px solid #eaeaea',marginBottom:8,marginRight:8,width:80,height:80,padding:4,boxSizing:'border-box'},thumbInner:{display:'flex',width:'100%',overflow:'hidden'},media:{display:'block',width:'auto',height:'100%'},full:{width:'100%',height:'100%'}};};function UploadListItem(_ref){var classes=_ref.classes,file=_ref.file,progress=_ref.progress,onRemove=_ref.onRemove,onClick=_ref.onClick,selected=_ref.selected,isUploading=_ref.isUploading,_ref$ProgressComponen=_ref.ProgressComponent,ProgressComponent=_ref$ProgressComponen===void 0?LinearProgressWithLabel:_ref$ProgressComponen,_ref$ProgressProps=_ref.ProgressProps,ProgressProps=_ref$ProgressProps===void 0?{}:_ref$ProgressProps,_ref$CompleteIcon=_ref.CompleteIcon,CompleteIcon=_ref$CompleteIcon===void 0?CheckCircleIcon:_ref$CompleteIcon,_ref$ProgressIcon=_ref.ProgressIcon,ProgressIcon=_ref$ProgressIcon===void 0?QueryBuilderIcon:_ref$ProgressIcon,_ref$DeleteIcon=_ref.DeleteIcon,DeleteIcon$1=_ref$DeleteIcon===void 0?DeleteIcon:_ref$DeleteIcon,_ref$MimeTypeAvatarIc=_ref.MimeTypeAvatarIcon,MimeTypeAvatarIcon=_ref$MimeTypeAvatarIc===void 0?MimeTypeIcon:_ref$MimeTypeAvatarIc;var mimeType=file.type,size=file.size,name=file.name,preview=file.preview;var progressPercent=progress&&progress.transferedBytes?Math.floor(progress.transferedBytes/progress.totalBytes*100):0;var isComplete=progressPercent===100;var fileSizeHuman=size?filesize(size,{base:2,standard:'jedec'}):undefined;var previewType;if(mimeType.includes('image')){previewType='image';}else if(mimeType.includes('video')){previewType='video';}else {previewType='other';}return/*#__PURE__*/jsxs(ListItem,{ContainerComponent:"div",ContainerProps:{className:clsx(classes.fileListItemContainer,_defineProperty({},classes.fileListItemContainerHover,!selected),_defineProperty({},classes.fileListItemContainerComplete,isComplete))},onClick:isComplete?undefined:onClick,selected:selected,children:[/*#__PURE__*/jsx("aside",{className:classes.thumbsContainer,children:/*#__PURE__*/jsx("div",{className:classes.thumb,children:/*#__PURE__*/jsxs("div",{className:classes.thumbInner,children:[previewType==='image'&&/*#__PURE__*/jsx("img",{src:preview,className:classes.media,alt:name}),previewType==='video'&&/*#__PURE__*/jsx("video",{className:classes.media,autoPlay:true,muted:true,children:/*#__PURE__*/jsx("source",{src:preview,type:mimeType})}),previewType==='other'&&/*#__PURE__*/jsx(ListItemAvatar,{className:classes.full,children:/*#__PURE__*/jsx(Avatar,{variant:"square",className:classes.full,children:/*#__PURE__*/jsx(MimeTypeAvatarIcon,{mimeType:mimeType,fontSize:"large"})})})]})},name)}),/*#__PURE__*/jsx(ListItemText,{disableTypography:true,primary:/*#__PURE__*/jsxs("div",{children:[/*#__PURE__*/jsx(Typography,{variant:"body1",component:"span",display:"block",noWrap:true,children:name}),size&&/*#__PURE__*/jsx(Typography,{variant:"body2",component:"span",display:"block",noWrap:true,children:fileSizeHuman}),/*#__PURE__*/jsx("div",{className:classes.progressRoot,children:progress&&/*#__PURE__*/jsx(ProgressComponent,_objectSpread({value:progressPercent},ProgressProps))})]})}),progress&&/*#__PURE__*/jsx(ListItemSecondaryAction,{children:isComplete?/*#__PURE__*/jsx(CompleteIcon,{className:classes.successIcon}):/*#__PURE__*/jsx(ProgressIcon,{className:classes.progressIcon})}),/*#__PURE__*/jsx(ListItemSecondaryAction,{classes:{root:classes.fileListItemSecondaryAction},children:/*#__PURE__*/jsx(IconButton,{edge:"end",onClick:onRemove,disabled:isUploading,children:/*#__PURE__*/jsx(DeleteIcon$1,{})})})]});}var UploadListItem$1 = withStyles(styles,{name:'VdtUploadListItem'})(UploadListItem);
+
+export { UploadListItem$1 as default };

package/dist/user/ChangePasswordDialog.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import IconButton from '@material-ui/core/IconButton';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import CloseIcon from '@material-ui/icons/Close';
+import ChangePasswordForm from './ChangePasswordForm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded=["classes","username","onClose","onSuccess","changePasswordTxt"];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 {DialogTitle:{margin:0,padding:theme.spacing(2)},closeButton:{position:'absolute',right:theme.spacing(1),top:theme.spacing(1),color:theme.palette.grey[500]}};};function ChangePasswordDialog(_ref){var classes=_ref.classes,username=_ref.username,onClose=_ref.onClose,_onSuccess=_ref.onSuccess,_ref$changePasswordTx=_ref.changePasswordTxt,changePasswordTxt=_ref$changePasswordTx===void 0?'Change Password':_ref$changePasswordTx,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(DialogTitle,{disableTypography:true,className:classes.DialogTitle,children:[/*#__PURE__*/jsxs(Typography,{variant:"h6",children:[changePasswordTxt,username?":  ".concat(username):'']}),onClose?/*#__PURE__*/jsx(IconButton,{"aria-label":"close",className:classes.closeButton,onClick:onClose,children:/*#__PURE__*/jsx(CloseIcon,{})}):null]}),/*#__PURE__*/jsx(DialogContent,{dividers:true,children:/*#__PURE__*/jsx(ChangePasswordForm,_objectSpread({username:username,onSuccess:function onSuccess(args){if(_onSuccess)_onSuccess(args);onClose();}},props))})]});}var ChangePasswordDialog$1 = withStyles(styles,{name:'VdtChangePasswordDialog'})(ChangePasswordDialog);
+
+export { ChangePasswordDialog$1 as default };

package/dist/user/ChangePasswordForm.js

@@ -0,0 +1,22 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useReducer, useState, useEffect } from 'react';
+import Button from '@material-ui/core/Button';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import FilledInput from '@material-ui/core/FilledInput';
+import FormControl from '@material-ui/core/FormControl';
+import Grow from '@material-ui/core/Grow';
+import IconButton from '@material-ui/core/IconButton';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import InputLabel from '@material-ui/core/InputLabel';
+import { withStyles } from '@material-ui/core/styles';
+import Visibility from '@material-ui/icons/Visibility';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import Alert from '@material-ui/lab/Alert';
+import { user } from '@vidispine/vdt-api';
+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 initialState=Object.freeze({oldPassword:'',password:'',passwordAgain:'',errors:[],loading:false,success:false});var actions={SET_LOADING:'SET_LOADING',SET_ERRORS:'SET_ERRORS',SET_INPUT_VALUE:'SET_INPUT_VALUE',SET_SUCCESS:'SET_SUCCESS'};function reducer(state,action){switch(action.type){case actions.SET_LOADING:{var newState=_objectSpread(_objectSpread({},state),{},{loading:action.payload});if(action.payload){newState.errors=[];newState.success=false;}return newState;}case actions.SET_ERRORS:return _objectSpread(_objectSpread({},state),{},{loading:false,errors:action.payload,success:false});case actions.SET_INPUT_VALUE:{var _newState=_objectSpread({},state);_newState[action.payload.input]=action.payload.value;return _newState;}case actions.SET_SUCCESS:return _objectSpread(_objectSpread({},initialState),{},{success:true});default:throw new Error();}}var styles=function styles(theme){return {root:{},FormControl:{display:'flex',marginBottom:theme.spacing(3)},alert:{marginBottom:theme.spacing(2)}};};function ChangePasswordForm(_ref){var classes=_ref.classes,onSuccess=_ref.onSuccess,initialUserName=_ref.username,validateOldPassword=_ref.validateOldPassword,changePwdTxt=_ref.changePwdTxt,changePwdSuccessTxt=_ref.changePwdSuccessTxt,usernameErrTxt=_ref.usernameErrTxt,identicalPwdErrTxt=_ref.identicalPwdErrTxt,oldPwdTxt=_ref.oldPwdTxt,oldPwdErrTxt=_ref.oldPwdErrTxt,newPwdTxt=_ref.newPwdTxt,repeatPwdTxt=_ref.repeatPwdTxt,noPwdTxt=_ref.noPwdTxt,noUserTxt=_ref.noUserTxt;var _useReducer=useReducer(reducer,initialState),_useReducer2=_slicedToArray(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1];var _useState=useState(false),_useState2=_slicedToArray(_useState,2),showPassword=_useState2[0],setShowPassword=_useState2[1];var handleClickShowPassword=function handleClickShowPassword(){return setShowPassword(!showPassword);};var _useState3=useState(initialUserName),_useState4=_slicedToArray(_useState3,2),userName=_useState4[0],setUserName=_useState4[1];// if no username is provided, most likely changing own password
+useEffect(function(){if(!userName){dispatch({type:actions.SET_LOADING,payload:true});user.whoAmI().then(function(_ref2){var newUserName=_ref2.data;setUserName(newUserName);dispatch({type:actions.SET_LOADING,payload:false});})["catch"](function(){dispatch({type:actions.SET_ERRORS,payload:[usernameErrTxt]});});}},[userName,usernameErrTxt]);var handleSubmit=function handleSubmit(event){event.preventDefault();var oldPassword=state.oldPassword,password=state.password,passwordAgain=state.passwordAgain;if(!password||password===''){dispatch({type:actions.SET_ERRORS,payload:[noPwdTxt]});return;}if(!(password===passwordAgain)){dispatch({type:actions.SET_ERRORS,payload:[identicalPwdErrTxt]});return;}if(!userName){dispatch({type:actions.SET_ERRORS,payload:[noUserTxt]});return;}dispatch({type:actions.SET_LOADING,payload:true});var verifyOldPassword=function verifyOldPassword(){if(validateOldPassword===false){return Promise.resolve();}return user.validateUserPassword({userName:userName,password:oldPassword,queryParams:{type:'raw'}});};verifyOldPassword().then(function(){user.updateUserPassword({userName:userName,password:password,queryParams:{type:'raw'}}).then(function(){dispatch({type:actions.SET_SUCCESS});if(onSuccess)onSuccess({userName:userName,password:password});})["catch"](function(err){dispatch({type:actions.SET_ERRORS,payload:[err.message]});});})["catch"](function(){dispatch({type:actions.SET_ERRORS,payload:[oldPwdErrTxt]});});};var handleChange=function handleChange(prop){return function(event){dispatch({type:actions.SET_INPUT_VALUE,payload:{input:prop,value:event.target.value}});};};return/*#__PURE__*/jsxs("div",{className:classes.root,children:[state.errors.map(function(errorStr){return/*#__PURE__*/jsx(Grow,{"in":true,children:/*#__PURE__*/jsx(Alert,{className:classes.alert,severity:"error",children:errorStr})},errorStr.substring(1,5));}),state.success&&/*#__PURE__*/jsx(Grow,{"in":true,children:/*#__PURE__*/jsx(Alert,{className:classes.alert,severity:"success",children:changePwdSuccessTxt})}),/*#__PURE__*/jsxs("form",{onSubmit:handleSubmit,children:[validateOldPassword&&/*#__PURE__*/jsxs(FormControl,{variant:"filled",className:classes.FormControl,children:[/*#__PURE__*/jsx(InputLabel,{children:oldPwdTxt}),/*#__PURE__*/jsx(FilledInput,{inputProps:{tabIndex:1},type:showPassword?'text':'password',value:state.oldPassword,onChange:handleChange('oldPassword'),endAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"end",children:/*#__PURE__*/jsx(IconButton,{onClick:handleClickShowPassword,children:showPassword?/*#__PURE__*/jsx(Visibility,{}):/*#__PURE__*/jsx(VisibilityOff,{})})})})]}),/*#__PURE__*/jsxs(FormControl,{variant:"filled",className:classes.FormControl,children:[/*#__PURE__*/jsx(InputLabel,{children:newPwdTxt}),/*#__PURE__*/jsx(FilledInput,{inputProps:{tabIndex:2},type:showPassword?'text':'password',value:state.password,onChange:handleChange('password'),endAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"end",children:/*#__PURE__*/jsx(IconButton,{onClick:handleClickShowPassword,children:showPassword?/*#__PURE__*/jsx(Visibility,{}):/*#__PURE__*/jsx(VisibilityOff,{})})})})]}),/*#__PURE__*/jsxs(FormControl,{variant:"filled",className:classes.FormControl,children:[/*#__PURE__*/jsx(InputLabel,{children:repeatPwdTxt}),/*#__PURE__*/jsx(FilledInput,{inputProps:{tabIndex:3},type:showPassword?'text':'password',value:state.passwordAgain,onChange:handleChange('passwordAgain'),endAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"end",children:/*#__PURE__*/jsx(IconButton,{onClick:handleClickShowPassword,children:showPassword?/*#__PURE__*/jsx(Visibility,{}):/*#__PURE__*/jsx(VisibilityOff,{})})})})]})]}),/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",onClick:handleSubmit,disabled:!(state.password&&state.passwordAgain&&!state.loading),children:state.loading?/*#__PURE__*/jsx(CircularProgress,{size:20,color:"inherit"}):changePwdTxt})]});}ChangePasswordForm.defaultProps={classes:{},username:undefined,onSuccess:null,validateOldPassword:true,changePwdTxt:'Change Password',changePwdSuccessTxt:'Password successfully changed!',usernameErrTxt:'Unable to verify username.',identicalPwdErrTxt:'Passwords are not identical.',oldPwdTxt:'Old password',oldPwdErrTxt:'Unable to verify the old password.',newPwdTxt:'New password',repeatPwdTxt:'Repeat password',noPwdTxt:'No password set',noUserTxt:'Cannot determine username'};var ChangePasswordForm$1 = withStyles(styles,{name:'VdtChangePasswordForm'})(ChangePasswordForm);
+
+export { ChangePasswordForm$1 as default };

package/dist/user/ChangeUserPasswordDialog/ChangeUserPasswordDialog.js

@@ -0,0 +1,8 @@
+import clsx from 'clsx';
+import { DialogTitle, DialogContent } from '@material-ui/core';
+import UserPasswordForm from './components/UserPasswordForm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{}};};function CreateUserDialog(_ref){var classes=_ref.classes,className=_ref.className,user=_ref.user,onClose=_ref.onClose,onSubmit=_ref.onSubmit;var userName=user.userName;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtCreateUserDialog-root',className),children:[/*#__PURE__*/jsxs(DialogTitle,{children:["Change password for ",userName||'user']}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(UserPasswordForm,{onSubmit:onSubmit,onCancel:onClose,userName:userName})})]});}CreateUserDialog.defaultProps={className:undefined,classes:{},onClose:undefined,onSubmit:undefined};
+
+export { CreateUserDialog as default, styles };

package/dist/user/ChangeUserPasswordDialog/components/PasswordField.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { TextField, InputAdornment, IconButton } from '@material-ui/core';
+import { Visibility, VisibilityOff } from '@material-ui/icons';
+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 PasswordField(props){var _useState=useState(false),_useState2=_slicedToArray(_useState,2),showPassword=_useState2[0],setShowPassword=_useState2[1];return/*#__PURE__*/jsx(TextField,_objectSpread({type:showPassword?'text':'password',InputProps:{endAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"end",children:/*#__PURE__*/jsx(IconButton,{onClick:function onClick(){return setShowPassword(function(prev){return !prev;});},children:showPassword?/*#__PURE__*/jsx(Visibility,{}):/*#__PURE__*/jsx(VisibilityOff,{})})})}},props));}
+
+export { PasswordField as default };

package/dist/user/ChangeUserPasswordDialog/components/UserPasswordForm.js

@@ -0,0 +1,8 @@
+import { useRef } from 'react';
+import { withStyles, Button } from '@material-ui/core';
+import PasswordField from './PasswordField.js';
+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'},fields:{display:'flex',alignItems:'center'}};};function UserPasswordForm(_ref){var classes=_ref.classes,userName=_ref.userName,onSubmit=_ref.onSubmit,onCancel=_ref.onCancel,_ref$submitText=_ref.submitText,submitText=_ref$submitText===void 0?'Change':_ref$submitText,_ref$cancelText=_ref.cancelText,cancelText=_ref$cancelText===void 0?'Cancel':_ref$cancelText,_ref$passwordText=_ref.passwordText,passwordText=_ref$passwordText===void 0?'New Password':_ref$passwordText;var passwordRef=useRef();var handleSubmit=function handleSubmit(event){event.preventDefault();var password=passwordRef.current.value;onSubmit({userName:userName,password:password});};return/*#__PURE__*/jsxs("form",{className:classes.root,onSubmit:handleSubmit,children:[/*#__PURE__*/jsx("div",{className:classes.fields,children:/*#__PURE__*/jsx(PasswordField,{required:true,fullWidth:true,name:"password",label:passwordText,inputRef:passwordRef})}),/*#__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 UserPasswordForm$1 = withStyles(styles,{name:'VdtUserPasswordForm'})(UserPasswordForm);
+
+export { UserPasswordForm$1 as default };

package/dist/user/ChangeUserPasswordDialog/index.js

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

package/dist/user/CreateUserDialog/CreateUserDialog.js

@@ -0,0 +1,12 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { DialogTitle, DialogContent } from '@material-ui/core';
+import CreateUserForm from './components/CreateUserForm.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 CreateUserDialog(_ref){var classes=_ref.classes,className=_ref.className,groupListType=_ref.groupListType,onClose=_ref.onClose,onSubmit=_ref.onSubmit,titleText=_ref.titleText,CreateUserFormProps=_ref.CreateUserFormProps;var _useMemo=useMemo(function(){var _groupListType$group=groupListType.group,allGroups=_groupListType$group===void 0?[]:_groupListType$group;return allGroups.reduce(function(_ref2,c){var _ref3=_slicedToArray(_ref2,2),isTrue=_ref3[0],isFalse=_ref3[1];return c.role?[[].concat(_toConsumableArray(isTrue),[c]),isFalse]:[isTrue,[].concat(_toConsumableArray(isFalse),[c])];},[[],[]]).map(function(gr){return gr.map(function(g){return g.groupName;});});},[groupListType]),_useMemo2=_slicedToArray(_useMemo,2),roles=_useMemo2[0],groups=_useMemo2[1];return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtCreateUserDialog-root',className),children:[titleText&&/*#__PURE__*/jsx(DialogTitle,{className:classes.DialogTitle,children:titleText}),/*#__PURE__*/jsx(DialogContent,{className:classes.DialogContent,children:/*#__PURE__*/jsx(CreateUserForm,_objectSpread({onSubmit:onSubmit,onCancel:onClose,roles:roles,groups:groups},CreateUserFormProps))})]});}CreateUserDialog.defaultProps={className:undefined,classes:{},titleText:'Create User',onClose:undefined,onSubmit:undefined,groupListType:{},CreateUserFormProps:{}};
+
+export { CreateUserDialog as default, styles };

package/dist/user/CreateUserDialog/components/CreateUserForm.js

@@ -0,0 +1,11 @@
+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 PasswordField from '../../ChangeUserPasswordDialog/components/PasswordField.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{display:'flex',flexDirection:'column','& > *':{marginTop:theme.spacing(1),marginBottom:theme.spacing(1)}},action:{display:'flex',justifyContent:'flex-end'}};};function CreateUserForm(_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,groups=_ref.groups,roles=_ref.roles;var userNameRef=useRef();var realNameRef=useRef();var passwordRef=useRef();var _useState=useState([]),_useState2=_slicedToArray(_useState,2),userGroups=_useState2[0],setUserGroups=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),userRoles=_useState4[0],setUserRoles=_useState4[1];var handleSubmit=function handleSubmit(event){event.preventDefault();var userDocument={userName:userNameRef.current.value,realName:realNameRef.current.value,password:passwordRef.current.value,groupList:{group:userGroups.concat(userRoles).map(function(g){return {groupName:g};})}};onSubmit({userDocument:userDocument});};return/*#__PURE__*/jsxs("form",{className:classes.root,onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(TextField,{required:true,name:"userName",label:"Username",inputRef:userNameRef}),/*#__PURE__*/jsx(TextField,{name:"realName",label:"Real name",inputRef:realNameRef}),/*#__PURE__*/jsx(PasswordField,{name:"password",required:true,fullWidth:true,label:"Password",inputRef:passwordRef}),/*#__PURE__*/jsx(Autocomplete,{name:"groups",multiple:true,options:groups,getOptionLabel:function getOptionLabel(option){return option;},filterSelectedOptions:true,value:userGroups,onChange:function onChange(_,val){return setUserGroups(val);},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:"Add to groups"}));}}),/*#__PURE__*/jsx(Autocomplete,{name:"roles",multiple:true,options:roles,getOptionLabel:function getOptionLabel(option){return option;},filterSelectedOptions:true,value:userRoles,onChange:function onChange(_,val){return setUserRoles(val);},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:"Add roles"}));}}),/*#__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 CreateUserForm$1 = withStyles(styles,{name:'VdtCreateUserForm'})(CreateUserForm);
+
+export { CreateUserForm$1 as default };

package/dist/user/CreateUserDialog/index.js

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

package/dist/user/EditUserDialog/EditUserDialog.js

@@ -0,0 +1,8 @@
+import clsx from 'clsx';
+import { DialogTitle, DialogContent } from '@material-ui/core';
+import EditUserForm from './components/EditUserForm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles=function styles(){return {root:{}};};function EditUserDialog(_ref){var classes=_ref.classes,className=_ref.className,user=_ref.user,onClose=_ref.onClose,onSubmit=_ref.onSubmit;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtEditUserDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{children:"Edit User"}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(EditUserForm,{onSubmit:onSubmit,onCancel:onClose,user:user})})]});}EditUserDialog.defaultProps={className:undefined,classes:{},user:{},onClose:function onClose(){return null;},onSubmit:function onSubmit(){return null;}};
+
+export { EditUserDialog as default, styles };

package/dist/user/EditUserDialog/components/EditUserForm.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 EditUserForm(_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$userNameText=_ref.userNameText,userNameText=_ref$userNameText===void 0?'Username':_ref$userNameText,_ref$realNameText=_ref.realNameText,realNameText=_ref$realNameText===void 0?'Real name':_ref$realNameText,user=_ref.user;var userNameRef=useRef();var realNameRef=useRef();var handleSubmit=function handleSubmit(event){event.preventDefault();var userDocument={userName:userNameRef.current.value,realName:realNameRef.current.value};onSubmit({userDocument:userDocument});};return/*#__PURE__*/jsxs("form",{className:classes.root,onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(TextField,{required:true,name:"userName",defaultValue:user.userName,label:userNameText,inputRef:userNameRef}),/*#__PURE__*/jsx(TextField,{defaultValue:user.realName,name:"realName",label:realNameText,inputRef:realNameRef}),/*#__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 EditUserForm$1 = withStyles(styles,{name:'VdtEditUserForm'})(EditUserForm);
+
+export { EditUserForm$1 as default };

package/dist/user/EditUserDialog/index.js

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

package/dist/user/UserAvatarButton/UserAvatarButton.js

@@ -0,0 +1,17 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import clsx from 'clsx';
+import Avatar from '@material-ui/core/Avatar';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import Switch from '@material-ui/core/Switch';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+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 {avatar:{backgroundColor:theme.palette.primary.main,color:theme.palette.background.main},localeSelect:{width:'100%'}};};function UserAvatarButton(_ref){var className=_ref.className,classes=_ref.classes,userName=_ref.userName,avatarText=_ref.avatarText,onLogout=_ref.onLogout,togglePalette=_ref.togglePalette,isDefaultPalette=_ref.isDefaultPalette,locale=_ref.locale,children=_ref.children,signOutText=_ref.signOutText,toggleThemeText=_ref.toggleThemeText,AvatarProps=_ref.AvatarProps,ButtonBaseProps=_ref.ButtonBaseProps,MenuProps=_ref.MenuProps,localeSelectProps=_ref.localeSelectProps;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var handleMenuClick=function handleMenuClick(event){setAnchorEl(event.currentTarget);};var handleMenuClose=function handleMenuClose(){setAnchorEl(null);};var avatarName=avatarText||(userName?userName[0]:'');return/*#__PURE__*/jsxs("div",{className:clsx(className,classes.root,'VdtUserAvatarButton-root'),children:[/*#__PURE__*/jsxs(ButtonBase,_objectSpread(_objectSpread({className:clsx(classes.ButtonBase,'VdtUserAvatarButton-ButtonBase'),onClick:handleMenuClick,disableRipple:true},ButtonBaseProps),{},{children:[/*#__PURE__*/jsx(Avatar,_objectSpread(_objectSpread({className:classes.avatar},AvatarProps),{},{children:avatarName})),/*#__PURE__*/jsx(ArrowDropDownIcon,{})]})),/*#__PURE__*/jsxs(Menu,_objectSpread(_objectSpread({className:clsx(classes.Menu,'VdtUserAvatarButton-Menu'),anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:handleMenuClose,elevation:1,PaperProps:{square:true},getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'}},MenuProps),{},{children:[/*#__PURE__*/jsx(MenuItem,{disabled:true,children:userName}),togglePalette&&/*#__PURE__*/jsx(MenuItem,{className:clsx(classes.paletteMenuItem,'VdtUserAvatarButton-paletteMenuItem'),children:/*#__PURE__*/jsx(FormControlLabel,{className:clsx(classes.paletteFormControlLabel,'VdtUserAvatarButton-paletteFormControlLabel'),label:toggleThemeText,control:/*#__PURE__*/jsx(Switch,{className:clsx(classes.paletteSwitch,'VdtUserAvatarButton-paletteSwitch'),onChange:togglePalette,checked:isDefaultPalette})})}),(locale===null||locale===void 0?void 0:locale.options)&&/*#__PURE__*/jsx(MenuItem,{className:clsx(classes.localeMenuItemRoot,'VdtUserAvatarButton-localeMenuItemRoot'),children:/*#__PURE__*/jsx(Select,_objectSpread(_objectSpread({className:clsx(classes.localeSelect,'VdtUserAvatarButton-localeSelect'),value:locale.curr,onChange:function onChange(_ref2){var loc=_ref2.target.value;return locale.set(loc);}},localeSelectProps),{},{children:locale.options.map(function(option){return/*#__PURE__*/jsx(MenuItem,{value:option.value,className:clsx(classes.localeMenuItem,'VdtUserAvatarButton-localeMenuItem'),children:option.label},option.value);})}))}),children,/*#__PURE__*/jsx(MenuItem,{className:clsx(classes.signOutMenuItem,'VdtUserAvatarButton-signOutMenuItem'),button:true,onClick:onLogout,children:signOutText})]}))]});}UserAvatarButton.defaultProps={className:undefined,classes:{},userName:undefined,avatarText:undefined,onLogout:undefined,togglePalette:undefined,isDefaultPalette:true,locale:undefined,children:undefined,signOutText:'Sign Out',toggleThemeText:'Toggle Theme',AvatarProps:{},ButtonBaseProps:{},MenuProps:{},localeSelectProps:{}};
+
+export { UserAvatarButton as default, styles };

package/dist/user/UserAvatarButton/index.js

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

package/dist/user/UserDetails/UserDetails.js

@@ -0,0 +1,17 @@
+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 RoleIcon from '@material-ui/icons/VerifiedUser';
+import GroupRealtionList from '../../group/GroupRelationList/index.js';
+import UserData from './components/UserData.js';
+import UserMenu from './components/UserMenu.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 UserDetails(_ref){var classes=_ref.classes,className=_ref.className,userType=_ref.userType,groupListType=_ref.groupListType,onEdit=_ref.onEdit,onDelete=_ref.onDelete,onAddToGroups=_ref.onAddToGroups,onRemoveFromGroup=_ref.onRemoveFromGroup,onToggleDisabled=_ref.onToggleDisabled,onChangePassword=_ref.onChangePassword,DetailsComponent=_ref.DetailsComponent,DetailsProps=_ref.DetailsProps,GroupsComponent=_ref.GroupsComponent,GroupsProps=_ref.GroupsProps,RolesComponent=_ref.RolesComponent,RolesProps=_ref.RolesProps,MenuComponent=_ref.MenuComponent,MenuProps=_ref.MenuProps,lockedUsers=_ref.lockedUsers;var _ref2=userType||{},userName=_ref2.userName,_ref2$groupList=_ref2.groupList,groupList=_ref2$groupList===void 0?{}:_ref2$groupList;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var locked=lockedUsers.includes(userName);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,'VdtUserDetails-root',className),children:[/*#__PURE__*/jsxs("div",{className:classes.header,children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:userName}),/*#__PURE__*/jsx(IconButton,{onClick:handleMenuClick,disabled:lockedUsers.includes(userName),children:/*#__PURE__*/jsx(MoreVertIcon,{})}),MenuComponent&&/*#__PURE__*/jsx(MenuComponent,_objectSpread({user:userType,open:Boolean(anchorEl),onClose:handleMenuClose,anchorEl:anchorEl,onDelete:handleClickClose(onDelete),onEdit:handleClickClose(onEdit),onToggleDisabled:handleClickClose(onToggleDisabled),onChangePassword:handleClickClose(onChangePassword)},MenuProps))]}),DetailsComponent&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(DetailsComponent,_objectSpread({user:userType,SubHeaderIcon:DescriptionIcon},DetailsProps)),/*#__PURE__*/jsx(Divider,{})]}),GroupsComponent&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(GroupsComponent,_objectSpread({existingGroups:groupList,groups:groupListType,onRemoveGroup:onRemoveFromGroup,onAddGroups:onAddToGroups,SubHeaderIcon:GroupIcon,disableEdit:locked,showRoles:false},GroupsProps)),/*#__PURE__*/jsx(Divider,{})]}),RolesComponent&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(RolesComponent,_objectSpread({existingGroups:groupList,groups:groupListType,onRemoveGroup:onRemoveFromGroup,onAddGroups:onAddToGroups,removeTooltip:"Remove role",subHeaderText:"Roles",SubHeaderIcon:RoleIcon,inputLabel:"Select roles",addText:"Add roles",emptyText:"No roles added",disableEdit:locked,showGroups:false},RolesProps)),/*#__PURE__*/jsx(Divider,{})]})]});}UserDetails.defaultProps={classes:{},className:undefined,userType:{},groupListType:{},onEdit:undefined,onDelete:undefined,onAddToGroups:undefined,onRemoveFromGroup:undefined,onToggleDisabled:undefined,onChangePassword:undefined,DetailsComponent:UserData,DetailsProps:{},GroupsComponent:GroupRealtionList,GroupsProps:{},RolesComponent:GroupRealtionList,RolesProps:{},MenuComponent:UserMenu,MenuProps:{},lockedUsers:['admin','vidinetviewer']};
+
+export { UserDetails as default, styles };

package/dist/user/UserDetails/components/UserData.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 getDisabledValue=function getDisabledValue(_ref){var disabled=_ref.disabled;return disabled?'Disabled':'Active';};function UserData(_ref2){var className=_ref2.className,classes=_ref2.classes,user=_ref2.user,_ref2$SubHeaderText=_ref2.SubHeaderText,SubHeaderText=_ref2$SubHeaderText===void 0?'Details':_ref2$SubHeaderText,_ref2$SubHeaderIcon=_ref2.SubHeaderIcon,SubHeaderIcon=_ref2$SubHeaderIcon===void 0?false:_ref2$SubHeaderIcon;var userName=user.userName,realName=user.realName;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:"Username",secondary:userName})}),/*#__PURE__*/jsx(ListItem,{children:/*#__PURE__*/jsx(ListItemText,{primary:"Real name",secondary:realName||'-'})}),/*#__PURE__*/jsx(ListItem,{children:/*#__PURE__*/jsx(ListItemText,{primary:"Status",secondary:getDisabledValue(user)})})]})});}var UserData$1 = withStyles(styles,{name:'VdtUserData'})(UserData);
+
+export { UserData$1 as default };

package/dist/user/UserDetails/components/UserMenu.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=["user","onToggleDisabled","onEdit","onChangePassword","onDelete","editUserText","changePasswordText","deleteUserText","enableUsertext","disableUsertext"];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 UserMenu(_ref){var user=_ref.user,onToggleDisabled=_ref.onToggleDisabled,onEdit=_ref.onEdit,onChangePassword=_ref.onChangePassword,onDelete=_ref.onDelete,_ref$editUserText=_ref.editUserText,editUserText=_ref$editUserText===void 0?'Edit User':_ref$editUserText,_ref$changePasswordTe=_ref.changePasswordText,changePasswordText=_ref$changePasswordTe===void 0?'Change Password':_ref$changePasswordTe,_ref$deleteUserText=_ref.deleteUserText,deleteUserText=_ref$deleteUserText===void 0?'Delete User':_ref$deleteUserText,_ref$enableUsertext=_ref.enableUsertext,enableUsertext=_ref$enableUsertext===void 0?'Enable User':_ref$enableUsertext,_ref$disableUsertext=_ref.disableUsertext,disableUsertext=_ref$disableUsertext===void 0?'Disable User':_ref$disableUsertext,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(Menu,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(){return onToggleDisabled(user);},disabled:onToggleDisabled===undefined,children:user.disabled?enableUsertext:disableUsertext}),/*#__PURE__*/jsx(MenuItem,{onClick:onEdit,disabled:onEdit===undefined,children:editUserText}),/*#__PURE__*/jsx(MenuItem,{onClick:onChangePassword,disabled:onChangePassword===undefined,children:changePasswordText}),/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(){return onDelete(user);},disabled:onDelete===undefined,children:deleteUserText})]}));}
+
+export { UserMenu as default };

package/dist/user/UserDetails/index.js

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

package/dist/user/UserRelationList/UserRelationList.js

@@ -0,0 +1,13 @@
+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 UserRelationList(_ref){var classes=_ref.classes,className=_ref.className,onClick=_ref.onClick,existingUsers=_ref.existingUsers,users=_ref.users,onAddUsers=_ref.onAddUsers,onRemoveUser=_ref.onRemoveUser,removeTooltip=_ref.removeTooltip,subHeaderText=_ref.subHeaderText,inputLabel=_ref.inputLabel,SubHeaderIcon=_ref.SubHeaderIcon,emptyText=_ref.emptyText,addText=_ref.addText,disableEdit=_ref.disableEdit,lockedUsers=_ref.lockedUsers,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 _existingUsers$user=existingUsers.user,existingUserList=_existingUsers$user===void 0?[]:_existingUsers$user;var _users$user=users.user,userList=_users$user===void 0?[]:_users$user;var availableUsers=userList.map(function(u){return u.userName;});var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),value=_useState4[0],setValue=_useState4[1];return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtUserRelationList-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:[existingUserList.length?existingUserList.map(function(user){return/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({classes:{container:classes.groupListItem},disabled:lockedUsers.includes(user.userName),onClick:onClick?function(event){return onClick(event,{userName:user.userName,userType:user});}:undefined,button:!!onClick},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:user.userName,primaryTypographyProps:{variant:'body2'}},ListItemTextProps)),onRemoveUser&&!disableEdit&&!lockedUsers.includes(user.userName)&&/*#__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 onRemoveUser(user.userName);}},RemoveIconButtonProps),{},{children:/*#__PURE__*/jsx(RemoveIcon,{})}))})}))})]}),user.userName);}):/*#__PURE__*/jsx(ListItem,_objectSpread(_objectSpread({},EmptyListItemProps),{},{children:/*#__PURE__*/jsx(ListItemText,_objectSpread({primary:emptyText,primaryTypographyProps:{variant:'caption'}},EmptyListItemTextProps))})),onAddUsers&&!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))]}))]})),onAddUsers&&!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:availableUsers,getOptionDisabled:function getOptionDisabled(option){return existingUserList.findIndex(function(u){return u.userName===option;})!==-1||lockedUsers.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 _onAddUsers;(_onAddUsers=onAddUsers({users:value}))===null||_onAddUsers===void 0?void 0:_onAddUsers.then(function(){setAddActive(false);setTimeout(function(){setValue([]);},500);});}},AddButtonProps),{},{children:addButtonText}))]})}))]});}UserRelationList.defaultProps={className:undefined,classes:{},existingUsers:{},users:{},onClick:undefined,onAddUsers:undefined,onRemoveUser:undefined,removeTooltip:'Remove',subHeaderText:'Users',inputLabel:'Select users',SubHeaderIcon:false,emptyText:'No users',addText:'Add users',disableEdit:false,lockedUsers:[],RemoveIcon:Cancel,ListProps:{},ListSubheaderProps:{},ListItemProps:{},ListItemTextProps:{},EmptyListItemProps:{},EmptyListItemTextProps:{},RemoveTooltipProps:{},RemoveIconButtonProps:{},AddListItemProps:{},AddIcon:Add,AddListItemTextProps:{},CollapseProps:{},AutocompleteProps:{},AutocompleteTextFieldProps:{},AddButtonProps:{},addButtonText:'Add'};
+
+export { UserRelationList as default, styles };

package/dist/user/UserRelationList/index.js

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

package/dist/user/UserTable/UserTable.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 UserRow from './components/UserRow.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 disabledValueComponent=function disabledValueComponent(value){return value?'Disabled':'Active';};var DEFAULT_COLUMNS=[{value:'userName'},{value:'realName'},{value:'disabled',valueComponent:disabledValueComponent}];var DEFAULT_COLUMN_LABELS={userName:'Username',realName:'Real name',disabled:'Status'};var styles=function styles(){return {root:{}};};function UserTable(_ref){var classes=_ref.classes,className=_ref.className,users=_ref.users,columns=_ref.columns,hideHeader=_ref.hideHeader,UserRowComponent=_ref.UserRowComponent,UserRowProps=_ref.UserRowProps,userColumnLabels=_ref.userColumnLabels;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtUserTable-root',className),children:/*#__PURE__*/jsx(TableContainer,{children:/*#__PURE__*/jsxs(Table,{children:[!hideHeader&&/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx(TableRow,{children:columns.map(function(_ref2){var value=_ref2.value;return/*#__PURE__*/jsx(TableCell,{children:userColumnLabels[value]},userColumnLabels[value]);})})}),/*#__PURE__*/jsx(TableBody,{children:users.map(function(user){return/*#__PURE__*/jsx(UserRowComponent,_objectSpread({user:user,columns:columns},UserRowProps),user.userName);})})]})})});}UserTable.defaultProps={className:undefined,classes:{},users:[],columns:DEFAULT_COLUMNS,hideHeader:false,UserRowComponent:UserRow,UserRowProps:{},userColumnLabels:DEFAULT_COLUMN_LABELS};
+
+export { UserTable as default, styles };

package/dist/user/UserTable/components/UserRow.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=["user","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;}function UserRow(_ref){var _ref$user=_ref.user,user=_ref$user===void 0?{}:_ref$user,_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(user);}:undefined,style:{cursor:onClick!==undefined?'pointer':'initial'}},TableRowProps),{},{children:columns.map(function(_ref2){var value=_ref2.value,valueComponent=_ref2.valueComponent;return/*#__PURE__*/jsx(TableCell,{children:valueComponent?valueComponent(user[value],user):user[value]},value);})}));}var UserRow$1 = withStyles({},{name:'VdtUserRow'})(UserRow);
+
+export { UserRow$1 as default };

package/dist/user/UserTable/index.js

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

package/dist/utils.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback } from 'react';
+
+var useToggleOnClick=function useToggleOnClick(defaultState,callback,externalState){var _useState=useState(defaultState),_useState2=_slicedToArray(_useState,2),internalState=_useState2[0],setInternalState=_useState2[1];var state=externalState===undefined?internalState:externalState;var setState=useCallback(function(event,updateState){return setInternalState(function(prevState){var newState=updateState!==undefined?updateState:!prevState;if(callback)callback(newState);return newState;});},[callback]);return [state,setState];};function uuidv4(){return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,function(c){return(// eslint-disable-next-line
+(c^crypto.getRandomValues(new Uint8Array(1))[0]&15>>c/4).toString(16));});}var toCapsCase=function toCapsCase(string){return "".concat(string[0].toUpperCase()).concat(string.slice(1).toLowerCase());};
+
+export { toCapsCase, useToggleOnClick, uuidv4 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "22.4.0",
+  "version": "23.1.0-pre.2",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,8 @@
     "directory": "packages/vdt-materialui"
   },
   "main": "dist/index.js",
-  "module": "dist/index.es.js",
+  "module": "dist/index.js",
+  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -25,13 +26,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.1",
-    "@vidispine/vdt-api": "22.4.0",
-    "@vidispine/vdt-js": "22.4.0",
-    "@vidispine/vdt-react": "22.4.0",
-    "@vidispine/vdt-videojs-react": "22.4.0",
+    "@vidispine/vdt-api": "23.1.0-pre.2",
+    "@vidispine/vdt-js": "23.1.0-pre.2",
+    "@vidispine/vdt-react": "23.1.0-pre.2",
+    "@vidispine/vdt-videojs-react": "23.1.0-pre.2",
     "clsx": "^1.2.1",
     "core-js": "^3.26.1",
-    "filesize": "^6.4.0",
+    "filesize": "^10.0.5",
     "final-form": "^4.20.7",
     "lodash.clonedeep": "^4.5.0",
     "lodash.constant": "^3.0.0",
@@ -43,7 +44,6 @@
     "lodash.updatewith": "^4.10.2",
     "moment": "^2.29.4",
     "pdfjs-dist": "2.9.359",
-    "prop-types": "^15.8.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
@@ -71,14 +71,15 @@
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-node-resolve": "13.3.0",
     "@svgr/rollup": "6.5.1",
-    "@vidispine/eslint-config-mdx": "22.4.0",
-    "@vidispine/eslint-config-react": "22.4.0",
-    "@vidispine/eslint-config-storybook": "22.4.0",
-    "@vidispine/prettier-config": "22.4.0",
-    "@vidispine/proptypes": "22.4.0",
+    "@vidispine/eslint-config-mdx": "23.1.0-pre.2",
+    "@vidispine/eslint-config-react": "23.1.0-pre.2",
+    "@vidispine/eslint-config-storybook": "23.1.0-pre.2",
+    "@vidispine/prettier-config": "23.1.0-pre.2",
+    "@vidispine/proptypes": "23.1.0-pre.2",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "0.21.4",
     "axios-mock-adapter": "1.21.2",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "enzyme": "3.11.0",
     "eslint": "8.28.0",
     "faker": "5.5.3",
@@ -87,6 +88,7 @@
     "lodash.times": "4.3.2",
     "moment-duration-format": "2.3.2",
     "prettier": "2.8.0",
+    "prop-types": "15.8.1",
     "rimraf": "3.0.2",
     "rollup": "2.79.1"
   },